Вход Регистрация
Файл: css/style.css
Строк: 4222
@charset "utf-8"; /*Add plugins*/ @import
"http://code.jquery.com/ui/1.11.4/themes/smoothness/jquery-ui.css"; @import
"jquery.formstyler.css"; @import
"jquery.formstyler.theme.css"; @import
"jquery.fancybox.css"; @import
"jquery.bxslider.css"; /* CSS Reset */ html, body, div, span,
applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a,
abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s,
samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure,
figcaption, footer, header, hgroup, menu, nav, output, ruby, section,
summary, time, mark, audio, video { margin: 0; padding: 0; border:
0; font-size: 100%; font: inherit; vertical-align: baseline; } strong,
b1{font-weight: bold;} strong, b2{color:#444;} /* HTML5 display-role reset
for older browsers */ article, aside, details, figcaption, figure, footer,
header, hgroup, menu, nav, section { display: block; } body
{ line-height: 1; height: calc(100% - 62px); } ol, ul { list-style:
none; } blockquote, q { quotes: none; } blockquote:before,
blockquote:after, q:before, q:after { content: ''; content: none; } table
{ border-collapse: collapse; border-spacing:
0; } img{ border:0; vertical-align:top; } /* End CSS Reset */ html
{ height:
100%; } body{ margin:0px; padding:0px; width:100%; background:#EDEEF0;/*
f0f2f5 *//* F6F5F3 */ color:#222; font-size:12px; line-height:
normal; font-family:Tahoma, Helvetica,
sans-serif; min-width:980px; } /* TYPOGRAPHY
*/ a{ text-decoration:none; color:#008996; } th
a{ text-decoration:none; color:#000000; font-size:12px; } a:hover{ text-decoration:underline; } p{ padding:2px
0; } h1, h2, h3, h4, h5{ font-weight:700; padding:7px
0; } h1{ font-size:30px; line-height:30px; } h2{ font-size:28px; line-height:28px; } h3{ font-size:26px; line-height:26px; } h4{ font-size:24px; line-height:24px; } h5{ font-size:22px; line-height:22px; } .form-error{ color:
#0e0e0e; background: #d48f6e47; margin-top: 5px; border-radius:
2px; padding: 4px 10px; line-height: 1.5; display:
block; } input.form-control, textarea.form-control{ width:100%; line-height:16px; border:1px
#BFBFBF solid; color:#222; padding:3px
8px; font-size:12px; outline:none; -webkit-box-sizing:
border-box; -moz-box-sizing: border-box; box-sizing:
border-box; } input.form-control{ height:24px; } textarea.form-control{ height:
70px; min-height: 70px; max-width: 100%; min-width: 100%; font-family:
tahoma; padding: 8px; } textarea.form-control:hover{ border-color:
#cce2f7; box-shadow: 0 0 4px
rgba(204,226,247,0.4); } textarea.form-control:focus{ border-color:
#73afea; outline: 0; background: #f9f9f9; -webkit-box-shadow: inset 0
1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); box-shadow:
inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px
rgba(115,175,234,0.6); } input.form-control:hover{ border-color:
#cce2f7; box-shadow: 0 0 4px
rgba(204,226,247,0.4); } input.form-control:focus{ border-color:
#73afea; outline: 0; -webkit-box-shadow: inset 0 1px 1px
rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); box-shadow: inset 0 1px
1px rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); background:
#f9f9f9; } /* END control
*/ input.form-control1, textarea.form-control{ width:100%; line-height:14px; border:1px
#BFBFBF solid; color:#222; padding:3px
8px; font-size:12px; outline:none; -webkit-box-sizing:
border-box; -moz-box-sizing: border-box; box-sizing:
border-box; } input.form-control1{ height:24px; } textarea.form-control1{ min-height:
251px; max-width: 100%; min-width: 100%; font-family: tahoma; padding:
8px; width: 100%; line-height: 16px; border: 1px #BFBFBF solid; color:
#222; padding: 7px 8px; font-size:12px; outline:
none; -webkit-box-sizing: border-box; -moz-box-sizing:
border-box; box-sizing:
border-box; } textarea.form-control1:hover{ border-color:
#cce2f7; box-shadow: 0 0 4px
rgba(204,226,247,0.4); } textarea.form-control1:focus{ border-color:
#73afea; outline: 0; -webkit-box-shadow: inset 0 1px 1px
rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); box-shadow: inset 0 1px
1px rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); background:
#f9f9f9; } input.form-control1:hover{ border-color: #cce2f7; box-shadow:
0 0 4px rgba(204,226,247,0.4); } input.form-control1:focus{ border-color:
#73afea; outline: 0; -webkit-box-shadow: inset 0 1px 1px
rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); box-shadow: inset 0 1px
1px rgba(0,0,0,0.075), 0 0 8px rgba(115,175,234,0.6); } /* END control
*/ .hide, .loader-center.hide, #appearanceBlock.hide, .button-change-table.hide
{ display:none; } /* END TYPOGRAPHY */ article, aside, details,
figcaption, figure, footer, header, hgroup, main, nav, section, summary {
display: block; } /* `Clear Floated
Elements ----------------------------------------------------------------------------------------------------*/ .clear{ clear:both; display:block; } .clearfix:before, .clearfix:after{ content:
" "; display: table; } .clearfix:after{ clear:both; } /*
----style-form---*/ ::-webkit-input-placeholder{ color:#7f7f7f; font-size:12px; font-family:Tahoma,
Helvetica,
sans-serif; } :-moz-placeholder, ::-moz-placeholder{ color:#7f7f7f; font-size:12px; font-family:Tahoma,
Helvetica,
sans-serif; opacity:1; } input:-ms-input-placeholder, textarea:-ms-input-placeholder{ color:#7f7f7f; font-size:12px; font-family:Tahoma,
Helvetica, sans-serif; } .placeholder
{ color:#7f7f7f; font-size:12px; font-family:Tahoma, Helvetica,
sans-serif; } *:focus::-moz-placeholder { color: transparent
!important;} *[autofocus]::-moz-placeholder:focus { color: graytext
!important;} *:focus:-moz-placeholder { color: transparent
!important;} *[autofocus]:-moz-placeholder:focus { color: graytext
!important;} *:focus::-webkit-input-placeholder { color: transparent
!important;} *[autofocus]::-webkit-input-placeholder { color: graytext
!important;} /* ----end-style-form---*/ /*
General -----------------------------------------------------------------------------*/ .wrapper{ min-width:
1100px; max-width: 1100px; margin:0 auto; height: calc(100% -
35px); } .inside{ width:960px; margin:0 auto; padding:0
10px; } .pull-left{ float:left; max-width: 300px; white-space:
nowrap; overflow: hidden; text-overflow:
ellipsis; } .pull-right{ float:right; } .pull-right input{ margin-left:
5px; } .horizontal{ width: 100%; display: table; line-height:
16px; font-size:
13px; } .horizontal_2{ width:100%; font-size:0; display:table; } .horizontal_3
{ font-size: 0; display: table; margin-left: 132px; text-align:
left; } .horizontal_3 >
li{ display:inline-block; vertical-align:top; font-size:12px; } .horizontal
>
li{ display:inline-block; vertical-align:top; font-size:12px; } .horizontal_2
> li{ display:inline-block; vertical-align:top; font-size:12px; } /*
Btns -----------------------------------------------------------------------------*/ .btn{ background:#5682a3; display:inline-block; vertical-align:top; line-height:
25px; color:#fff; border: 1px solid
#5e92b9; cursor:pointer; margin:0; padding:0
15px; font-size:12px; border-radius: 2px; } .btn[disabled] { color:
#afafaf; border: 1px solid #d4cfcf; background: #f5f2f2; cursor:
default; } .btn[disabled]:hover { color: #afafaf; border: 1px solid
#d4cfcf; background:
#f5f2f2; } a.btn{ line-height:23px; font-size:12px; } .btn:hover{ text-decoration:none; background:
#5e92b9; } .btn_back { background: #dadada; display:
inline-block; vertical-align: top; line-height: 25px; color:
#3c3c3c; border: 1px solid #c5c5c5; cursor: pointer; margin:
0; font-size: 12px; border-radius:
2px; } .btn_back:hover{ text-decoration:none; background:
#c1c1c1; border: 1px solid #b3b3b3; } .btn_grey_1 { background:
#ffffff; display: inline-block; border: 1px solid
#aaacaf; vertical-align: top; line-height: 25px; color: #222; cursor:
pointer; margin: 0; padding: 0 15px; font-size:12px; border-radius:
2px; } .btn_grey_1:hover { background: #f9f9f9; border: 1px solid
#c7c7c7; text-decoration: none; } .btn.white{ border: 1px solid
#D9D9D9; color:#444; background:#F8F8F8; height:
30px; } .btn.white1{ border: 1px solid
#D9D9D9; color:#444; background:#fff; padding: 1.5px
16px; } .btn.white:hover{ color:#000; background:
#e8e8e88f; } .btn.white1:hover{ color:#000; border: 1px #BFBFBF
solid; } .popup .btn.white { padding: 0; text-align: center; color:
#333; } .btn-link { border-bottom: 1px dotted #008996; line-height:
18px; padding: 2px 0; } .btn-link:hover { border-bottom: 1px
transparent; text-decoration: none; } .foton_btn { background-color:
#e5ebf1; color: #55677d; line-height: 30px; margin: 0; font-size:
12px; display: inline-block; cursor: pointer; white-space:
nowrap; outline: none; vertical-align: top; text-align:
center; text-decoration: none; border: 0; border-radius:
2px; box-sizing: border-box; width: 100%; } .foton_btn:hover
{ background-color: #dfe6ed; } .maui_btn { background-color:
#5883A2; color: #ffffff; line-height: 30px; margin: 0; font-size:
12px; display: inline-block; cursor: pointer; white-space:
nowrap; outline: none; vertical-align: top; text-align:
center; text-decoration: none; border: 0; border-radius:
2px; box-sizing: border-box; width: 100%; margin-bottom:
10px; } .maui_btn:hover { background: #5e92b9; } .disabled { opacity:
0.5; } /*
Icons -----------------------------------------------------------------------------*/ [class^="icon-"], [class*="icon-"]
{ display:inline-block; vertical-align:top; font-size:0; text-indent:-9999px; background:url(../img/sprite.png)
no-repeat 0
0; } .icon-help{ width:11px; height:11px; background-position:-14px
0; } /*
Header -----------------------------------------------------------------------------*/ .header{ margin-top:20px; } .header-nav{ padding-left:
25px; padding-top:
9px; float:left; } .header-options{ position:relative; margin-right:15px; z-index:2; } .header-options
a{ font-size:12px; } .header-options
a:hover{ text-decoration:none; } .header-options.open ul{ opacity:
1; visibility: visible; padding-top: 8px; padding-bottom:
3px; padding-left: 10px; padding-right: 10px; } .header-registration >
a{ line-height:33px; display:inline-block; vertical-align:top; padding-right:15px; position:relative; color:#fff; } .header-options
> a{ line-height: 23px; display: inline-block; vertical-align:
top; position: relative; color: #fff; padding-left:
13px; padding-right: 24px; height: 24px; margin-right: 4px; margin-top:
6px; } .header-options a:hover{ color: #fff; background-color: rgba(255,
255, 255, 0.15); border-radius: 2px; text-decoration:
none; } .header-options a:focus{ border-radius: 2px; text-decoration:
none; color: #fff; } .header-options >
a:after{ content:''; width:0; height:0; position:absolute; right:0; top:50%; margin-top:-3px; border-left:4px
solid transparent; border-right:4px solid transparent; border-top:6px
solid #fff; margin-right: 10px; } .header-options ul{ border: 1px solid
#D9D9D9; border-radius: 2px 2px 5px 5px; background: #fff; position:
absolute; right: 4px; top: 41px; width: 140px; visibility:
hidden; opacity: 0; border: 1px solid #e5e5e5; border-radius:
3px; box-shadow: 0 2px 4px rgba(0,0,0,0.1); } .headerSettings
{ padding-left: 0px !important; } /*.header-options li +
li{ border-top:1px solid #bfbfbf; }*/ .header-options li
a{ display:block; padding:4px
9px; color:#444; line-height:15px; } .header-options li
a:focus{ display:block; color:#444; } .header-options li
a:hover, .header-options li.active a:hover { background: #ececec; color:
#333; } .header-nav .navbar-nav
li{ display:inline-block; position:relative; padding-left:8px; } /*nav
ul > li +
li:before{ content:'|'; position:absolute; text-align:center; right:
100%; } */ .navbar-nav li { color:#fff; } .header-nav .navbar-nav a:hover
{ color: #fff; background-color: rgba(255, 255, 255,
0.15); border-radius: 2px; text-decoration: none; } .header-nav
.navbar-nav a{ color:#fff; padding: 5px 12px; } .header-nav
.active{ background: #4a6c84; border-radius: 2px; text-decoration:
none; color: white; } .header-nav .navbar-nav a:focus { color:
#fff; padding: 5px 12px; background: #426784; border-radius:
2px; } .header-nav .navbar-nav a:active { color: #fff; padding: 5px
12px; background: #426784; border-radius:
2px; } .blue-hat{ background:#5682a3; color:#fff; height:35px; border-radius:5px
5px 0 0; } .company-name{ padding-top:10px; padding-left:15px; } /*
Main -----------------------------------------------------------------------------*/ .company-name__link{ color:#fff; } .main{
position: relative; z-index: 1; height: calc(100% - 15px);
display: inline-table; width: 100%; } .site-box{ height: calc(100% -
36px); } .other-type .clients-hat{ margin-bottom: 4px; } .other-type
.box-gray__head { border-top: 1px solid #d9d9d9; } .other-type .content
.box-gray { border-top: 1px solid
#d9d9d9; } .empty-line{ height:20px; border-right:1px solid
#d9d9d9; border-left:1px solid #d9d9d9; } .navbar-nav { display:
table; width: 100%; font-size: 0; padding-top: 2px; } .navbar-nav li
{ display:inline-block; vertical-align:
top; font-size:12px; } .left-sidebar .clients-nav { border-bottom: 1px
dashed #d9d9d9; padding-bottom: 10px; } .left-sidebar .clients-nav
li:first-child { padding-left: 0; } .clients-nav { margin-top:
1px; padding-bottom: 5px; } .clients-nav li{ padding: 0px 12px 0px
6px; position: relative; } .clients-nav_01 li{ padding: 0px 10px 0px
6px; position: relative; } .clients-nav_01 ul > li + li:before
{ content: '|'; position: absolute; text-align: center; right:
100%; color: #3b3b3b; } .clients-nav li a{ position:
relative; text-decoration: none; } .clients-nav ul > li +
li:before{ content:'|'; position:absolute; text-align:center; right:
100%; color:#3b3b3b; } .clients-nav
.active{ /*text-decoration:underline;*/ } .clients-hat{ border:1px solid
#d9d9d9; border-top: 0; background: #fff; padding: 12px 17px
5px; overflow: hidden; height:
26px; } .client-name{ line-height:18px; } .box-gray{ background:
#fff; border-right: 1px solid #d9d9d9; margin-bottom:
-1px; } .box-gray1{ background:
#fff; } .registration-columns.pull-left{ width: 45%; margin-left:
5%; } .registration-columns.pull-left
.slider{ padding-top:7px; } .registration-columns.pull-right{ width:
40%; margin-right: 4%; } .underline-text{ border-top:1px solid
#d9d9d9; padding-top:12px; margin-top:14px; } .registration-columns{ margin-bottom:20px; } .website-abilities{ padding:
4px 0px 5px 22px; list-style: disc; line-height: 16px; } .content
.box-gray { width: 100%; } .content .box-gray1 { border-top:
0; min-height: inherit; } .content .box-gray.flex { min-height:
0; margin-bottom: 4px; border-radius: 5px 5px 0 0px; } .content
.box-gray__head { border-left: 0; border-right:
0; } .box-gray__head{ border:1px solid #d9d9d9; margin-top:
-1px; background: #F8F8F8; padding:12px 0px 11px
15px; line-height:12px; color:#444; font-size:12px; } .box-gray__head.big1
{ padding-top: 8px; font-weight:
bold; font-size:12px; color:#222; } .box-gray__body.no-border{ border:0; min-height:
150px; } .box-gray__body.no-border1{ border: 0; width:
50%; padding-top: 13px; display: table-cell; padding-right:
16px; padding-bottom: 10px; } .box-gray__body.no-border1_1{ border:
0; padding-top: 4px; padding-right: 19px; padding-left:
22px; padding-bottom: 20px; } .client-name a { float: left; color:
#444; } .box-gray__body.no-border2{ border: 0; width: 45.7%; display:
table-cell; } .profile_edit{ border: 0; width: 55%; display:
table-cell; padding-top: 25px; margin: 10px auto; margin-bottom:
30px; } .content_anketa { border: 1px solid #d9d9d9; border-top:
0; } .add-btn.no-border-bottom{ border-bottom:0; } .box-gray__form{ padding:15px; padding-bottom:
0; margin-bottom: 15px; } .box-gray__form
.btn{ display:block; width:100%; } .box-gray__form
.form-group-btn{ padding-top:10px; } .box-gray__form
label.label{ display:block; padding:0 0
9px; font-size:12px; line-height:12px; color: #444; } .active-pad
{ padding: 15px 0px 0px 27px } .edit-link { display:
inline-block; vertical-align: top; } .goback-link { margin: -1px 10px 3px
0px; display: flex; } .main-table{ width:100%; } .main_table_12
{ width:100%; } .main_table_12 tr td { border: 0; white-space:
pre-wrap; padding: 8px 0px 8px 0px; } .main-table.row tr td { border:
0; white-space: pre-wrap; } .main-table tr:first-child td { border-top:
0; } .main-table td{ border:1px solid #d9d9d9; /*padding:8px
11px;*/ font-size:12px; line-height:12px; line-height: 1.3; } .odd
td{ padding: 8px 8px 8px 12px; } .even td{ padding: 8px 8px 8px
12px; } .main-table td:first-child { border-left: 0; } .main-table
td:last-child { border-right: 0; } .main-table tr:hover
td{ /*background-color:#F8F8F8/* F6F9FC; */ } .additionalFieldTable
.main-table.row tr td { white-space: pre-line; padding-bottom:
8px; padding-top: 8px; } .additionalFieldTable { display:
flex; } .an_002 { padding-right: 30px; color:
#828282; } .additionalFieldTable_anketa { display:
flex; } .main-table.row tr td { white-space: pre-line; } .square-td >
a{ display:inline-block; vertical-align:top; padding-left:19px; position:relative; } .square-td1
>
a{ display:inline-block; vertical-align:top; padding-left:3px; position:relative; } .square-td.after
>
a{ display:inline-block; vertical-align:top; padding-right:26px; position:relative; } .square-td
> a
.square{ position:absolute; left:0; top:50%; margin-top:-3px; } .square-td.after
> a
.square{ position:absolute; left:auto; right:0; top:50%; margin-top:-3px; } .circle-td
>
a{ display:inline-block; vertical-align:top; padding-right:28px; position:relative; } .circle-td
> a
.circle.after{ position:absolute; right:0; top:50%; margin-top:-3px; } .square-td
> a
.square.after{ position:absolute; right:0; top:50%; margin-top:-3px; } span.circle{ width:
5px; height: 5px; font-size:0; text-indent:-9999px; display:
inline-block; vertical-align: top; margin: 3px 13px 0 5px; background:
#8EB4E3; border: 1px solid
#558ED5; } span.circle{ border-radius:4px; } span.circle.gray{ background:#d9d9d9; border:1px
solid #BFBFBF; } span.circle.blue{ background:#fff; border:1px solid
#BFBFBF; } span.circle.green{ background:#7ECE6E; border:1px solid
#51B53D; } span.circle.white{ border:1px solid
#d9d9d9; background:#fff; } span.circle.yellow{ border:1px solid
#d9cf1d; background:#f7ee43; } span.circle.red{ border:1px solid
#fd7391; background:#fd7391; } span.square{ width: 7px; height:
7px; border-radius: 10px; font-size: 0; text-indent: -9999px; display:
inline-block; vertical-align: top; margin: 3px 7px 0 2px; background:
#8EB4E3; border: 1px solid
#558ED5; } span.square.gray{ background:#d9d9d9; border:1px solid
#BFBFBF; } span.square.blue{ background:#8EB4E3; border:1px solid
#558ED5; } span.square.green{ background:#7ECE6E; border:1px solid
#51B53D; } span.square.white{ border: 1px solid #FD7391; background:
#FD7391; } span.square.yellow{ border:1px solid
#d9cf1d; background:#f7ee43; } span.square.red{ border:1px solid
#fd7391; background:#fd7391; } .settings-footer { padding-bottom:
150px; } .settings-footer1 { padding: 15px; padding-left:
8px; } .w12{ width:12.5%; } .w25{ width:25%; } .w30{ width:30%; } .w33{ width:33.3%; } .w50{ width:28%; background:#F8F8F8; } .w50_1{ width:24%; background:#F8F8F8; } .w51{ width:15.5%; background:#F8F8F8; } .w51_5{ width:13.5%; background:#F8F8F8; } .w53{ width:30%; background:#F8F8F8; } .w54{ width:10.5%; background:#F8F8F8; } .w55{ width:37%; background:#F8F8F8; color:#444; } .w56{ width:13.5%; background:#F8F8F8; } .w56_5{ width:12.5%; background:#F8F8F8; } .w57{ width:
9.5%; background:#F8F8F8; } .w57_3{ width:
8.5%; background:#F8F8F8; } .w57_4 { width: 4.5%; background:
#F8F8F8; } .w57_5{ width:14.3%; background:#F8F8F8; } .w57_5q{ width:9.2%; background:#F8F8F8; } .w57_6{ width:4.1%; background:#F8F8F8; } .w57_6_clients{ width:3.1%; background:#F8F8F8; } .w57_7{ width:10.1%; background:#F8F8F8; } .w57_7_clients{ width:13.1%; background:#F8F8F8; } .w57_8{ width:8.6%; background:#F8F8F8; } .w58{ width:6.5%; background:#F8F8F8; } .w65{ width:65%; background:#F8F8F8; } .w85
{ width: 92%; height: 11px; border-right: 1px solid
#d9d9d9; border-bottom: 1px solid #d9d9d9; padding: 8px
11px; text-align: left; font-size:12px; color: #000000
!important; line-height: 12px; padding-left:
19px; } .w85_1{ width:40%; } .w9{ width:22%; } .w_f_1 { width: 58%;
height: 13px; border-right: 1px solid #d9d9d9; border-bottom:
1px solid #d9d9d9; padding: 11px 13px; text-align: left; color:
#222; line-height: 13px; } .w_f_2 { width: 25%; height:
13px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid
#d9d9d9; padding: 11px 13px; text-align: left; color:
#222; line-height: 13px; } .w_f_3 { width: 14%; height:
13px; border-bottom: 1px solid #d9d9d9; padding: 11px 13px; text-align:
left; color: #222; line-height:
13px; } .w8{ width:9.8%; } .w8_1{ width:2%; } .w8_2 { width:
10%; } .w8_2_3 { width:
50%; } .w8_3{ width:2.8%; } .w7{ width:13%; } .w7_1 { width:
16%; } .w7_2 { width: 3%; } .add-btn{ border-left:1px solid
#d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid
#d9d9d9; padding-top:22px; padding-left:9px; padding-bottom:
22px; } .btn_grey { background: #ffffff; border: 1px solid
#aaacaf; display: inline-block; vertical-align: top; height:
22px; color: #222; cursor: pointer; padding: 0px
13px; font-size:12px; border-radius: 2px; } .btn_grey:hover
{ background: #f9f9f9; border: 1px solid #c7c7c7; text-decoration:
none; } .btn_orange:hover { background: #FC9403; color:
#fff; } .btn_orange { background: #ffffff; border: 1px solid
#fc9403; display: inline-block; vertical-align: top; height:
22px; color: #de7e00; cursor: pointer; margin: 0; padding: 0px
13px; font-size:12px; border-radius: 2px; } .btn_green { background:
#ffffff; border: 1px solid #1aaa55; display:
inline-block; vertical-align: top; height: 22px; color:
#168f48; cursor: pointer; margin: 0; padding: 0px
13px; font-size:12px; border-radius: 2px; } .btn_green:hover
{ background: #1aaa55; color: #fff; } .btn_close { background-color:
#e5ebf1; color: #55677d; border: 1px solid #e5ebf1; display:
inline-block; vertical-align: top; height: 22px; cursor:
pointer; margin: 0; padding: 0px 11px; font-size:12px; border-radius:
2px; } .btn_close:hover { background: #dfe6ed; } .btn_purple:hover
{ background: #a469dc; color: #fff; } .btn_purple { background:
#ffffff; border: 1px solid #a469dc; display:
inline-block; vertical-align: top; height: 22px; color:
#71469a; cursor: pointer; margin: 0; padding: 0px
13px; font-size:12px; border-radius: 2px; } .add-btn__set{ border: 1px
solid #d4cfcf; background: #f5f2f2; border-radius: 2px; padding: 0px
15px; line-height: 25px; display: inline-block; vertical-align:
top; margin-left: 16px; margin-top: 15px; font-size: 12px; cursor:
pointer; color: #333; } .add-btn__set:hover{ color:#000; border: 1px
solid
#BFBFBF; background:#E8E8E8; text-decoration:none; } .add-btn__white{ border:
1px solid #d4cfcf; background: #f5f2f2; border-radius: 1px; padding: 0px
13px; line-height: 22px; display: inline-block; vertical-align:
top; margin-left: 24px; font-size:12px; cursor: pointer; margin-top:
14px; color: #333; } .add-btn__white:hover{ color:#000; border: 1px
solid
#BFBFBF; background:#E8E8E8; text-decoration:none; } .add-btn__white1{ color:
#008996; line-height: 19px; display: inline-block; vertical-align:
top; margin-left: 18px; padding-bottom: 8px; padding-top:
8px; } .add-btn__white2{ color: #008996;; padding:0px 0px 0px
22px; display: inline-block; vertical-align: top; } .add-btn
a{ padding:6px 18px; color:#000000; } .add-btn
p{ text-align:right; padding-right:20px; } .add-btn
em{ font-style:italic; } .pager { padding: 0 28px; margin-top:
25px; margin-bottom: 25px; } .pager-item{ display:
inline-block; padding-top:20px; } .pager-item a{ display:
inline-block; text-decoration:underline; } .pager-item.first
a{ text-decoration:none; } .pager-item
a:hover{ text-decoration:none; } /*
Middle -----------------------------------------------------------------------------*/ .middle
{ width: 100%; position: relative; height: 100%; display:
table-cell; } .middle:after{ display: table; clear: both; content:
''; } .container{ width: 100%; float: left; /*overflow:
hidden;*/ } .content{ padding: 0 0 0 235px; } .registr_pass{ margin-top:
14px; text-align: center; width:260px; height: 30px; } .registr_pass
a:first-child{ padding-right:4px; } .registr_pass
a:last-child{ padding-left:4px; } .content.full { padding:
0; margin-top: 4px; } .content.full2 { padding: 0; /*margin-top:
-1px;*/ display: flex; justify-content: flex-start; height: calc(100% -
43px); } .content.full2.deals { height: calc(100% -
1px); } .authorization{ padding-bottom:13px; } .authorization
p{ padding-top:18px; } .acess_autorizatoion{ padding-top:50px; } .content.full.registration{ margin-top:
0; } .bxslider{ border: 1px solid #d9d9d9; } .content.full.registration
.box-gray{ padding-top:95px; height: 100%; } .content.full.registration
.acess_autorizatoion{ margin:0
auto; width:260px; } .content.full.registration
.acess_autorizatoion2{ margin:0
auto; width:335px; } .content.full.registration
.btn{ width:100%; } .content.full.registration
.access-rights_note{ width:240px; padding:10px; } .content.all_width{ padding:
0 0 0 15px; } .access-rights_note.left { text-align: left; } /* Sidebar
Left -----------------------------------------------------------------------------*/ .left-sidebar
{ min-width: 230px; max-width: 230px; position:
relative; background-color: white; border-right: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; display:
inline-table; } @-moz-document url-prefix() { .left-sidebar {height:
100%;} } .left-sidebar_an { float: right; width: 198px; margin-left:
-100%; position: relative; } .sidebar-two-inline
.form-control{ width:46%; } .sidebar-two-inline{ overflow:hidden; position:relative; } .sidebar-two-inline
.two-labels{ width:46%; } .sidebar-two-inline:before{ content:'-'; position:absolute; left:50%; margin-left:-10px; width:20px; text-align:center; line-height:22px; top:28px; } .actions-archive{ text-align:center; } /*
.popup -----------------------------------------------------------------------------*/ .popup{ width:440px; margin:0
auto; display:none; } .popup__head{ background:#5682a3; color:#fff; line-height:20px; margin-bottom:19px; font-size:13px; padding:15px
45px; border-radius: 3px 3px 0px 0px; } .popup__form{ padding: 0 68px
40px; } .popup__form_01{ padding: 0px 150px 0px; min-height:
355px; } .header .form-group{ color:#fff; } .form-group{ padding:5px
0; position: relative; } .form-group_user{ padding: 3px 0px 11px
0px; position: relative; } .form-group .color-select{ width:
100%; } .form-group .color-block{ width: 94%; } .star { padding-left:
2px; color:
#E46C0A; } .two-inline{ position:relative; } .two-inline:before, .two-inline:after{ content:
" "; display:
table; } .two-inline:after{ clear:both; } .two-inline:before{ content:'/'; position:absolute; left:50%; margin-left:-10px; width:20px; text-align:center; line-height:22px; top:7px; } .two-inline
.form-control{ width:46%; } .popup__form
.btn{ display:block; width:100%; } .label_info, .client_info{ padding-bottom:2px; } .client_info1{ padding-bottom:7px; } .function-delete{ padding-left:
279px; } .delete_centre { border-top: 1px solid #e7e8ec; padding-top:
20px; margin: 20px 122px 20px 130px; } .delete, .add
{ color:#008996; } .cancel { background: #dcdcdc; display:
inline-block; vertical-align: top; line-height: 27px; color:
#2f2e2e; cursor: pointer; margin: 0; padding: 0 15px; font-size:
12px; border-radius: 2px; margin-top: 9px; } .access_rights{ padding:
7px 0 7px 0; } .access-rights_note{ background: #fff; border:1px dashed
#d9d9d9; padding: 18px; margin:7px
0; } .access-options{ display:none; padding-top:
5px; } .email-change{ line-height:
20px; } .multiple-select{ width:100%; } .compay-info > li { padding:
5px 0px 3px 0px; line-height: 20px; border-bottom: 1px dotted
#d9d9d9; position: relative; white-space: nowrap; overflow:
hidden; text-overflow: ellipsis; } .compay-info > li:last-child
{ border-bottom: 0; } .compay-info1 > li { padding: 5px 10px 5px
4px; line-height: 12px; border-bottom: 1px dotted #d9d9d9; position:
relative; white-space: nowrap; overflow: hidden; text-overflow:
ellipsis; } .compay-info > li::before { /*width: 5px; height:
5px;*/ background: #ddd; content: ''; position: absolute; left:
0; top: 0; bottom: 0; margin: auto; } /*
Footer -----------------------------------------------------------------------------*/ .footer
{ min-height: 40px; min-width: 1048px; max-width: 1048px;
background: #f8f8f8; border: 1px solid #d9d9d9; padding: 25px;
margin-top: -2px; z-index: 99997; position:
absolute; } .footer-client-filter { z-index: 0; margin-top:
2px; } .copyright{ color:#a6a6a6; text-align:center; line-height:
20px; } .copyright a{ color: #a6a6a6; } /*
styler -----------------------------------------------------------------------------*/ .jq-selectbox{ display:block!important; } .jq-selectbox
.jq-selectbox__select{ height:22px; line-height:22px; border:1px solid
#bfbfbf; padding:0 30px 0
10px; border-radius:0; box-shadow:none; background:#fff; color:
#444; } .jq-selectbox.focused .jq-selectbox__select{ border:1px solid
#bfbfbf; } .jq-selectbox__select-text{ font-size:12px; white-space:nowrap; } .jq-selectbox__trigger{ width:22px; border-left:1px
solid
#bfbfbf; } .jq-selectbox__trigger-arrow{ right:6px; top:50%; margin-top:-2px; } .jq-selectbox__dropdown{ top:23px; border-radius:0; box-shadow:none; padding:
4px; width: 100%!important; } .jq-selectbox__dropdown li{ padding: 3px
10px; font-size: 12px; white-space: nowrap; overflow:
hidden; text-overflow: ellipsis; border: 1px solid #fff; cursor:
pointer; } .jq-selectbox__dropdown li + li { border-top:1px
#F2F2F2; } .jq-selectbox__dropdown li:hover, .jq-selectbox__dropdown
li.sel{ background: #ececec; color: #444; } .jq-selectbox.status.circle
li:after, .jq-selectbox.status.circle .jq-selectbox__select-text:after
{ border-radius: 100%; } .jq-selectbox.status
li:after{ content:''; width:6px; height:6px; display:inline-block; vertical-align:top; margin:2px
0 0 5px; } .jq-selectbox.status
.jq-selectbox__select-text:after{ content:''; width:6px; height:6px; display:inline-block; vertical-align:top; margin:2px
0 0 5px; } .jq-selectbox.status li.blue:after, .jq-selectbox.status.blue
.jq-selectbox__select-text:after{ background:#8EB4E3; border:1px solid
#558ED5; } .jq-selectbox.status
.jq-selectbox__select-text:after{ margin-top:7px; } .jq-selectbox.status
li.green:after, .jq-selectbox.status.green
.jq-selectbox__select-text:after{ background:#7ECE6E; border:1px solid
#51B53D; } .jq-selectbox.status li.gray:after, .jq-selectbox.status.gray
.jq-selectbox__select-text:after{ background:#d9d9d9; border:1px solid
#BFBFBF; } .jq-selectbox.status li.white:after, .jq-selectbox.status.white
.jq-selectbox__select-text:after{ background:#FD7391; border:1px solid
#FD7391; } .jq-selectbox.status li.red:after, .jq-selectbox.status.red
.jq-selectbox__select-text:after{ background:#fd7391; border:1px solid
#fd7391; } .jq-selectbox.status
li.yellow:after, .jq-selectbox.status.yellow
.jq-selectbox__select-text:after{ background:#f7ee43; border:1px solid
#d9cf1d; } /* simple-taber
999 -----------------------------------------------------------------------------*/ .simple-taber
{ padding: 8px 0px 7px 17px; background: #F8F8F8; border-bottom: 1px
solid #d9d9d9; } .simple-taber li { border-left: 0; border-bottom:
0; } .simple-taber li:first-child { } .simple-taber a { display:
list-item; padding: 0 12px; line-height: 23px; color:
#444; } .simple-taber b { background:#F8F8F8; display:
list-item; padding: 0 8px; line-height:
20px; color:#444; text-shadow:0px 1px 0px #FFF; } .simple-taber .active
{ background: #F8F8F8; /* border-radius: 3px 3px 0px 0px;
*/ } .simple-taber .active a{ background: #5682a3; color:
#fff; border-radius:2px; text-decoration: none; } .simple-taber b:hover
{ text-decoration: none; } /*
help-dropdown -----------------------------------------------------------------------------*/ .help-dropdown
{ padding-bottom: 7px; margin-top: 20px; } .help-dropdown dt { border:
1px dashed #BFBFBF; background: #fff; padding: 0 30px 0 27px; position:
relative; display: block; height: 22px; line-height: 22px; cursor:
pointer; } .help-dropdown dt.simple { border:1px solid
transparent; display: inline-block; vertical-align: top; color:
#008996; } .help-dropdown dt.none { padding: 0; } .help-dropdown
dt.none::after { display: none; } .help-dropdown dt i { position:
absolute; left: 8px; top: 0; bottom: 0; margin: auto; } .help-dropdown
dt::after { content: ''; position: absolute; top: 14px; right:
12px; width: 0; height: 0; overflow: hidden; border-top: 5px solid
#000; border-right: 5px solid transparent; border-left: 5px solid
transparent; opacity: 0.3; right: 6px; top: 50%; margin-top:
-2px; } .help-dropdown dd { padding: 10px; border: 1px dashed
#BFBFBF; margin-top: 7px; background: #fff; display: none; line-height:
16px; } /*
fancybox -----------------------------------------------------------------------------*/ .fancybox-custom
.fancybox-close{ width:15px; height:15px; top:18px; right:45px; background:
none; } .fancybox-custom
.fancybox-close:before{ width:11px; height:11px; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto; content:''; background:#5682a3
url(../img/sprite.png) no-repeat 0 0; } .fancybox-custom
.fancybox-skin{ border-radius:5px; } /*
validation -----------------------------------------------------------------------------*/ input.form-control.error, textarea.form-control.error, .jq-selectbox.error
.jq-selectbox__select{ /*background: #f7e4dc78; border-color:
#eaccbe;*/ } .jq-selectbox.error .jq-selectbox__trigger{ border-left:1px
solid #ffcf1d; } label.error{ color: #fff; background:
rgba(0,0,0,0.5); border-radius: 3px; padding: 5px 10px; position:
absolute; left: 0; bottom: 40px; line-height: 15px; z-index:
999; display: none!important; } label.error::after { content: ''; width:
0; height: 0; position: absolute; left: 10px; bottom:
-5px; border-left: 5px solid transparent; border-right: 5px solid
transparent; border-top: 5px solid
rgba(0,0,0,0.5); -webkit-background-clip: padding-box; background-clip:
padding-box; } .validate-visible label.error { display:
block!important; position: static; background:
none; color:#222; padding-left: 0; padding-bottom:
0; } .validate-visible label.error::after { display: none; } .sepia
{ position: fixed; left: 0; top: 0; width: 100%; height:
100%; background: #fff; z-index: 9999; } .sepia-text { padding: 21px
31px 21px 21px; color: #fff; background: rgba(0,0,0,0.5); border-radius:
4px; display: inline-block; vertical-align: middle; position:
relative; } .sepia-table { width: 100%; height: 100%; display:
table; } .sepia-td { display: table-cell; vertical-align:
middle; text-align: center; } .sepia .close { width: 11px; height:
11px; background: url(../img/sprite.png) no-repeat 0 0; position:
absolute; right: 5px; top: 5px; font-size: 0; text-align:
-9999px; display: block; } .function-delete-confirm { text-align:
center; display: none; } .function-delete-confirm a { line-height:
27px; } .function-delete-confirm a:hover{ text-decoration:
none; background: #e2e2e2; } .function-delete-confirm li { padding: 0px
0px 8px; } .function-delete-confirm li.big { display:
block; } .function-delete-confirm .delete { padding-right:
20px; } .clear-text{ padding: 10px 10px 0; } .clients-hat-main
{ overflow: hidden; } .clients-hat__left { float: left; width:
100%; } .clients-hat__content { padding-left: 196px; padding-right:
150px; position: relative; } .clients-hat__content .add-btn__white
{ position: absolute; right: 6px; top: 0; height: 19px; line-height:
19px; } .clients-hat__content .dop-style { background: #FFFACD; border:
1px solid #FFEA9B; padding: 3px 11px; margin-top: -3px; margin-bottom:
-7px; line-height: 15px; display: inline-block; vertical-align:
top; } .client-name { float: left; display: inline-flex; color:
#444; } .client-name img { width: 8px; height: 8px; padding-left:
5px; padding-right: 5px; margin-top: 6px; } .settings-name { float:
left; display: inline-flex; color: #444; line-height:
18px; } .settings-name img { width: 8px; height: 8px; padding-left:
5px; padding-right: 5px; margin-top: 6px; } .clients-hat-main
.client-name { width: 198px; margin-left: -100%; } .scroll-box
{ overflow-y: scroll; height: 110px; background: #fff; padding:
10px; border: 1px solid #d9d9d9; } .scroll-box input { position:
relative; top: 3px; } .scroll-box label { cursor: pointer; } .popup
.edit-link { display: inline-block; vertical-align: top; padding-right:
10px; position: absolute; right: 0; top: 6px; float:
right; line-height: 13px; } .popup .edit-link::after { content:
''; position: absolute; right: 0; top: 0; bottom: 0; margin:
auto; width: 0; height: 0; border-left: 3px solid
transparent; border-right: 3px solid transparent; border-top: 3px solid
#000; opacity: 0.5; } #form-email .btn.white, #form-password
.btn.white{ width: 150px; } #form-email, #form-password { display:
none; position: absolute; left: 45px; width: 350px; } /*
bxslider -----------------------------------------------------------------------------*/ .bxslider
{ border: 0; } .bx-wrapper { margin: 0; padding: 0; border:
0; box-shadow: none; border-radius: 0; background: none; } .bx-wrapper p
{ padding: 15px; line-height: 15px; -webkit-box-sizing:
border-box; -moz-box-sizing: border-box; box-sizing:
border-box; } .bx-wrapper img{ padding: 15px 15px 15px 15px; width:
100%; -webkit-box-sizing: border-box; -moz-box-sizing:
border-box; box-sizing: border-box; } .slider-image{ border: 1px solid
#d9d9d9; } .bx-wrapper .bx-pager { bottom: 25%; text-align: left; width:
auto; padding-left: 35px; padding-top: 0; } .bx-wrapper
.bx-pager.bx-default-pager a { background: #fff; } .bx-wrapper
.bx-pager.bx-default-pager a.active { background: #fff; position:
relative; } .bx-wrapper .bx-pager.bx-default-pager a:hover { background:
#fff; position: relative; } .bx-wrapper .bx-pager.bx-default-pager
a.active::before { content: ''; position: absolute; left: 0; bottom:
0; right: 0; top: 0; margin: auto; width: 6px; height:
6px; background: #5682a3; border-radius: 100%; } .bx-wrapper
.bx-pager.bx-default-pager a:hover::before { content: ''; position:
absolute; left: 0; bottom: 0; right: 0; top: 0; margin: auto; width:
6px; height: 6px; background: #5682a3; border-radius:
100%; } .image1{ width: 14px; height: 11px; padding: 4px 8px 0px
0px; } .image_print { width: 18px; padding: 2px 6px 0px
0px; } .image2{ width: 50%; padding: 0px 20px 15px
79px; } .button_to_link{ margin-left: -6px; font-size:12px; border:
none; background-color:#FFFFFF; color:#008996; cursor:
pointer; } .bottom_margin{ margin-bottom: 50px } /* стиль для
пагинатора */ .pager-block .left { margin-left: 20px; float:
left; } .pager-block { height: 25px; line-height: 25px; padding: 5px
0; } .pager-block .left { float: left; } .pager-block .right { float:
right; } .pager-block ul { height: 25px; } .pager-block li { float:
left; font-size: 13px; color: #333; } .pager-block .left li:first-child
{ padding-left: 0; } .pager-block .right li:last-child { padding-right:
0; } .pager-block li a:hover { text-decoration: underline; color:
#ff4b19; } .pager-block li.selected a { color: #6f6f6f; text-decoration:
none; } .pager-block .left li { padding: 0 11px; } .pager-block .right
li { padding: 0 6px; } .homePageCategories__hr9 { width: 100%; height:
1px; line-height: 1px; border: 0; background-color:
#d9d9d9; } .form-control_1 { cursor: pointer; } input.form-control_1
{ height: 16px; cursor: pointer; width: 16px; } input.form-control_2
{ height: 16px; cursor: pointer; width: 16px; margin-top:
0px; margin-right: 7px; margin-left: 1px; } input.form-control_3
{ height: 16px; cursor: pointer; width: 16px; margin-top:
-1px; margin-right: 7px; margin-left: 1px; } input.form-control_anketa
{ height: 16px; cursor: pointer; width: 16px; margin-left:
0px; } input.form-control-01 { height: 16px; cursor: pointer; width:
16px; margin-left: 0px; margin-top: 6px; } .custom-error { color:
#0e0e0e; background: #d48f6e47; margin-top: 5px; border-radius:
2px; padding: 4px 10px; line-height: 1.5; width:
100%; } .user-table-block { background: #ffffff; border: 1px solid
#d9d9d9; margin-top: -1px; border-left: none; width:
100%; } .user-table-block_pola { background: #ffffff; border-bottom: 1px
solid #d9d9d9; width: 100%; display: table-cell; float:
left; margin-bottom: 8px; margin-top: -1px; border-top: 1px solid
#d9d9d9; } .user-table-block_pola ul { padding: 0px
13px; } .user-table-block.sectorsBlock { height: 100%; background:
#ffffff; border: 1px solid #d9d9d9; width: 100%; display:
table-cell; float: left; margin-bottom: 1px; margin-top:
-1px; border-bottom: 1px solid #d9d9d9; } .user-table-block ul { padding:
0px 13px; background: #f8f8f8; } .button-change-table { color:
#707070; display: inline-block; vertical-align: top; padding: 10px
3px; margin-right:
10px; } .button-change-table.sectorsBlock{ border-bottom: 2px solid
white; } .button-change-table.active { border-bottom: 4px solid
#749dbb; color: #222; } .button-change-table_edit.active { background:
#E0E0E0; color: #333; border-radius: 1px; text-decoration:
none; padding: 4px 12px; margin-top: -5px; margin-bottom:
-9px; } .button-change-table_edit { color: #707070; display:
inline-block; cursor: pointer; border-radius: 1px; text-decoration:
none; padding: 4px 12px; margin-top: -5px; margin-bottom:
-9px; margin-right: 5px; } .button-change-table_edit:hover { color:
#333; } .button-change-table.active span { color: #fff; white-space:
nowrap; text-align: center; background-color: #5682a3; min-width:
10px; padding: 3px 6px; margin-left: 5px; font-size:
10px; border-radius: 2px; } .button-change-table span { white-space:
nowrap; text-align: center; background-color:
rgba(0,0,0,0.07); min-width: 10px; padding: 3px 6px; margin-left:
5px; font-size: 10px; border-radius:
2px; } .button-change-table.active:hover
{ } .button-change-table:hover{ color: #000; text-decoration:
none; cursor: pointer; } .edit_user_0 { width: 65%; margin-top:
-1px; border-right: 1px solid #d9d9d9; display: table-cell; float:
left; } .edit_user_1 { display: table-cell; width: 35%; padding-top:
20px; float: right; margin-left: -1px; } .edit_user_1anketa
{ padding-bottom: 30px; padding-top: 20px; background: white; position:
relative; /*width: 100%;*/ } .edit_user_1anketa.filesClients
{ margin-top: 390px; } .edit_user_1anketa.filesDeals { margin-top:
350px; } .edit_user_1anketa.filesAction { margin-top:
450px; } .title_name_2 { border-bottom: 1px solid #d9d9d9;
margin-top: -20px; padding: 13px 25px 11px 17px; background:
#F8F8F8; } .title_name_2.filesBlock { border-bottom: 1px solid
#d9d9d9; border-top: 1px solid #d9d9d9; margin-top: 0px; padding: 12px
0px 11px 17px; background: #F8F8F8; } .edit_user_0anketa { float:
left; background: white; border: 1px solid #d9d9d9; margin-top:
-1px; border-bottom: none; width: 100%; height: 100%; display:
inline-block; height: calc(100% - -1px); } .edit_user_anketa { display:
table-cell; background: white; border-right: 1px solid
#d9d9d9; border-bottom: 1px solid #d9d9d9; border-left: 1px solid
#d9d9d9; } .edit_user_anketa-01 { display: table-cell; background:
white; border-right: 1px solid #d9d9d9; border-bottom: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; width:
851px; } .edit_user_profile { display: table-cell; float:
left; background: white; border-right: 1px solid #d9d9d9; width:
100%; } .edit_user_view { background: white; border-right: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; width: 100%; height:
100%; display: inline-block; margin-bottom:
30px; } .profile_info_block_usser { margin-top: 12px; padding-top:
11px; padding-bottom: 15px; border-top: 1px solid
#e7e8ec; } .edit_user_0anketa_1 { display: table-cell; float:
left; background: white; margin-top: -2px; padding: 0px 263px 0
0px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; min-height:
619px; } .title_name_1 { border-bottom: 1px solid #d9d9d9; padding: 12px
0px 12px 17px; background: #F8F8F8; } .golov_2 { border-bottom: 1px solid
#d9d9d9; padding: 12px 0px 11px 17px; border-top: 1px solid
#d9d9d9; background: #efefef; } .golov { border-bottom: 1px solid
#d9d9d9; padding: 9px 0px 8px 45px; border-top: 1px solid
#d9d9d9; background: #F8F8F8; } .golov_1 { border-bottom: 1px solid
#d9d9d9; margin-top: -20px; padding: 9px 0px 8px 25px; background:
#F8F8F8; } .edit_user_1 li { padding: 20px 20px 20px 25px; } .form-group_1
{ position: relative; padding-bottom: 30px; } .dudo { padding: 20px
0; position: relative; } .form-group_02 { padding: 13px 0; position:
relative; border-bottom: 1px solid #d9d9d9; } .content .box-gray111
{ border-top: 0; border-right: 1px solid #d9d9d9; border-left: 1px solid
#d9d9d9; z-index: 1; background-color:
white; } .box-gray111.width-static { width: 245px; } .box-gray111
{ } .client_info_anketa { padding-bottom: 10px; padding-top:
13px; } .popup__form_anketa { padding: 7px 17px 0px; } .solid_an
{ padding-bottom: 9px; border-bottom: 1px solid
#e7e8ec; } .add-btn__white_anketa { color: #008996; line-height:
19px; display: inline-block; vertical-align: top; padding-bottom:
8px; padding-top: 8px; } .profile_info_full { padding-top:
24px; display: none; } :focus { outline: none; } .profile_info
{ line-height: 150%; } .profile_info_block { background:
#ECECEC; padding: 5px 10px; margin-bottom: 15px; margin-left:
-10px; } .profile_info_block_margin_top { margin-top: 15px; } .clear_fix
{ display: block; } .profile_info_header_wrap { border-bottom:
none; position: relative; } .profile_info_header_wrap a { text-transform:
none; color: #929eb0; opacity: 0; filter:
alpha(opacity=0); -o-transition: opacity 0.1s ease; transition: opacity
0.1s ease; } .profile_info_header_wrap a:hover { text-transform:
none; color: #929eb0; opacity: 0; filter:
alpha(opacity=0); -o-transition: opacity 0.1s ease; transition: opacity
0.1s ease; } .profile_info_edit { float: right; background-color:
#fff; padding-left: 7px; } .profile_info_header { font-weight:
bold; color: #565656; } .profile_no_info { padding-top:
5px; } .profile_info .label { width: 165px; color: #828282; } .fl_l
{ float: left; } .profile_info .labeled { overflow:
hidden; text-overflow: ellipsis; } .profile_no_info .labeled { color:
#828282; } .clear_fix:after { content: '.'; display: block; height:
0; font-size: 0; line-height: 0; clear: both; visibility:
hidden; } .an_001 { color: #828282; } .btn_100 { background:
#5682a3; border: 1px solid #5682a3; display:
inline-block; vertical-align: top; height: 24px; color: #fff; cursor:
pointer; margin: 0; padding: 0px 13px; font-size:12px; border-radius:
2px; } .btn_100:hover { background: #5e92b9; } a.btn_100
{ text-decoration: none; } .btn_100_white { background:
#ffffff; display: inline-block; vertical-align: top; height:
22px; color: #2e2e2e; cursor: pointer; margin: 0; margin-left:
5px; padding: 0px 12px; border-radius: 2px; border: 1px solid
#b3b3b3; } .btn_100_white:hover { background: #f1f0f0; color:
black; } a.btn_100_white { line-height:
23px; font-size:12px; text-decoration: none; } .main-table tr:hover
{ background: rgba(248, 248, 248, 0.82); } .popup_anketa { width:
600px; margin: 0 auto; display: none; } .popup__form_1 { padding: 0 35px
19px; display: table-cell; border-right: 1px solid #d9d9d9; width:
265px; } .popup__form_2 { padding: 0 35px 19px; display:
table-cell; width: 265px; } .popup__form_3 { padding: 0 34px
19px; width: 485px; } .btn_101:hover { background: #5e92b9; } .btn_101
{ background: #5682a3; border: 1px solid #5682a3; display:
inline-block; vertical-align: top; height: 22px; color: #fff; cursor:
pointer; margin: 0; padding: 0px 13px; font-size:12px; border-radius:
2px; width: 100%; margin-top: 20px; } .image_01 { width: 85px; height:
80px; } .box-gray__body.no-border3 { border: 0; width:
50%; padding-left: 22px; display: table-cell; padding-right:
22px; min-width: 384px; padding-top: 28px; max-width:
808px; } .popup__form_actions { padding: 20px 17px 0px; line-height:
1.3; } .popup__form_actions img { height: 15px; width:
15px; border-radius: 100px; object-fit: cover; margin-right:
6px; } .form-group_actions { padding: 5px 0; position:
relative; padding-bottom: 13px; } .btn_act { background: rgba(255, 255,
255, 0); color: #008996; line-height: 19px; display:
inline-block; vertical-align: top; padding-bottom: 8px; padding-top:
8px; border: 0; cursor: pointer; padding:
0; font-size:12px; } .btn_act:hover { text-decoration:
underline; } .solid_act { padding-bottom: 22px; border-bottom: 1px solid
#e7e8ec; padding-top: 4px; } .function-delete_act { line-height:
23px; float: right; margin-top: -27px; padding-right:
3px; } .function-delete_act-confirm { text-align: center; display:
none; } .edit_user_user { width: 333px; min-height: 520px; border-right:
1px solid #d9d9d9; border-bottom: 1px solid #d9d9d9; padding-top:
20px; border-left: 1px solid #d9d9d9; background: white; float:
right; margin-left: -100%; position: relative; } .right-sidebar {
min-width: 295px; max-width: 295px; padding-top: 20px;
background: white; background-color: white; border-right: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; position:
relative; } .right-sidebar-2 { min-width: 247px; max-width:
247px; padding-top: 20px; background: white; background-color:
white; border-right: 1px solid #d9d9d9; border-left: 1px solid
#d9d9d9; position: relative; } @-moz-document url-prefix() {
.right-sidebar-2 {height: calc(100% - 19px);} .right-sidebar {height:
calc(100% - 18px);} } .edit_user_user_0 { display: table-cell; float:
left; background: white; margin-top: -2px; padding: 0px 340px 0
0px; border-right: 1px solid #d9d9d9; border-bottom: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; padding-bottom:
35px; } .centre_settings { border: 0; padding: 45px 185px 20px
130px; padding-bottom: 30px; } .settings-main-block { width:
570px; } .centre_settings_2 { padding: 20px 141px; padding-bottom:
100px; border: 0; } .centre_setting_3 { border: 0; padding: 0px 0px 0px
109px; display: flex; padding-bottom: 30px; margin-top:
-35px; } .centre_settings_4 { border: 0; padding: 45px 123px 0px
129px; margin-bottom: 10px; } .centre_settings_5 { padding: 45px
175px; } .boxleft { } .content-edit-block { display:
inline-table; /*display: flex;*/ flex-direction: column; background:
white; border-left: 1px solid #d9d9d9; width: 852px; height:
100%; } .imgavatar { min-height: 180px; background:
#f5f5f5; border-radius: 5px; margin-top: 20px; } .imgavatar img { width:
128px; padding: 35px; } .box_edituser_left { width: 100%; z-index:
1; } .goback-link_001 { line-height: 22px; margin-right: 6px; margin:
-11px -1px; } /*Линк подробнее*/ .more { float:
right; color: #707070; margin-right: 4px; } .more img { height:
13px; margin-right: 5px; margin-top: 1px; } /*Фон
авторизация*/ .body_background { background-image:
url(http://src.inclient.ru/crm/v1.0.2.5/rotate.php); flex-direction:
column; box-sizing: border-box; width: 100%; margin: 0
auto; background-size: cover; flex-grow: 1; align-items:
center; justify-content: space-between; position: fixed; height:
120%; } .box-gray_login { width: 380px; border-radius: 5px;
min-height: 455px; background: #fff; box-shadow: 0 0 10px
rgba(0,0,0,0.5); margin: 13% auto 10px; padding-bottom:
10px; } .btn.green { background-color: #1aaa55; border-color:
#168f48; color: #fff; height: 35px; font-size: 13px; } .btn.green:hover
{ background-color: #168f48; border-color: #12753a; color:
#fff; } .new-table-header { display: flex; margin: 9px 0px 0px
0px; } .new-table-header-01 { display: flex; margin: 9px 0px 3px
2px; } .new-table-bottom { margin: 3px 0px 8px 7px; color:
#707070; display: flex; } .new-table-name-resp { color:
#707070; padding-bottom: 3px; font-size: 11px; } .new-table-left
{ min-width: 100%; float: left; } .new-table { border-bottom: 1px
#d9d9d9 solid; display: flex; padding: 0px 15px 0px
16px; } .new-table:hover { color: #000; background:
#f9f9f9; border-top: 1px #d9d9d9 solid; margin-top:
-1px; } .new-table-right { display: flex; } .new-table-additional
{ margin: 15px; border-right: 1px solid #d9d9d9; padding-right:
15px; width: 5%; } .new-table-date_actions { color: #707070; width:
23%; float: right; display: inline-flex; justify-content:
flex-end; height: 100%; text-align: right; } .flex-start
{ } .new-table-date_clients { color: #707070; text-align:
right; width: 28%; float: right; } .new-table-date_actions
span{ } .new-table-name-client a { /*color: #565656;*/ /*font-weight:
600;*/ } .werwe { display: inline; margin-right: 1px; } .werwe::after
{ color: #a0a0a0; content: '\00A0•\0020'; } .werwe2 { display:
inline; margin-right: 1px; line-height: 16px; margin-left:
-3px; } .werwe2::after { color: #a0a0a0; content:
'\00A0•\0020'; } .new-table-name-date { color:
#707070; padding-bottom: 7px; } * { outline: none; } .left-block
{ border: 1px solid #333; width: 45%; padding: 15px; float:
left; } .right-block{ border: 1px solid #333; width: 45%; padding:
15px; float: right; } .box { text-align: left; height: 100%; } .box h2
{ text-align: center; border-bottom: 1px solid #666; } .box h4
{ background: #000; color: #FFF; padding:
5px; } /*---------Оформление. Общие
стили---------*/ .support, .support-two { display:
inline-block; position: relative; text-decoration: none; cursor:
pointer; border-bottom: 1px dotted rgba(105, 96, 96,
0.5); } .fileInClient em { padding: 5px 10px; width: 10px; height:
10px; /*background-image: url(/img/paper-clip.svg);*/ flex-direction:
column; box-sizing: border-box; background-repeat: no-repeat; margin: 0
auto; background-position: 50% 50%; flex-grow: 1; align-items:
center; justify-content: space-between; } .fileInClient img { height:
13px; width: 13px; margin-top: 19px; } .file_add img { height:
12px; width: 12px; margin-left: 5px; } .support-two:focus { border: 1px
solid #d9d9d9; } .support-two:active { border: 1px solid
#d9d9d9; } .support:focus { /*border: 1px solid #bbb9b9; box-shadow: 0
2px 8px rgba(0, 0, 0, 0.16); */ } .support:active { /*border: 1px solid
#bbb9b9; box-shadow: 0 2px 8px rgba(0,0,0,0.1);*/ } .support
em, .support-two em { padding: 5px 10px; background-image:
url(/img/document.png); flex-direction: column; box-sizing:
border-box; background-repeat: no-repeat; margin: 0
auto; background-position: 50% 50%; flex-grow: 1; align-items:
center; justify-content: space-between; } .new-table-name-client
{ width:
100%; } .tip, .tip-two, .tip-three, span.support::before, span.support-hover::before
{ display: none; position: absolute; z-index: 9998; top: -4px; right:
0%; background: #ffffff; border: 1px solid #ccc; text-align:
left; color: #000; cursor: text; width: 295px; margin-top:
20px; min-height: 50px; padding: 15px; height: auto; box-shadow: 0 3px
4px rgba(0, 0, 0, 0.23); } .tip-two, .tip-three { margin: -30px 0 0
0; } a.support:focus em, a.support-two:focus em, #tip-checkbox:checked ~
.support em { background-image: url(/img/document.png); } .tip-block
{ display: inline-block; position: relative; background:
transparent; margin: 0; padding: 0; border: 0; height: 0; width:
1px; } /*--------------Любой тег, атрибут
data-title------------*/ span.support::before, span.support-hover::before
{ content:
attr(data-title); } span.support-hover:hover::before, span.support:focus::before
{ display: block; } /*--------------Внутри тега
'A'------------*/ a.support:focus .tip
{ display:block; } a.support[tabindex="1"]:focus { outline:
none; } /*---------------Непосредственно после тега
'A'----------------*/ a.support-two:focus + .tip-block .tip-two
{ display:block; } a.support-two[tabindex="1"]:focus { outline:
none; } /*----------Использование тега
'INPUT'--------------*/ .tip-checkbox { display:
none; } #tip-checkbox:checked ~ * .tip-three { display:
block; } .tip-close { display: inline-block; position:
absolute; background: #333; border-radius: 20px; border: 2px solid
#FFF; top: -8px; right: -8px; font: normal bold 14px Comic Sans
MS; text-align: center; color: #fff; cursor: pointer; padding: 0
4px; } /*---------При
наведении--------------*/ .support-hover, .support-hover-two
{ display: inline-block; position: relative; color:
#06C; text-decoration: none; cursor: pointer; } .support-hover
em, .support-hover-two em { background: #FF6600; border-radius:
20px; border: 1px solid #999; text-align: center; color: #FFF; font:
normal bold 16px Arial; padding: 0 4px; } span.support-hover:hover
em, span.support:hover em, span.support:focus em, a.support-hover:hover
em, a.support-hover-two:hover em { background:
#6699FF; } /*--------------Внутри тега
'A'------------*/ a.support-hover:hover .tip
{ display:block; } /*---------------Непосредственно
после 'A'----------------*/ a.support-hover-two:hover + .tip-block
.tip-two { display:block; } .chok { padding-top: 5px; line-height:
1.4; word-break: break-word; } .chok-title { margin-bottom: 10px; color:
#707070; } .chol { color: #707070; } .chok_life { border-top: 1px solid
#d9d9d9; padding-top: 15px; margin-top: 10px; } .chok_wert { background:
#edeef0; padding: 10px 15px 10px 15px; border-radius:
1px; } .form-group_client { border-top: 1px solid #e7e8ec; margin-left:
21px; margin-right: 29px; padding-top:
12px; } .solid_an_label, .solid_an_client { padding-top:
5px; padding-bottom: 15px; border-bottom: 1px solid
#e7e8ec; margin-bottom: 13px; } .info_client_001 { padding-top:
14px; padding-left: 27px; padding-bottom: 14px; } .form-group_single_row
{ padding: 5px 0; position: relative; display: unset; } .clients-hat
span { color: #707070; white-space: nowrap; text-align:
center; background-color: #EDEDED; min-width: 10px; margin-left:
5px; font-size: 10px; margin-top: 0px; border-radius: 2px; padding: 3px
6px; } .clients-hat a { color: #707070; } .clients-hat a:hover
{ text-decoration: underline; } .preloader { width: 115px; height:
16px; margin-top: 6px; background: url('/img/preloader/103.gif') center
center; } .new-table-bottom a { color: #707070; } .new-table-bottom
a:hover { text-decoration: none; border-bottom: 1px solid
#707070; } .new-table-bottom a:focus { text-decoration: none; color:
#252524; } .new-table-name-resp a:hover { text-decoration:
underline; color: #008996; } .link_set{ margin-left:
2px; font-size:12px; border: none; background-color: #ffffff00; color:
#008996; cursor: pointer; } .link_set_2{ /*margin-left:
7px;*/ font-size:12px; border: none; background-color:
#ffffff00; color: #008996; cursor: pointer; } .link_set_3{ margin-left:
7px; } .settings_foot{ padding-bottom: 115px; } .settings_foot_light
{ padding-bottom: 240px; } .styled2 { border-radius: 0px; border-color:
rgb(169, 169, 169); width: 100%; height:
25px; font-size:12px; font-family: Tahoma, Helvetica,
sans-serif; padding-left: 4px; } .styled2 option { height:
22px; line-height: 22px; border: 1px solid #bfbfbf; padding: 0 30px 0
10px; border-radius: 0; box-shadow: none; background: #fff; color:
#444; } .new-table-main tbody tr td { padding: 0px; border:
0px; } ul.yiiPager a:link, ul.yiiPager a:visited { border: solid 1px
#ccc; font-weight: normal; padding: 4px 9px; text-decoration:
none; border-radius: 2px; color: #111; } ul.yiiPager .selected a
{ background: #5682a3; color: #FFFFFF; font-weight: normal; border:
0; padding: 5px 10px; } .pager a { color: #444; } .summary { padding:
11px 0px 11px 16px; background: #F8F8F8; font-size:
11px; border-bottom: 1px solid #d9d9d9; } .evil_select { height:
22px; line-height: 22px; border: 1px solid #bfbfbf; padding: 0 30px 0
10px; border-radius: 0; box-shadow: none; background: #fff; color:
#444; } .kapcha { transform: scale(0.8); -webkit-transform:
scale(0.86); transform-origin: 0 0; -webkit-transform-origin: 0
0; padding-top: 5px; } .additionalFields input { width:
208px; } .additionalFieldName { display: contents; } .additionalFieldValue
{ display: contents; } .errorAddField { padding: 0px 10px 0px
10px; color: #0e0e0e; background: #F3E0D7; padding-top:
7px; padding-bottom: 7px; margin-bottom: 2px; margin: 10px 27px 0px
16px; line-height: 1.4; } .requiredAddField { display: contents; color:
#DA6301; } .textSize48 { height: 95px !important; min-height: 0px
!important; min-width: 0px !important; resize: none; } .textSize24
{ height: 24px !important; min-height: 0px !important; min-width: 0px
!important; resize: none; overflow: hidden; word-break:
break-all; white-space: nowrap; } .textSize72 { height: 160px
!important; min-height: 0px !important; min-width: 0px
!important; resize: none; } .textSize100 { height: 100px
!important; min-height: 0px !important; min-width: 0px
!important; resize: none; } .infoSelect span { color:
grey; } .infoSelect { line-height: 20px; } .additionalFieldTable
.box-gray__body.no-border1_1.active-pad { display: table-cell; width:
50%; min-width: 384px; } .box-gray__body.no-border1_1.active-pad
{ display: table-cell; width: 50%; min-width: 384px; } .chebox_label td
{ border: 1px solid #d9d9d9; padding: 8px 11px; font-size:
12px; line-height: 12px; line-height:
1.3; } .main-table_che{ background: #f8f8f8; padding: 15px 0px 15px
6px; margin-left: 132px; border-radius: 2px; margin-bottom:
20px; margin-top: -10px; } .qp1 { width: 100%; display: flex; } /*
Метки */ .custom-label { width: max-content; padding: 0px 7px 1px
7px; color: white; border-radius: 10px; font-size: 11px; } .columnLabel
{ max-width: 230px; } .columnCount { min-width: 100px; max-width:
110px; } .columnOperation { width: 100%; } .tableBorder td { border:
0; } .tableBorder tbody tr { border-bottom: 1px solid
#d9d9d9; } .float-right { float: right; margin-right:
15px; } .float-left { float: left; } .float-client { float:
left; } .user-table-block_pola.fixWidth { margin-bottom:
0px; } #selectedColor { width: 30px; height: 24px; margin-right:
12px; } .colors-item { width: 26px; height: 24px; cursor:
pointer; display: inline-flex; margin-right: 9px; margin-top:
8px; } .block-colors { padding-left: 155px; margin-top:
-5px; } .block-info { width: 100%; } .block-row { display:
inline-flex; width: 100%; justify-content: start; font-size:
12px; padding-top: 15px; } .block-row-writ { display:
inline-flex; width: 100%; justify-content: start; font-size:
12px; } .row-label{ width: 140px; min-width: 140px; padding-right:
15px; color: #67707a; } .row-label span { /*padding-top:
4px;*/ position: absolute; } .row-input { display: inline-flex; width:
100%; font-size: 12px; margin-right:
10px; } .centre_settings.settings-fixWidth { max-width: 503px; width:
503px; } .textColor { padding-top: 30px; } .textColor .row-label span
{ padding-top: 0px; } .row-input.hide { display:
none; } .colorsText-item { display: inline-flex; padding-bottom:
15px; padding-right: 15px; } .form-error.input-error { position:
absolute; padding-top: 30px; padding-left: 263px; } .labelsCreate
input.form-control.error, .labelsEdit input.form-control.error{ z-index:
2; margin-bottom: 10px; } .settingsLabels .summary { padding: 45px 0px
10px 17px; } #editLabels { float: right; cursor:
pointer; } #editLabelsImport { cursor: pointer; } .label-count
{ padding-top:
10px; } .customDropDownListLabels, .customDropDownListLabelsImport
{ width: 100%; border: 1px solid #ccc; overflow: auto; position:
absolute; max-width: 204px; background-color: white; z-index:
15; border-radius: 0px 0px 3px 3px; padding: 10px 10px 15px
10px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.23); margin-left:
-11px; } .customDropDownListLabels li, .customDropDownListLabelsImport li
{ line-height: 12px; border: 1px solid #fff; cursor: pointer; width:
96%; padding: 6px 4px 6px 4px; } .customDropDownListLabels
li:hover, .customDropDownListLabelsImport li:hover{ background:
#ececec; border-radius: 3px; } .customDropDownListLabels li
span, .customDropDownListLabelsImport li span { font-size: 12px; color:
#444; width: 100%; } .labelLi{ width: 90%; display:
inline-flex; } .block-color { width: 12px; min-width: 12px; height:
12px; margin-right: 5px; } .added:after { content: '\f00c'; margin: 0px
4px 0px 0px; /* position: absolute; */ transform:
translateY(-50%); font: normal normal normal 14px/1
FontAwesome; font-size: 15px; text-rendering:
auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:
grayscale; } .added { margin: -3px 0px 0px 0px; } .deleted:after
{ content: ''; padding-left: 19px; } .block-labelsInProfile
.block-elem, .block-labelsInProfileImport .block-elem { display:
inline-flex; width: 100%; padding: 5px 0px 5px
1px; } .block-labelsInProfile .block-color, .block-labelsInProfileImport
.block-color { margin-left: 0px; width: 12px; min-width: 12px; height:
12px; margin-top: 2px; } .client_info_labels { padding-bottom:
0px; padding-top: 13px; } .new-table-bottom .block_labels { width:
100%; } .new-table-bottom .block_labels .custom-label { display:
inline-flex; margin-left: 5px; margin-top: 3px; } .avatar { width:
204px !important; height: 204px !important; padding: 0px
!important; border-radius: 4px; object-fit: cover; } .miniAvatar
{ height: 15px; width: 15px; border-radius: 100px; object-fit:
cover; margin-right: 4px; } .headerAvatar { height: 17px; width:
17px; margin-top: 4px; border-radius: 100px; object-fit:
cover; margin-right: 4px; margin-left: 10px; } .Ava_client_profile
{ height: 30px; width: 30px; border-radius: 100px; margin-right:
5px; object-fit: cover; } .delDocumentTable { cursor:
pointer; } .tableDocumentMain { display: flex; } .tableDocumentName
{ min-width: 95%; } .settings_common_main { margin:
20px; } .settings_common_record { margin: 0px 0px 20px 0px; width:
100%; } .settings_common_record label{ margin: 20px 0px 20px
0px; margin-right: 23px; color: #828282; } .settings_common_record input
{ margin-top: 10px; margin-top: 10px; } .errorSettings { color:
#0e0e0e; background: #d48f6e47; border-radius: 2px; padding: 4px
10px; line-height: 1.5; margin-bottom: 10px; } .rightBlockInBlock
{ display: inline; } .pointer { cursor:
pointer; } .box-gray__body.no-border2.resizeWidth { min-width:
0px; } .profile_info_block + .block-row { } .block-row.additionalField
{ padding-top: 0px; } .block-row.additionalField .row-label { min-width:
140px; margin-top: 4px; } .addSelectOption { padding-left:
153px; width: 350px; } .editSelect .addSelectOption { width:
350px; } .input-weight input { width: 14px; height: 14px; color:
#222; padding: 4px 8px; } .addSelectOption .row-label{ padding-left:
0px; } .input-option input{ width: 267px; padding: 5px 30px 3px
8px; } .label-weight { width: 20px; min-width: 20px; margin-left:
163px; padding-right: 0px; } .block-info
.block-row.addSelectOption:first-child { } .block-row input{ font-size:
12px; border: 1px #BFBFBF solid; color: #222; } .input-radioButton
input:focus { -webkit-box-shadow: none; } .input-default { margin-left:
5px; } .block-row.addSelectOption.buttonAdd { padding-bottom:
0px; } .styled.select { width: 100%; } .delete-option .btn
{ margin-top: 10px; margin-left: 15px; } .input-radioButton { padding:
0; } .input-radioButton input { cursor: pointer; margin-top:
6px; margin-left: -80px; position: absolute; } .row-input .delete
{ margin-top: 5px; } .tip-label { vertical-align: top; } .tip-input
{ resize: none; } .row-input.with-image { position:
relative; } .input-withImage.textSize24 { position: absolute; top:
38%; left: 89%; } .input-withImage.textSize48 { position:
absolute; top: 60%; left: 89%; } .input-withImage.textSize72
{ position: absolute; top: 70%; left:
89%; } .input-withImage.textSize24.longText, .input-withImage.textSize48.longText, .input-withImage.textSize72.longText
{ left: 94%; } .row-input.with-image textarea, .row-input.with-image
input { /*padding-right: 30px;*/ } .row-tip { font-size:
11px; padding-left: 155px; color: #6f6f6f; display:
inline-grid; margin-bottom: 6px; margin-top: 4px; } .row-tip-01
{ font-size: 11px; padding-left: 155px; color: #6f6f6f; display:
inline-grid; margin-bottom: 6px; margin-top: 4px; } .table-header
{ border-bottom: 1px solid #d9d9d9; border-right: 1px solid
#d9d9d9; text-align: left; padding: 8px 8px 8px
12px; } .table-header:last-child { border-right: none; } .steps-select
{ width: 40px; } #colorSelect .jq-selectbox__select { height:
22px; line-height: 22px; border: 1px solid #bfbfbf; padding: 0 27px 0
1px; border-radius: 0; box-shadow: none; background: #fff; color:
#444; } .color-block { margin-top: 5px; margin-right: 3px; width:
12px; height: 12px; white-space: nowrap; overflow:
hidden; text-overflow: ellipsis; margin-left:
8px; } .color-customDropDawnList { /*max-height: 250px;*/ border: 1px
solid #CCC; position: absolute; max-width: 188px; background-color:
white; z-index: 15; padding: 8px 5px 10px 3px; margin-top:
40px; } .color-customDropDawnList li { border: 1px solid #fff; cursor:
pointer; padding: 5px 0px 5px 5px; display:
flex; } .color-customDropDawnList li:hover { background:
#ececec; } .color-customDropDawnList-01 { border: 1px solid
#CCC; position: absolute; max-width: 200px; background-color:
white; z-index: 15; padding: 10px; margin-top:
30px; } .color-customDropDawnList-01 li { border: 1px solid
#fff; cursor: pointer; padding: 3px 0px 4px 5px; display:
inline-block; } .color-customDropDawnList-01 li:hover { background:
#ececec; } .margin-top-1 { margin-top: -1px; } .color-option_input input
{ width: 225px; padding: 0px 8px; height: 22px; } #colorSelect
{ cursor: pointer; } #colorSelect .client { width: 100%; margin-top:
10px; } #colorSelect .color-customDropDawnList.client { margin-top:
40px; } #colorSelect span{ font-size: 12px; position: absolute; margin:
-3px 0px 0px 17px; overflow: hidden; text-overflow:
ellipsis; line-height: 1.1; margin-top: 0px; max-width: 75%; } .show
{ display: block; } .step-progressBar { width: 100%; height:
7px; margin-top: 10px; display: inline-flex; } .progressBar-elem
{ width: 100%; border-right: 2px solid #ffffff; } .block-labelsInProfile
span, .block-labelsInProfileImport span { overflow:
hidden; text-overflow: ellipsis; word-wrap:
break-word; } .ava_responsible { /* position: absolute; */ margin-left:
5px; margin: -29px 0px 0px 40px } .user_type { font-size: 11px; color:
#828282; display: block; margin-top: 3px; } .delDocument_set:hover
{ background: #f7e5da; } .delDocument_set { width: 9px; padding:
4px; border-radius: 100px; background: #e5ebf1; margin: 3px 0px 0px
-2px; cursor: pointer; height: 9px; } .delDocument3:hover { background:
#f7e5da; } .delDocument3 { width: 8px; padding: 5px; border-radius:
100px; background: #e5ebf1; margin: 0px 15px 0px 10px; margin-top:
7px; cursor: pointer; float: right; } .delDocument2 { width:
8px; padding: 5px; border-radius: 100px; background: #e5ebf1; margin:
5px 0px 0px 8px; cursor: pointer; } .delDocument2:hover { background:
#f7e5da; } .delDocument_4a { width: 8px; padding: 5px; border-radius:
100px; background: #e5ebf1; margin: -1px 8px 8px 9px; cursor:
pointer; } .delDocument_4a:hover { background: #f7e5da; } .action_file_add
{ margin-left: -24px; } .qq-upload-button { border: 1px solid
#d4cfcf; background: #f5f2f2; border-radius: 1px; padding: 0px
13px; line-height: 21px; display: inline-block; vertical-align:
top; margin-left: 24px; font-size: 12px; cursor: pointer; margin-top:
14px; color: #333; } .qq-upload-button:hover { color: #000; border: 1px
solid #BFBFBF; background: #E8E8E8; text-decoration:
none; } .upload_button_2 { border: 1px solid #d4cfcf; background:
#f5f2f2; border-radius: 1px; padding: 0px 13px; line-height:
21px; display: inline-block; vertical-align: top; font-size:
12px; cursor: pointer; color: #333; } .upload_button_2:hover { color:
#000; border: 1px solid #BFBFBF; background: #E8E8E8; text-decoration:
none; } .upload_icon { width: 15px; margin-right: 5px; } .table_files
{ padding: 0px 20px 20px 15px; margin-top: -1px; } .qq-upload-list { /*
padding: 15px 35px; */ /* padding: 0; */ list-style: disc; } .file_list
{ white-space: nowrap; overflow: hidden; width: 100%; text-overflow:
ellipsis; margin-top: 2px; } .file-sort { padding: 8px 0px 8px
0px; } .file_list_new { max-width: 95%; float: left; white-space:
nowrap; overflow: hidden; width: 759px; text-overflow:
ellipsis; margin-top: 2px; display: flex; margin: 10px; margin-right:
1px; margin-left: 19px; } .del_icon { margin-top: 3px; color:
#707070; text-align: right; } .jq-selectbox__select1 { height:
25px; line-height: 22px; border: 1px solid #bfbfbf; padding: 0 30px 0
10px; border-radius: 0; box-shadow: none; background: #fff; color:
#444; } .labl_1 { display: flex; margin: 10px; color: #707070; width:
600px; } .block_labels { margin-left: -6px; } .block_labels a
{ } .block_labels a:hover { color: #707070; border-bottom: 1px solid
#707070; } .slo_1 { min-width: 155px; } .sdf2 { float: right; } .sdf2 a
{ float: right; color: #707070; } .sdf2 a:hover { float: right; color:
#707070; } .qq-upload-list li { margin: 0; padding: 0; line-height:
15px; font-size: 12px; padding-top: 15px; margin-left: 25px; display:
table; } .empty { padding: 8px 9px; border-bottom: none; } .an_001 td
{ white-space: pre-line; padding-bottom: 8px; padding-top: 8px; } .bn_t3
{ padding-top: 8px; display: inline-flex; } .fr_o { padding-right:
10px; margin-top: 3px; padding-left: 5px; } .fakeButtonAvatar { height:
30px; width: 30px; background: red; } .fakeButtonAvatarDel { color:
#008996; margin: 3px 0px 0px 15px; } .fakeButtonAvatarDel:hover { color:
#008996; cursor: pointer; text-decoration: underline; } .rightUserFileDel
{ display: flex; } .delete-option { padding-top: 10px; } .save_button
{ margin: 0px 0px 25px 262px; } .delete_centre a { margin-left:
-146px; } .block-row_1 { display: inline-flex; width:
100%; justify-content: start; padding-top: 20px; font-size:
12px; } .block-row_1 input { transform: scale(1.2); cursor:
pointer; margin-right: 8px; margin-top: 1px; } .flex { display:
flex; } .gud, .save-message, .clear-message, .error-message { padding:
18px; background: #effaed; border-bottom: 1px solid
#d9d9d9; } .clear-message img{ height: 32px; margin-right:
15px; margin-top: 2px } .save-message_add { padding: 15px 24px 15px
24px; background: #F0F2F5; border-bottom: 1px #d9d9d9 solid; border-top:
1px #d9d9d9 solid; margin-top: -1px; } .save-message_add a
{ text-decoration: none; color: #444; border-bottom: 1px solid
#8e8888; } .save-message_add img{ height: 32px; margin-right:
10px; margin-top: 2px } .save-message { padding: 15px
25px; } .save-message a { text-decoration: none; border-bottom: 1px solid
#8e8888; color: #444; } .save-message img{ height: 32px; margin-right:
10px; margin-top: 2px } .gud img{ height: 32px; margin-right:
10px; margin-top: 2px } .savean { margin-bottom: 0px; } .line_height_1_5
{ line-height: 1.5; width: 100%; } .error-message { background-color:
#ff03030f; border: 1px solid #d69d9d69; margin-top:
-10px; margin-bottom: 15px; padding: 15px } .error-message img{ height:
32px; margin-right: 10px; margin-top: 2px } .stepIndication { width:
9px; min-width: 9px; height: 9px; border-radius: 10px; margin-top:
3px; position: absolute; } .headerStatusAction { color: white; padding:
3px 8px; border-radius: 3px; margin-top: -3px; margin-right:
10px; } .labelStatusAction { float: left; border-radius:
10px; margin-top: 4px; width: 7px; height: 7px; margin-right:
5px; } /* Справка */ .help_1 { margin-bottom: 10px; padding:
10px 0px 10px 10px; background: #F4F4F4; cursor: pointer; } .help_1:hover
{ background: #dfe1e6; } .help_0 p{ padding: 10px 8px 10px
10px; margin-top: -10px; } .help_0 { margin-top: 10px; } /*
Справка */ /*---- Задача: всплывающий блок
----*/ .help_anim{ display: inline-block; position:
relative; text-decoration: none; cursor: pointer; position:
absolute; margin: -14px 7px; } .tip_help, span.help_anim::before
{ display: none; position: absolute; z-index: 9998; top: 30px; left:
-190px; font-size: 12px; background: #ffffff; border: 1px solid
#ccc; text-align: left; color: #000; cursor: default;
width: 350px; height: auto; border-radius: 3px 3px 3px 3px;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.16); padding: 20px; } .help_anim
img { height: 13px; width: 13px; } span.help_anim::before { content:
attr(data-title); } span.help_anim:focus::before { display:
block; } a.help_anim:focus .tip_help
{ display:block; } a.help_anim[tabindex="1"]:focus { outline:
none; } .help_di { width: 100%; display: grid; } .help_di span
{ padding: 7px; font-size: 12px; background: whitesmoke; font-weight:
bold; color: #565656; } /*---- Задача: всплывающий
блок ----*/ /* Всплывающие подсказки */ .tooltip
{ position: relative; } .tooltip:hover .tooltiptext { visibility:
visible; opacity: 1; } .tooltip .tooltiptext { visibility:
hidden; position: absolute; background-color: #0a0a0ad9; color:
#fff; text-align: center; padding: 5px 10px; border-radius:
0px; z-index: 1; opacity: 0; transition: opacity .6s; font-size:
11px; } .tooltip-bottom { top: 20px; left: 0; width:
max-content; } .tooltip-bottom::after { content: ""; position:
absolute; bottom: 100%; left: 20%; margin-left: -5px; border-width:
5px; border-style: solid; border-color: transparent transparent #0a0a0ad9
transparent; } /* Всплывающие подсказки */ /*
Вспомогательный CSS */ .bottom_10 { padding-bottom:
10px; } .left_10 { margin-left: 10px; } .bold { font-weight:
600; color: #666; } .top_minus_10 { margin-top: -10px; } /*
Вспомогательный CSS */ .active a{ color: #444; } .active
a:hover { text-decoration: none; } .active span{ color:
#fff; white-space: nowrap; text-align: center; background-color:
#5682a3; border-radius: 2px; padding: 3px 6px; min-width:
10px; margin-left: 5px; font-size: 10px; } .indic_01 { color:
#fff; white-space: nowrap; text-align: center; background-color:
#5682a3; border-radius: 20px; min-width: 10px; padding: 2px
6px; margin-left: 3px; font-size: 10px; } .fakeButtonAvatarNameFile { /*
margin-left: 10px; */ position: absolute; margin-top: 35px; font-size:
11px; } .fakeButtonAvatarNameFile_2 { /* margin-left: 10px; */ position:
absolute; margin-top: 12px; font-size:
11px; } .fakeButtonAvatarNameImport { margin-top: 7px; margin-left:
157px; font-size: 11px; } .operation-button { display:
inline-flex; } #clearFiles { background-color: #459c9e; border: 1px
solid seagreen; } #clearFiles:hover { background-color:
#40888a; } .timeZone-selector { margin-top: 10px; } .section-row-header
{ width: 100%; display: inline-flex; background: #ECECEC; padding: 4px
0px 2px 10px; color: #565656; } .section-row-header .strong, .steps-block
.strong, .labels-block .strong { font-weight:
bold; } .section-row-content div { display: inline-flex; padding-bottom:
5px; width: 200px; } .section-row-content.usersGroupRow div { width:
230px; } .section-row-content.usersGroupRow div:nth-child(even) { width:
160px; } .steps-block-content div { display: inline-flex; padding-right:
20px; padding-top: 10px; } .section-row { margin-top:
15px; } .section-row:first-child { margin-top:
0px; } .section-row-content div:last-child { padding-right:
0px; } .blockContacts-header { padding: 20px
0px; } .blockContacts-content { border-bottom: 1px solid
#e7e8ec; padding-bottom: 20px; } .all { color:#008996; font-size:
11px; padding-left: 10px; } .blockContacts-content-row { display:
inline-flex; width: 100%; } .labels-block { margin-left:
150px; padding-top: 10px; } .steps-block, .labels-block { width:
100%; } .labels-block .all { float: none
!important; } .steps-block-content, .labels-block-content { margin: 19px
0px 0px 9px; } .labelForCheckbox { margin-left: 5px; } .exportBtn
{ margin-top: 20px; display: flex; justify-content:
center; } .importBtn { margin-top: 20px; display: flex; margin-left:
155px; } .row-blockContent { width: 100%; } .rowUniqueField
{ margin-top: 6px; display: inline-flex; width:
100%; } input.form-control_1.checkboxOne { min-height: 14px; min-width:
14px; height: 14px; width: 14px; } .input-radioButton1 input { cursor:
pointer; margin-top: 3px; } .checkboxAll { margin-top: 1px; min-height:
16px; min-width: 16px; } .labelForCheckboxOne { display:
flex; flex-direction: column; justify-content: center; cursor:
pointer; margin-left: 3px; } .usersGroupRow .miniAvatar { margin-top:
2px; } .labelForCheckboxAll { margin-right: 5px; cursor:
pointer; margin-top: 2px; margin-bottom: 4px; } .showImportant
{ display: block !important; } .miltuBtn{ float: left; margin-left:
6px; } .select-tab { padding-top: 10px; padding-left: 4px; background:
#F8F8F8; height: 25px; border-bottom:1px solid #d9d9d9; text-decoration:
none; } .select-tab a { color: #444; padding: 0px 7px; text-decoration:
none; } .select-tab a:hover { text-decoration: none; color:
#222; } .disbl{ color: #999999 !important; cursor:
default; text-decoration: none; } .row-ch-action{ float:
left; margin-right: 5px; } .green-msg{ background-color:
#DFFFBF; } .btn-100 { width: 100%; margin-bottom: 10px; } .err-box
{ color: #0e0e0e; background: #F3E0D7; padding-top: 7px; text-indent:
50px; padding-bottom: 7px; margin-bottom: -20px; } .err-box-1 { color:
#0e0e0e; background: #F3E0D7; padding-top: 7px; text-indent:
24px; padding-bottom: 7px; margin-bottom: -5px; border-radius:
2px; } .pl-01 { display: table-cell; float: left; background:
white; margin-top: -1px; width: 100%; border-bottom: 1px solid
#d9d9d9; } .pl-01-01 { width: 842px; display: table-cell; padding: 25px
0px 4px 25px; } .pa-01{ padding-left: 25px; padding-right: 20px; } .pa-01
img { height: 15px; width: 15px; border-radius: 100px; object-fit:
cover; margin-right: 6px; } .solid-bl { padding-top:
5px; padding-bottom: 15px; margin-bottom: -4px; } .row-input-02
{ display: inline-flex; width: 100%; font-size: 12px; } .row-input-02
label { cursor: pointer; margin: -17px 25px 0px; position:
absolute; display: table-caption; } .op-00 { width:
100%; padding-bottom: 5px; padding-top: 10px; } .width-100 { width:
100%; } .margin-top-10 { margin-top: 10px; } .padding-top-15
{ padding-top: 15px } .padding-15 { padding: 15px; } .event-add-el,
.event-edit-el { padding: 0px 0px 25px 0px; } .pl-02 { width:585px;
float: left; } .pl-03 { width: 250px; float:
left; } /*--------------FCBKcomplete------------*/ ul.holder { margin:
0; border: 1px solid #BFBFBF; overflow: hidden; height: auto
!important;color: #222; height: 24px;padding: 1px 9px; cursor: text;
} *:first-child+html ul.holder { padding-bottom: 2px; } * html ul.holder {
padding-bottom: 2px; } /* ie7 and below */ ul.holder li { float: left;
list-style-type: none; margin: 0 2px 2px 0; white-space:nowrap;} ul.holder
li.bit-box, ul.holder li.bit-input input { font: 12px "Tahoma";
} ul.holder li.bit-box { -moz-border-radius: 6px; -webkit-border-radius:
6px; border-radius: 0px; background: #efefef; padding: 2px 0px 2px
8px; color: #333; font-size: 11px; margin-top: 2px; } ul.holder
li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff;
} ul.holder li.bit-input input { width: auto; overflow:visible; margin: 0;
border: 0px; outline: 0; padding: 3px 0px 2px; } /* no left/right padding
here please */ ul.holder li.bit-input input.smallinput { width: 20px; } /*
Facebook demo CSS */ ul.holder { margin: 0 !important } ul.holder
li.bit-box, #apple-list ul.holder li.bit-box { padding-right: 20px;
position: relative; z-index:1000;} #apple-list ul.holder li.bit-input {
margin: 0; } #apple-list ul.holder li.bit-input input.smallinput { width:
5px; } ul.holder li.bit-hover { background: #BBCEF1; border: 1px solid
#6D95E0; } ul.holder li.bit-box-focus { border-color: #598BEC; background:
#598BEC; color: #fff; } ul.holder li.bit-box a.closebutton { position:
absolute; background: url(/img/close-button.png); cursor:
pointer; width: 8px; height: 8px; top: 5px; margin-left:
6px; } ul.holder li.bit-box a.closebutton:hover { background:
url(/img/close-button-hover.png); } ul.holder li.bit-box-focus
a.closebutton, ul.holder li.bit-box-focus a.closebutton:hover {
background-position: bottom; } /* Autocompleter */ .facebook-auto {
display: none; position: absolute; background: #eee; z-index:1001; width:
100%;background-color: #F8F8F8 ;} .facebook-auto .select_all_items
{display: block; float: right;} .facebook-auto .default { padding: 5px
7px; border-width: 0 1px 1px; font-family:
"Tahoma"; font-size: 11px; border: 1px solid
#BFBFBF; margin-top: -1px; } .facebook-auto ul { display: none; margin: 0;
padding: 0; overflow: auto;width: 100%;position:absolute;
z-index:9999} .facebook-auto ul li { padding: 8px 10px; z-index: 1000;
cursor: pointer; margin: 0; list-style-type: none; border: 1px solid #ccc;
border-width: 0 1px 1px; font: 12px "Tahoma"; background-color:
#F8F8F8 ; background-color: white; } .facebook-auto ul li em { font-weight:
bold; font-style: normal; background: #ccc; } .facebook-auto ul
li.auto-focus { background: #ececec; color: #333; } .facebook-auto ul
li.auto-focus em { background: none; } .deleted2 { background-color:#4173CC
!important; color:#ffffff !important;} .hidden { display:none;} #demo
ul.holder li.bit-input input { padding: 2px 0 1px; border: 1px solid #999;
} .ie6fix {height:1px;width:1px;
position:absolute;top:0px;left:0px;z-index:1;} /*--------------FCBKcomplete------------*/ .preloader-centre
{ margin:0 25% 0 25%; width:50%; margin-bottom: 10px } /* mass_styles
*/ .multi-popap{ max-width: 228px; background-color: white; z-index:
15; background: #fff; position: absolute; border-radius: 0px 0px 3px
3px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.23); margin-top:
7px; margin-left: -70px; } #editLabelsForm { float: right; cursor:
pointer; } .close-msg{ line-height: 2.5; text-align: right; width:
30% } .close-msg a{ border-bottom: none !important; color:
#707070; } .close-msg a:hover { text-decoration: underline; color:
#222; } #close-msg-btn{ border-bottom: none !important; color:
#707070; } #close-msg-btn:hover{ text-decoration: underline; color:
#222; } .sel-row{ background-color: #fbffd7; } .form-head-links{ float:
right; } .form-head-links a{ margin-right: 23px; text-decoration:
none; color: #3c3c3c; padding: 5px 10px; border-radius:
2px; } .form-head-links a:hover{ background:
#d6d4d4; } .hidden{ display: none; } .cnt { text-align:
center; } #sel-sumary-div{ margin-left: 10px; } .successMsg{ padding:
16px 0px 0px 23px; color: green; } .modal-steps-body { border:1px solid
#ccc; width: 228px; background-color: white; } #del-modal-box,
#label-modal-box, #master-modal-box, #date-modal-box, #state-modal-box,
#step-modal-box{ border: 1px solid #ccc; } .modal-steps-head{ clear:
both; border-bottom: 1px solid #ccc; color: #333 ; line-height:
2.5; padding-left: 12px; text-align:
left; } .modal-steps-head-close{ float: right; cursor:
pointer; background: url(/img/sprite.png); width: 11px; height:
15px; margin: 10px; } .modal-foot{ border-top: 1px solid #ccc; width:
100%; line-height: 2.5; padding-top: 15px; text-align:
left; } .modal-foot a{ display: block; padding: 4px 9px; color:
#444; line-height: 15px; margin-left: 0px; } .modal-foot
a:hover{ background: #ececec; color: #333; border-radius:
2px; text-decoration: none; } .btn-div .btn_100{ width: 95%; margin:
5px; } .solid_an_client{ border-bottom: 1px solid
#e7e8ec; } #del-modal-text{ text-align: center; padding:
15px; } .label-filter{ text-align: center; padding:
15px; } .colorSelect .jq-selectbox__select { height: 22px; line-height:
22px; border: 1px solid #bfbfbf; padding: 0 22px 0 0px; border-radius:
0; box-shadow: none; background: #fff; color: #444; } .colorSelect
{ cursor: pointer; } .colorSelect .client { width: 100%; margin-top:
10px; } .colorSelect .color-customDropDawnList.client { margin-top:
40px; } .colorSelectEv .jq-selectbox__select { height:
22px; line-height: 22px; border: 1px solid #bfbfbf; padding: 0 25px 0
5px; border-radius: 0; box-shadow: none; background: #fff; color:
#444; } .colorSelect { cursor: pointer; } .colorSelect .client { width:
100%; margin-top: 10px; } .colorSelect .color-customDropDawnList.client
{ margin-top: 40px; } .colorSelect span{ font-size: 12px; position:
absolute; margin: -3px 0px 0px 17px; overflow: hidden; text-overflow:
ellipsis; line-height: 1.1; margin-top: 0px; max-width:
75%; } .customDropDownListLabelsFilter { width: 100%; max-height:
330px; max-width: 250px; background-color: white; z-index:
15; padding-bottom: 5px; padding-top:
3px; } .customDropDownListLabelsFilterFilter li{ line-height:
12px; border: 1px solid #fff; cursor: pointer; width: 96%; padding: 6px
4px 6px 4px; } .customDropDownListLabelsFilterFilter li:hover
{ background: #ececec; border-radius:
3px } .customDropDownListLabelsFilterFilter li span{ font-size:
12px; color: #444; width: 100%; padding-right:
2px; } .customDropDownListLabelsForm { width: 100%; border: 1px solid
#ccc; overflow: auto; position: absolute; max-width:
204px; background-color: white; z-index: 15; border-radius: 0px 0px 3px
3px; padding: 10px 10px 15px 10px; box-shadow: 0 3px 4px rgba(0, 0, 0,
0.23); margin-left: -11px; } .customDropDownListLabelsForm
li{ line-height: 12px; border: 1px solid #fff; cursor: pointer; width:
96%; padding: 6px 4px 6px 4px; } .customDropDownListLabelsForm li:hover
{ background: #ececec; border-radius:
3px; } .customDropDownListLabelsForm li span{ font-size: 12px; color:
#444; width: 100%; } .block-labelsInProfileForm .block-elem { display:
inline-flex; width: 100%; padding: 5px 0px 5px
1px; } .block-labelsInProfileForm .block-color { margin-left: 0px; width:
12px; min-width: 12px; height: 12px; margin-top: 2px; } .holder.error
{ /*background: #fff3c5; border-color:
#ffcf1d;*/ } .customDropDownListLabelsFilterFilter { text-align:
left; } /* mass_styles */ /* profile css */ .popup-btn{ float:
right; cursor: pointer; color:
#707070; } .popup-btn:hover{ text-decoration: underline; color:
#222; } .popup-btn-01{ float: right; cursor: pointer; color:
#707070; } .edit-popup{ right: 4px; width: 229px;; } .edit-popup1{ top:
80px; } .edit-popup2{ } .edit-popup-btn{ width: 201px; top:
82px; border-top: none; padding-top: 10px; border-radius: 0px 0px 3px
3px; left: 1px; padding-bottom: 15px; border: 1px solid
#c5d0db96; } .edit-popup .solid_an_client{ padding: 5px; } .customLabels
li { line-height: 12px; border: 1px solid #fff; cursor: pointer; width:
99%; padding: 6px 0px 6px 0px; } .customLabels { width:
100%; max-height: 275px; overflow-y: auto; max-width:
204px; background-color: white; z-index: 15; padding-bottom:
13px; padding-top: 8px; } .down_btn { background: url(/img/down.png)
no-repeat; background-color: #e5ebf1; background-position: right 13%
bottom 50% ; background-size: 10px 10px; margin-bottom: 15px; } .act_btn
{ background-color: white; color: #55677d; cursor: pointer; text-align:
center; display: block; padding: 5px 0px 5px 0px; line-height:
15px; margin-left: 0px; margin-bottom: 2px; margin: 2px 8px 0px
8px; } .act_btn:hover{ background: #F0F2F5; color: #333; } .note-btn
{ float: right; padding: 12px; cursor: pointer; color:
#707070; } .note-btn a{ color: #707070; } .note-btn
a:hover{ text-decoration: underline; color: #222; } .popup_content
{ margin: 10px; max-width: 60%; width: 619px; background:
white; margin-top: 200px; border-radius: 5px 6px 3px
3px; } .popup-j-head{ background: #5682a3; text-indent: 50px; color:
#fff; width: 100%; padding: 19px 0px 17px 0px; border-radius: 3px 3px
0px 0px; } .popup-j-head-close { float: right; background:
url(/img/sprite.png); cursor: pointer; width: 11px; height: 15px; top:
19px; margin-right: 50px; } .margin-right-5 { margin-right:
5px; } .margin-top-6 { margin-top: 1px; } .color-1{ background-color:
#fff2ccb5; border: 1px solid rgb(243, 219,
148); } .color-2{ background-color: #e2f0d9; border: 1px solid rgb(181,
218, 157); } .color-3{ background-color: #deebf7; border: 1px solid
rgb(185, 207, 226); } .color-4{ background-color: #04040414; border: 1px
solid rgb(208, 208, 208); } .color-5{ background-color: #fbe5d6; border:
1px solid rgb(241, 200, 172); } .note-editor-box textarea{ width:
94%; height: 100%; padding: 15px; font-size: 12px; line-height:
normal; font-family: Tahoma, Helvetica,
sans-serif; } .note-editor-box{ float: left; width: 75%; margin-left:
50px; margin-top: 45px; height: 168px; } .note-color-box{ margin-left:
15px; float: left; width: 15%; border: 1px; width: 50px; margin-top:
45px; } .color-box{ width: 30px; height: 30px; margin-bottom:
10px; cursor: pointer; } .active-color{ border: 1px solid rgb(179, 171,
171); } .note-foot{ margin-left: 40px; } .note-div{ margin:
12px; padding: 12px; } .note-text{ float: left; width:
785px; margin-bottom: 10px; } .note-edit-block { float: right; width:
15px; height: 30px; background: url(/img/more.svg)
no-repeat; background-position: right 32% ; background-size: 13px
13px; margin-right: -5px; margin-top: -5px; cursor:
pointer; } .note_footer, .editor-footer{ color: #585858; font-size:
11px; clear: both; } .editor-footer-popup { color: #585858; font-size:
11px; clear: both; } .editNotePopup { overflow: auto; z-index:
15; padding-bottom: 10px; padding-top: 10px; margin-left:
-85px; margin-top: 4px; background: #fff; position: absolute; width:
100px; border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 3px 4px
rgba(0, 0, 0, 0.23); } .edit_note , .delete_note{ display:
block; padding: 4px 8px; color: #444; line-height: 15px; margin: 0px
10px 0px 10px; } .edit_note:hover , .delete_note:hover{ background:
#ececec; color: #333; text-decoration:
none; } .delete_note_modal{ margin: 10px; line-height:
2.5; } .inputError { background: #f7e4dc78; border-color:
#eaccbe; } /* profile css */ .section-row-content { padding: 5px 0px
0px 10px; margin-top: 10px; } .bottom-el { padding-bottom:
65px; background: #f8f8f8; border-top: 1px solid #d9d9d9; border-radius:
0px 0px 4px 4px; border-bottom: 1px solid #d9d9d9; margin-top:
50px; } .content-01 { background-color: white; width: 100%; min-height:
550px; margin-bottom: 30px; } .content-02 { background-color:
white; width: 100%; min-height: 259px; } .loader-center { margin-left:
0px; display: flex; justify-content: center; } #refusalBlock
{ margin-top: 100px; } .reason-block { position: absolute; width:
100%; max-width: 228px; background-color: white; z-index:
15; background: #fff; position: absolute; border-radius: 0px 0px 3px
3px; box-shadow: 0px 2px 5px 2px rgba(0, 0, 0, 0.23); margin-top:
-6px; margin-left: 1px; } .reason-block li { text-align:
center; word-break: break-word; background-color: white; cursor:
pointer; text-align: center; display: block; padding: 5px 0px 5px
0px; line-height: 15px; margin-left: 0px; margin-bottom: 2px; margin:
2px 8px 0px 8px; } .reason-block li:hover { background-color:
#ececec; } .reason-container { position: relative; } .win_btn
{ background-color: #e8f9e2; border: 1px solid #b1e4b9; height:
30px; margin: 0; font-size: 12px; cursor: pointer; white-space:
nowrap; outline: none; vertical-align: top; text-align:
center; text-decoration: none; border-radius: 2px; box-sizing:
border-box; width: 100%; margin-bottom: 10px; } .win_btn:hover
{ background-color: #c6e4b9; border: 1px solid #a5c792; } .lose_btn
{ background-color: #fbd4b578; border: 1px solid #fbd4b5; margin:
0; font-size: 12px; cursor: pointer; outline: none; vertical-align:
top; text-align: center; text-decoration: none; border-radius:
2px; box-sizing: border-box; width: 100%; margin-bottom: 10px; padding:
7px 10px; padding-right: 25px; white-space: pre-wrap; } .lose_btn:hover
{ background-color: #fbc59acc; border: 1px solid
#f1bd94; } .return-active-btn { background-color: #FFF9E2; border: 1px
solid #efe588; color: #191919; height: 30px; margin: 0; font-size:
12px; cursor: pointer; white-space: nowrap; outline:
none; vertical-align: top; text-align: center; text-decoration:
none; border-radius: 2px; box-sizing: border-box; width:
100%; } .return-active-btn:hover { background-color: #fdf2c7; border:
1px solid #e4da7d; } .dealTypeActive { background-color: #FEDC4B; color:
#000; padding: 3px 8px; margin-top: -3px; margin-right:
10px; } .dealTypeActiveSquare { margin-right: 5px; background-color:
#FEDC4B; width: 8px; height: 8px; float: left; margin-top:
3px; } .dealTypeWin { background-color: #51bb97; color: white; padding:
3px 8px; margin-top: -3px; margin-right: 10px; } .dealTypeWinSquare
{ margin-right: 5px; background-color: #56BB98; width: 8px; height:
8px; float: left; margin-top: 3px; } .dealTypeLose { background-color:
#d0123b; color: white; padding: 3px 8px; margin-top:
-3px; margin-right: 10px; } .dealTypeLoseSquare { margin-right:
5px; background-color: #d0123b; width: 8px; height: 8px; float:
left; margin-top: 3px; } .arrow-margin { right: 15px; top:
15px; cursor: pointer; } .deal-type-save-red { background:
#FDEBDD; border-bottom: 1px solid #d9d9d9; } .deal-type-return
{ background: #fff9e1; border-bottom: 1px solid
#d9d9d9; } .deal-type-win { background: #51bb9726; border-bottom: 1px
solid #d9d9d9; } .closed-img, .save-message .closed-img, .save-message_add
.closed-img { height: 20px; width: 20px; cursor: pointer; margin:
0; } .disabledStepSelect { opacity: 0.5; background-color: #d4d4d459
!important; } .disabledText { float: right; cursor: pointer; opacity:
0.5; } .text_centre_01 { padding-bottom: 10px; text-align:
center; border-top: 1px solid #e7e8ec; padding-top: 10px; } /*
профиль сделки */ .mini { background: #ececec; padding: 2px
3px; margin-right: 3px; } .mini_all_deal { background: #909090; color:
white; padding: 2px 4px; margin-right: 3px; } .mini_active { background:
#FDDB57; padding: 2px 4px; margin-right: 3px; } .mini_win { background:
#56BB98; color: white; padding: 2px 4px; margin-right: 3px; } .mini_los
{ background: #CE043E; color: white; padding: 2px 4px; margin-right:
3px; } .mini_01 { font-size: 11px; } /* профиль задачи
*/ .mini_all_action{ background: #909090; color: white; padding: 2px
4px; margin-right: 3px; } .mini_today { background: #61bb513b; padding:
2px 3px; margin-right: 3px; border-bottom: 2px solid
#61BB51; } .mini_future { background: #619658ad; padding: 2px
3px; margin-right: 3px; border-bottom: 2px solid #369625; color:
white; } .mini_expired { background: #f96f9438; padding: 2px
3px; margin-right: 3px; border-bottom: 2px solid
#F96F93; } .mini_completed { background: #9e9e9e4d; padding: 2px
3px; margin-right: 3px; border-bottom: 2px solid
#9E9E9E; } .mini_no_result { background: #e6a1276b; padding: 2px
3px; margin-right: 3px; border-bottom: 2px solid #E6A127; } /*
уведомления */ .notification-bar { position:
absolute; z-index: 1; top: 0; margin-top: 20px; margin-left:
1.5%; width: 340px; line-height: 16px; } .notification-warning
{ background-color: #ffffff; border: 1px solid #c5c5c5; border-radius:
4px; padding-top: 8px; } .notification-success { background-color:
#effaed; border: 1px solid #afd4a9; border-radius: 4px; padding-top:
8px; } .notification-error { background-color: #fa8661; border: 1px
solid #803126; } .notification-bar-header { display:
flex; justify-content: flex-end; } .notification-bar-header button
{ cursor: pointer; background: #e8e8e8; border: 1px solid
#adadad; font-size: 11px; padding: 5px 10px; margin-top:
-9px; margin-right: -1px; z-index: 1; } .notification-bar-header
button:hover { background: #cecece; } .notification-bar-message
{ display: flex; padding: 5px 10px 12px; margin-top:
-15px; } .notification-icon img { height: 30px; margin-right:
10px; } .notification-content { display: flex; flex-direction:
column; } .notification-content-title { font-weight:
bold } .notification-content-description { /*margin-top:
5px;*/ } .settings_appearance_block { display:
flex; } .appearance_links_block { margin-top:
20px; } .appearance_links_row { display:
flex; } .settings_appearance_record { margin-bottom: 10px; margin-right:
23px; width: 100%; } .settings_appearance_record
label, .appearance_links_block label { margin-right: 23px; color:
#828282; } .settings_appearance_record input { margin-top: 10px; width:
227px; } .flex_center { display: flex; align-items:
center; } .appearance_background_image { width: 14px !important; height:
14px !important; margin-top: 0px !important; margin-right: 6px
!important; cursor: pointer; } .appearance_logo_block { width:
100%; display: flex; justify-content: space-between; margin-bottom:
20px; } .logo_block_header { display: flex; } .logo_block_content
{ display: flex; line-height: 20px; margin-top: 10px; flex-direction:
column; } .logo_info { display: flex; flex-direction:
column; } .logo_image { width: 260px; height: 100px; overflow:
hidden; } .logo_image img { width: 100%; height: 100px; } .custom-image
{ width: 260px; height: 100px; } .custom-image img { object-fit:
cover; width: inherit; height: inherit; } .appearance_label { margin:
15px 0px; color: #828282; } .gradient_block { width: 115px; height:
25px; cursor: pointer; border-radius: 2px; } .gradient { display:
flex; margin-right: 20px; margin-bottom: 10px; } .gradient input
{ margin-right: 10px; } .flex-flow { display: flex; flex-flow:
wrap; } .div_link { color: #008996; margin: 3px 0px 0px
15px; } .div_link:hover { color: #008996; cursor:
pointer; text-decoration: underline; } .appearance_add_link { width:
fit-content; } .align_center { align-items: center; } .head-logo
{ padding: 30px 60px 10px 60px; text-align: center; width:
260px; /*height: 100px;*/ } .head-logo img{ width: 100%; height:
100px; } .dev_link { width: fit-content; width:
-moz-fit-content; background: #00000060; margin: 0 auto; text-align:
center; padding: 5px 10px 5px 10px; border-radius: 3px; } .dev_link a
{ color: white; } .dev_link img { height: 19px; margin-top:
-3px; padding: 0px 5px 0px 0px; } /* Banner */ .banner { margin-left:
17px; margin-top: 10px; } .banner-content { width: 150px; position:
absolute; margin-left: 10px; margin-top: 10px; color: #ffffff; } .banner
img { border-radius: 3px; } .banner h1 { font-size: 15px; line-height:
15px; display: block; font-weight: bolder; } .banner a
{ text-decoration: none; } .banner-button { background-color:
#e5ebf1; color: #55677d; line-height: 25px; margin: 0; font-size:
11px; display: inline-block; cursor: pointer; text-align:
center; text-decoration: none; border-radius: 2px; width:
60%; margin-top: 10px; } .banner-button:hover { text-decoration:
none; background: white; } /* Banner */ #appearanceBlock { display:
flex; width: 100%; justify-content: center; } .page-form { position:
relative; height: 100%; background-color: white; width:
100%; } .page-form.deals { height: calc(100% -
44px); } .content-error-block { height: 100%; display: flex; width:
100%; justify-content: center; background: #fff; border-right: 1px solid
#d9d9d9; border-left: 1px solid #d9d9d9; } .error-block { padding-top:
95px; width: 335px; } .client-content { display: flex; flex-wrap:
wrap; } .block_client { width: 388px; padding: 15px 0px 0px
27px; } .fancybox-lock { overflow: inherit
!important; } .section-row-content-vertical { margin-top: 10px; padding:
5px 0px 0px 10px;; } /*Фильтр
клиентов*/ .client-filter-block { height: calc(100% +
1px); background-color: white; min-width: 230px; max-width:
230px; position: relative; border-right: 1px solid #d9d9d9; border-left:
1px solid #d9d9d9; display: inline-table; overflow:
auto; } .filter-block-edit { border-right: none; } .client-filter-header
{ background: #F8F8F8; height: 35px; border-bottom: 1px solid
#d9d9d9; padding: 0px 10px; display: flex; justify-content:
center; align-items: center; } .filter-header-edit { height:
38px; } .client-search-input { width: 100%; } .search-img { width:
17px; height: 16px; position: absolute; right: 16px; top:
10px; } .client-search-input input { padding-right: 26px; } .filter-name
{ margin-right: 5px; } .filter-list li { padding: 6px
10px; border-radius: 0px 3px 3px 0px; display: flex; justify-content:
space-between; align-items: center; cursor: pointer; color:
black; } .filter-list { margin: 5px 0px; margin-left:
10px; margin-right: 10px; } .filter-active-item { border-left: solid 3px
#749dbb; background-color: #74a2ad6b; } .filter-active-item
filter-static-color{ border-left: solid 3px #749dbb; background-color:
#74a2ad6b; } .filter-list li:hover { background-color:
#82b4d4; } .filter-color-inc .filter-static-color { border-left: solid
3px #5682a3; background-color: #eaeaea; } .filter-color-inc
.filter-active-item { border-left: solid 3px #314d61; background-color:
#5682a3; color: white; } .filter-list.filter-color-inc li:hover
{ border-left: solid 3px #314d61; background-color: #5682a3; color:
white; } .filter-color-red .filter-static-color { border-left: solid 3px
#f15656; background-color: #cd0a0a24; } .filter-color-red
.filter-active-item { border-left: solid 3px #ab0303; background-color:
#f15656; color: white; } .filter-list.filter-color-red li:hover
{ border-left: solid 3px #c12121; background-color: #f15656; color:
white; } .filter-color-gold .filter-static-color { border-left: solid 3px
#FFD700; background-color: #ffd7004d; } .filter-color-gold
.filter-active-item { border-left: solid 3px #967c02; background-color:
#FFD700; color: #333333; } .filter-list.filter-color-gold li:hover
{ border-left: solid 3px #b99902; background-color:
#FFD700; } .filter-color-green .filter-static-color { border-left: solid
3px #489669; background-color: #4f956d4d; } .filter-color-green
.filter-active-item { border-left: solid 3px #025d29; background-color:
#489669; color: white; } .filter-list.filter-color-green li:hover
{ border-left: solid 3px #006d2f; background-color: #4F956D; color:
white; } .filter-color-sea .filter-static-color { border-left: solid 3px
#1EBCF7; background-color: #1ebcf73b; } .filter-color-sea
.filter-active-item { border-left: solid 3px #02749e; background-color:
#1EBCF7; color: white; } .filter-list.filter-color-sea li:hover
{ border-left: solid 3px #007ead; background-color: #1EBCF7; color:
white; } .filter-color-orange .filter-static-color { border-left: solid
3px #F18733; background-color: #f1873340; } .filter-color-orange
.filter-active-item { border-left: solid 3px #8e4811; background-color:
#F18733; color: white; } .filter-list.filter-color-orange li:hover
{ border-left: solid 3px #8e4811; background-color: #F18733; color:
white; } .filter-color-purple .filter-static-color { border-left: solid
3px #980498; background-color: #9804981f; color:
black; } .filter-color-purple .filter-active-item { border-left: solid
3px #150031; background-color: #980498; color:
white; } .filter-list.filter-color-purple li:hover { border-left: solid
3px #150031; background-color: #980498; color:
white; } .filter-color-aqua .filter-static-color { border-left: solid 3px
#00a7a7; background-color: #00a7a73b; } .filter-color-aqua
.filter-active-item { border-left: solid 3px #006969; background-color:
#00a7a7; color: white; } .filter-list.filter-color-aqua li:hover
{ border-left: solid 3px #006969; background-color: #00a7a7; color:
white; } .filter-color-black .filter-static-color { border-left: solid
3px #000000; background-color: #0000001a; } .filter-color-black
.filter-active-item { border-left: solid 3px #7d7d7d; background-color:
#000000; color: white; } .filter-list.filter-color-black li:hover
{ border-left: solid 3px #7d7d7d; background-color: #000000; color:
white; } .filter-color-deeppink .filter-static-color { border-left: solid
3px #FF1493; background-color: #ff149321; } .filter-color-deeppink
.filter-active-item { border-left: solid 3px #860048; background-color:
#FF1493; color: white; } .filter-list.filter-color-deeppink li:hover
{ border-left: solid 3px #860048; background-color: #FF1493; color:
white; } .filter-color-dimgray .filter-static-color { border-left: solid
3px #696969; background-color: #69696929; } .filter-color-dimgray
.filter-active-item { border-left: solid 3px #000000; background-color:
#696969; color: white; } .filter-list.filter-color-dimgray li:hover
{ border-left: solid 3px #000000; background-color: #696969; color:
white; } .filter-color-blue .filter-static-color { border-left: solid 3px
#0000FF; background-color: #0000ff1a; } .filter-color-blue
.filter-active-item { border-left: solid 3px #6565ff; background-color:
#0000FF; color: white; } .filter-list.filter-color-blue li:hover
{ border-left: solid 3px #6565ff; background-color: #0000FF; color:
white; } .filter-color-olive .filter-static-color { border-left: solid
3px #808000; background-color: #8080003d; } .filter-color-olive
.filter-active-item { border-left: solid 3px #504900; background-color:
#808000; color: white; } .filter-list.filter-color-olive li:hover
{ border-left: solid 3px #504900; background-color: #808000; color:
white; } .filter-color-pigeon .filter-static-color { border-left: solid
3px #18486D; background-color: #18486d2b; } .filter-color-pigeon
.filter-active-item { border-left: solid 3px #4083b7; background-color:
#18486D; color: white; } .filter-list.filter-color-pigeon li:hover
{ border-left: solid 3px #4083b7; background-color: #18486D; color:
white; } .filter-use-count { display: flex; justify-content:
center; align-items: center; background-color: #ffffff; color:
black; padding: 2px 4px; border-radius: 2px; font-size:
10px; } .filter-active-item .filter-use-count { background-color:
#1919199e; color: white; } .client-filter-content, .client-filter-footer
{ padding-top: 5px } .client-filter-footer { display:
flex; flex-direction: column; } .client-filter-footer a { cursor:
pointer; padding: 6px 20px; } .filters_fields_block{ width:
100%; margin-bottom: 20px; display: flex; justify-content:
space-between; } .filters_fields_block span{ font-weight: bold; color:
#565656; width: 215px; } .fields_block_list { width:
350px; } /*модальное окно для настроек
фильтров клиентов*/ .modal { width: 700px; display:
none; } .modal .additional-fields-block { display:
flex; justify-content: space-between; flex-wrap: wrap; } .modal
.information-block { display: flex; justify-content:
space-between; flex-wrap: wrap; } .modal .information-block div { width:
160px; } .modal .chooseFullAll-row { display: flex; justify-content:
space-between; } .modal .chooseFullAll-row .chooseFullAll-block
{ display: flex; align-items: center; } .custom-modal-window { display:
none; position: fixed; overflow: auto; width: 100%; height:
100%; background: url(../img/fancybox_overlay.png); z-index:
99998; margin-top: -20px; } .custom-modal-window.active{ display:
flex; align-items: center; justify-content: center; flex-wrap:
wrap; } #modal-window-block { display: block; min-width:
500px; min-height: 400px; background-color: white; position:
relative; overflow: auto; z-index: 99999; border-radius: 0px 0px 3px
3px; } #modal-block-header { background: #5682a3; color: #fff; height:
20px; line-height: 20px; font-size: 13px; padding: 15px
45px; border-radius: 3px 3px 0px 0px; position:
relative; } #modal-block-header a { position: absolute; right:
50px; top: 25px; } #modal-block-header a::before { width: 11px; height:
11px; position: absolute; left: 0; top: 0; right: 0; bottom:
0; margin: auto; content: ''; background: #5682a3 url(../img/sprite.png)
no-repeat 0 0; } .custom-modal-window.active .block-header-title
{ font-size: inherit; margin-left: 0; padding: 0; } .html-custom body
{ overflow: hidden !important; } #modal-block-content { min-height:
300px; max-height: 500px; overflow: auto; padding: 0
45px; } #modal-block-footer { padding: 0 45px; border-top: 1px solid
#d9d9d9; height: 80px; display: flex; justify-content:
flex-start; align-items: center; } .btn-cancel { border: 1px solid
#d4cfcf; background: #f5f2f2; border-radius: 2px; padding: 0px
15px; line-height: 25px; display: inline-block; vertical-align:
top; font-size: 12px; cursor: pointer; color: #333; margin-left:
20px; } .modal-choose-all { display: flex; justify-content:
space-between; padding: 10px 0; } .modal-choose-all.fields
{ padding-top: 50px; } .choose_all_block { display: flex; align-items:
center; } .filters-modal-content{ height: 100%; width:
600px; } .title-block-fields { background: #ECECEC; padding: 5px
10px; margin-bottom: 15px; margin-left: -10px; display:
flex; align-items: center; } .filters-checkbox-block { display:
flex; flex-wrap: wrap; } .fields-block { width: 300px; display:
flex; margin-bottom: 10px; align-items: center; } .fields-block
.block-color { margin-left: 5px; } #modal-content-message { line-height:
35px; padding: 0 10px; color: #0e0e0e; background:
#F3E0D7; padding-left: 45px; } .modal-tabs { display:
flex; } .filter-tab { padding: 4px 12px; width: max-content; cursor:
pointer; } .filter-tab.active { background: #5682a3; color:
white; border-radius: 2px; } .filter-content-header { display:
flex; align-items: center; justify-content: space-between; padding: 10px
30px; background: #f5f5f5; border-bottom: 1px #d9d9d9 solid; position:
absolute; right: 0; left: 0; } /*-модальное окно для
настроек фильтров клиентов*/ .settings-filter
{ margin-left: 214px; } .settings-btn { display: flex; justify-content:
center; } .settings-block-row { margin-bottom: 10px; } .link_blue
{ text-decoration: none !important; color: #008996 !important; cursor:
pointer !important; } .fields_block_users { display: flex; width:
350px; flex-wrap: wrap; } .fields_block_users div { width:
175px; margin-bottom: 5px; } #filtersUsersBlock .filters_fields_block
{ margin-bottom: 15px; border-bottom: 1px solid
#e7e8ec; } .fields_block_list .custom-label { display:
inline-flex; margin-left: 5px; margin-bottom:
5px; } .customDropDownListLabels.bottom-align { right: 147px; top:
20px; } .labels-block-content.filters-settings { position:
relative; } .with-files-block { display: flex; border-top: 1px solid
#e7e8ec; margin-top: 10px; } .with-files-block label { line-height:
18px; } .save-filter-btn { width: 100%; margin: 10px 0px; } .error-text
{ color: #E0342B !important; } .delete-link-block { display:
flex; justify-content: center; margin-top: 10px; } .delete-btn-confirm
{ width: max-content !important; height: max-content; margin-left:
10px; } .delete-cancel-btn { width: max-content; height:
max-content; margin: 0; } .hide-important { display: none
!important; } .filter-header-text { background: #F8F8F8; border-bottom:
1px solid #d9d9d9; padding: 10px 10px; border-top: 1px solid
#d9d9d9; display: flex; align-items: center; margin-top:
15px; margin-bottom: 15px; } /*плашки на странице
клиентов*/ .clients-page-row { border-bottom: 1px #d9d9d9
solid; display: flex; padding: 10px 10px 7px 9px; } .block-left
{ width: 100%; } .block-right { width: 160px; padding-left:
14px; text-align: right; } .block-left-header { width: 100%; display:
flex; } /*.block-left-content { display: flex; flex-wrap: wrap;
color: #707070; }*/ .block-left-content { padding-right: 15px; color:
#707070; padding-left: 23px; } .block-right-content { display:
flex; flex-wrap: nowrap; flex-direction: column; color:
#707070; align-items: flex-end; } .row-item { margin-bottom: 3px;
display: inline; } .row-item-grid { display: grid; } .row-item-step
{ align-items: baseline; } .link-grey { color: #707070
!important; } .ellipsis { overflow: hidden; text-overflow:
ellipsis; white-space: nowrap; } .tooltip:hover
.client-page-tip{ display:
block; } .filter-item-link, .filter-item-link:hover { color:
inherit; text-decoration: none; } .responsible-block { display:
flex; }
Онлайн: 3
Реклама