/* --------------фоторама-------------- */

@import url(fotorama/fotorama.css);

/* базовые шрифты сайта*/
@font-face {

font-family: 'Segoe UI Light';
src: url('font/SegoeUI-Light.eot');
src: url('font/SegoeUI-Light.eot?#iefix') format('embedded-opentype'),
url('font/SegoeUI-Light.woff') format('woff'),
url('font/SegoeUI-Light.ttf') format('truetype');
font-weight: normal;
font-style: normal;

font-family: 'Lato Thin';
src: url('font/Lato-Thin.eot');
src: url('font/Lato-Thin.eot?#iefix') format('embedded-opentype'),
url('font/Lato-Thin.woff') format('woff'),
url('font/Lato-Thin.ttf') format('truetype');
font-weight: normal;
font-style: normal;


font-family: 'Lato Regular';
src: url('font/Lato-Regular.eot');
src: url('font/Lato-Regular.eot?#iefix') format('embedded-opentype'),
url('font/Lato-Regular.woff') format('woff'),
url('font/Lato-Regular.ttf') format('truetype');
font-weight: normal;
font-style: normal;




}

/* базовые параметры */
body {
background: #f2f2f2;
margin-top: 0px;
margin-left: 0px;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size:1.2vw;
line-height: 100%;
color: #000000;
width: 100%;
height: 100%;
}

html{
margin: 0px ;
padding: 0px ;
top: 0;
width: 100%;
height: 100%;
}

a {
color: #000099;
font-weight: 100;
text-decoration: none;
}

a:hover {
/* цвет пункта меню, под движущимся курсором */
color: #00cbff;
}


span {
font-weight: 100;
color: black;
}

.iradio {
  width: 100%;
  height: 50%;
  background-color: blue;
  margin: 0px;
  
}
.iradio.checked {
  background-color: red;
}

/* параметры окна ввода логина и пароля */
.mlogin {
    margin: 170px auto 0;
}


.mregister {
    margin: 80px auto 0;
}

/* сообщение об ошибке при вводе логина и пароля*/
.error {
    margin: 40px auto 0;
    border: 1px solid #777;
    padding: 3px;
    color: #fff;
    text-align: center;
    width: 500px;
    background: #f58220;
}

.regtext {
    font-size: 13px;
    margin-top: 26px;
    color: #777;
}

input[type="text"], textarea[type="text"], select[type="text"] {
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size:1.2vw;
text-align: left;
background: white;
border: 1px solid #d9d9d9;
padding: 0 0.3vw 0 0.3vw;
border-radius: 0.4vw; /*скругление*/



}

input[type="text"]:focus {
border: 1px solid #f58220;
}

/* заголовки ячеек для просмотра */
.th_detail {
font-size: 1.0vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
background: white;
color:#999999;
padding: 0 0.3vw 0 0.3vw;
}

/* ячейки для просмотра */
.td_detail {

text-align: left;
background: white;
border: 1px solid #f2f2f2;
padding: 0 0.3vw 0 0.3vw;
border-radius: 0.4vw; /*скругление*/
line-height: 130%;
white-space: pre-wrap;/*добавляет переносы строк*/
}


/*= CONTAINERS
--------------------------------------------------------*/
.container {
    padding: 25px 16px 25px 10px;
    font-weight: 200;
    overflow: hidden;
    width: 350px;
    height: auto;
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

#welcome {

line-height:0px;
font-size: 0.55vw;



    margin: 0 0 auto auto;
margin-top: 0px;
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,.13);
    box-shadow: 0 1px 3px rgba(0,0,0,.13);
}

.container h1 {
    color: #777;
    text-align: center;
    font-weight: 300;
    border: 1px dashed #777;
    margin-top: 13px;
}

.container label {
    color: #777;
    font-size: 14px;
}	
	.container select {
    background: white;
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
    line-height: 1;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

#login {
    width: 320px;
    margin: auto;
    padding-bottom: 15px;
}

.container form .input,.container input[type=text],.container input[type=password],.container input[type=e] {
    background: #fbfbfb;
    font-size: 24px;
    line-height: 1;
    width: 100%;
    padding: 3px;
    margin: 0 6px 5px 0;
    outline: none;
    border: 1px solid #d9d9d9;
}

.container form .input:focus {
    border: 1px solid #f58220;
    -webkit-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    -moz-box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
    box-shadow: 0 0 3px 0 rgba(245,130,32,0.75);
}






#menu2 {
	font-size:	1.4vw;
	text-align: justify;
}

#menu2 a, #menu2 a:visited {
	display:block;
	float:left;
    position: relative;
	left: 0%;
	height:10%;
	line-height:130%;
	padding-left:0%;
	padding-right:0%;
	color:black;
	text-decoration:none;
	border-radius: 0.3vw; /*скругление*/
}

#menu2 a:hover {
	background-color:#ffffff;/* цвет пункта меню, под движущимся курсором */
}

#menu2 .current2 {
	background-color:#f2f2f2;/* цвет пункта меню, соответствующего текущей странице */
}


/* выравнивание дива с пунктами меню по центру */
.align_center
{
position: relative;
width: 100%;
}
.align_center:after
{
content: '';
display: block;
clear: both;
}
.align_center_to_left
{
position: relative;
right: 50%;
float: right;
}
.align_center_to_right
{
position: relative;
z-index: 1;
right: -50%;
}

/* ячейка таблицы как ссылка */
.link_td
{
display: block;
width: 100%;
height: 100%;
padding: 10% 0%;
text-decoration: none;
}

/* фон ячейки по ее высоте, уменьшая картинку */
.background_td
{
background-position: 50% 50%;
background-size:contain;
background-repeat: no-repeat;
}


/* стили для полей ввода */
.edit_bk {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;

padding: 2% 2% 2% 3%;
background: #fbfbfb;
border: 1px solid #d9d9d9;
overflow: hidden;
}

.edit_bk_select {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;

background: #fbfbfb;
border: 1px solid #d9d9d9;
overflow: hidden;
}


/* стили для ячеек */
.edit_td {
font-size: 1.3vw;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
text-align: left;
height: 100%;
padding: 0.4vw;
overflow: hidden;
margin-left: 10px;
}

/* стили для подложки таблицы */
.table_main {
background: white;
border-spacing: 0.8vw 0.8vw; /*отступ от границ*/
border-radius: 0.4vw; /*скругление*/
box-shadow: 0 0 1.0vw rgba(0,0,0,0.5); /*тень*/
}

/* стили для подложки таблицы */
.table_on {
font-size: 1.0vw;
border-collapse: collapse; /* Убираем двойные линии между ячейками */

}

.table_on tr:hover {


   }



/* стили для домашней таблицы */
.table_home {
width: 95%;

font-size: 2.0vw;
font-weight: 600;


}

/* стили для домашней таблицы */
.home_td {
background: white;
border:5%;
width: 25%;
background-repeat: no-repeat;
background-size: 12vh;
background-position: 95% 0% ;
box-shadow: 0 0 1.0vw rgba(0,0,0,0.5); /*тень*/
vertical-align: bottom;
padding-left:2%;
padding-bottom:2%;
}

/* стили для подложки таблицы */
.table_small {
border-collapse: collapse; /* Убираем двойные линии между ячейками */
line-height: 150%;
}

td[type="table_on"], th[type="table_on"] {
font-size: 1.0vw;
padding: 0.4vw; /* Поля вокруг содержимого таблицы */
border: 1px solid #CCCCCC; /* Параметры рамки */
}

.radio-left, .radio-left span, .radio-center, .radio-center span, .radio-right, .radio-right span, .check-left, .check-left span, .check-center, .check-center span, .check-right, .check-right span   {background:#fff;  display: block; float: left; line-height: 100%; color: black; font-size: 1.3vw;}
.radio-left:hover, .radio-left span:hover, .radio-center:hover, .radio-center span:hover, .radio-right:hover, .radio-right span:hover, .check-left:hover, .check-left span:hover, .check-center:hover, .check-center span:hover, .check-right:hover, .check-right span:hover   { background:#0066FF; color: #fff;}

.radio-left, .check-left {border-radius: 2.0vw 0 0 2.0vw; }
.radio-left span, .check-left span { padding: 0.3vw 0.4vw 0.4vw 0.6vw; border-radius: 2.0vw 0 0 2.0vw; border: 1px solid #d9d9d9;}
.radio-left.selected, .check-left.selected  { background:#0066FF;  }
.radio-left.selected span, .check-left.selected span {background:#0066FF; border-radius: 2.0vw 0 0 2.0vw; color: #fff; }

.radio-center, .check-center   {border-radius: 0 0 0 0; }
.radio-center span, .check-center span { padding: 0.3vw 0.4vw 0.4vw 0.4vw; border-radius: 0 0 0 0; border: 1px solid #d9d9d9;}
.radio-center.selected, .check-center.selected  { background:#0066FF; }
.radio-center.selected span, .check-center.selected span  {background:#0066FF; border-radius: 0 0 0 0; color: #fff; }

.radio-right, .check-right   {border-radius: 0 2.0vw 2.0vw 0;  }
.radio-right span, .check-right span { padding: 0.3vw 0.6vw 0.4vw 0.4vw; border-radius: 0 2.0vw 2.0vw 0; border: 1px solid #d9d9d9; }
.radio-right.selected , .check-right.selected{ background:#0066FF; }
.radio-right.selected span, .check-right.selected span {background:#0066FF; border-radius: 0 2.0vw 2.0vw 0; color: #fff; }


.switch label { cursor: pointer; -moz-user-select: none; -webkit-user-select: none;  }
.switch input { display: none; -moz-user-select: none; -webkit-user-select: none;}


/* стили для таблиц объектов */
.object {
text-align: left;
border-spacing: 0.5vw 0;
background-color: #FFFFFF;
border: 0;
}


/*= BUTTONS
--------------------------------------------------------*/

.button{
border: solid 1px #da7c0c;
border-radius: 2.5vw 2.5vw 2.5vw 2.5vw;
border: 1px solid #d9d9d9;
background: #0066FF;
line-height: 100%;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size: 1.1vw;
font-weight:bold;
color: #fff;
padding: 0.5vw 1.5vw 0.7vw 1.5vw;
float: right;
cursor: pointer;
text-decoration: none;
}


.button2{
border: solid 1px #da7c0c;
border-radius: 2.5vw 2.5vw 2.5vw 2.5vw;
border: 1px solid #d9d9d9;
background: #fff;
line-height: 100%;
font-family: 'Lato Regular','Segoe UI Light', 'Lato Thin',  'Helvetica', 'sans-serif';
font-size: 1.1vw;
font-weight:bold;
color: #0066FF;
padding: 0.5vw 1.5vw 0.7vw 1.5vw;
float: right;
cursor: pointer;
text-decoration: none;
}


.button:hover{
background: #0033FF;
color: #fff;
}

.button2:hover{
background: #0066FF;
color: #fff;
}
/* --------------фоторама-------------- */


#fotorama_center {
padding: 1% 1% 1% 1%;
width: 100%;
margin: 0 auto;
}

@media only screen and (min-width:478px) and (max-width:598px){
#fotorama_center {padding:0;}
}  

@media only screen and (min-width:316px) and (max-width:477px){
#fotorama_center {padding:0;}
} 

.foto_place {
width: 28%;
height: 30%;
float: left;
margin-top: 0px;
}

.clear {
clear: left; /* Отмена обтекания */
}



/* всплывающее окно*/


.window {
    position:absolute;
    display:none;
    }  
    
 .top {
    position:absolute;
    right:0;
    top:0; 
    padding: 0.5vw 1vw 1vw 1vw;
    }
    
.close {
    float:right;
    }
    
    
/* меню объекта */

input[type="checkbox"] {
		display: none;}
label {cursor: pointer;}

.nav {user-select: none;}

.nav__showmenu {
    position: relative;
    z-index: 3;
    display: inline-block;
    margin-left: -10px;
    padding: 5px 10px 10px;
    top: 2px;
    font-size: 23px;
}



.menu, .menu__submenu{
    list-style: none;
    padding: 0;
    color: #fff;
    overflow: hidden;
  }

.menu {
    position: fixed;
    top: 0;
    bottom: 1;
    left: 0;
    display: block;
    width: 320px;
    margin: 0;
    padding: 17px 0;
    text-transform: uppercase;
    line-height: 2em;
    background-color: #2c2c2c;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transform: translateX(-100%);
    transition: transform .3s;
    will-change: transform;
    backface-visibility: hidden;
}

.menu__submenu {
    font-size: .8em;
    background-color: #ddd;
    max-height: 0;
    transition: max-height .3s ease-in-out;
}

.menu__showsub {
    position: absolute;
    right: 0;
    margin-top: -34px;
    padding: 10px;
    line-height: normal;
}

.menu__item {  
    display: block;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

.menu__submenu .menu__item {color: #000;}


}

.menu__item:hover,.nav__showmenu:hover,.menu__showsub:hover {opacity: 0.7;}
.menu::-webkit-scrollbar {display: none;}
.nav__check:checked+.nav__showmenu {color:#fff;}
.menu__check:checked~.menu__submenu {max-height: 100vh;}
.menu__check:checked+.menu__showsub {transform: rotate(180deg);}
.nav__check:checked~.menu {transform: translateX(0);}  

    

/* --------------общая шапка CRM-------------- */

.okcrm-body {
	min-height: 100%;
	background: #f4f6f9;
	min-width: 100%;
}

.okcrm-header {
	width: 100%;
	background: #ffffff;
	border-collapse: separate;
	border-spacing: 0;
	border-bottom: 1px solid #dde6ef;
	box-shadow: 0 1px 5px rgba(15, 23, 42, 0.07);
	position: sticky;
	top: 0;
	z-index: 50;
}

.okcrm-header td {
	vertical-align: middle;
}

.okcrm-header-logo-cell {
	padding: 0;
	width: 15%;
}

.okcrm-header-user {
	width: 10%;
	padding: 0;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 100;
	line-height: 1.35;
	color: #273746;
	white-space: nowrap;
}

.okcrm-header-user span {
	color: #66788a;
}

.okcrm-user-link {
	color: #1c5f9e;
	text-decoration: none;
}

.okcrm-logout {
	color: #8a97a5;
	text-decoration: none;
}

.okcrm-header-logo,
.okcrm-header-photo {
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.okcrm-header-photo-cell.background_td,
.okcrm-header-logo.background_td,
.okcrm-brand.okcrm-header-logo {
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}

.okcrm-brand {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	color: #123f73;
	text-decoration: none;
	padding: 10% 0%;
	box-sizing: border-box;
}

.okcrm-brand-text {
	display: none;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 18px;
	font-weight: 700;
	letter-spacing: 0;
	color: #123f73;
}

.okcrm-nav {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	gap: 5px;
	padding: 0 3px;
}

#menu2.okcrm-nav {
	font-size: 1.4vw;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	text-align: center;
}

#menu2.okcrm-nav a,
#menu2.okcrm-nav a:visited {
	float: none;
	left: auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 4px;
	height: 10%;
	min-width: 2.4vw;
	line-height: 130%;
	padding: 0 0.35vw;
	border-radius: 0.3vw;
	color: #1f3448;
	background: transparent;
	text-decoration: none;
	box-sizing: border-box;
	transition: background-color .15s ease, color .15s ease, box-shadow .15s ease;
}

#menu2.okcrm-nav a:hover {
	background: #edf6ff;
	color: #075ba8;
	text-decoration: none;
}

#menu2.okcrm-nav .current2 {
	background: #dff0ff;
	color: #075ba8;
	box-shadow: inset 0 0 0 1px #b7daf7;
}

#menu2.okcrm-nav .fa {
	font-size: 1.5em;
	line-height: 1;
	color: inherit;
}

.okcrm-nav-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.1vw;
	height: 1.1vw;
	padding: 0 0.25vw;
	border-radius: 999px;
	background: #ff7a00;
	color: #ffffff;
	font: 700 0.7vw 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
}

.okcrm-header .okcrm-header-photo-cell {
	width: 5%;
	padding: 0;
	text-align: center;
	background-size: contain !important;
	background-position: center !important;
	background-repeat: no-repeat !important;
}

/* --------------страница объектов в работе-------------- */

.okcrm-objects-page {
	width: 100%;
	margin: 0 auto;
	padding: 0.5vw;
	box-sizing: border-box;
	color: #1f2933;
}

.okcrm-table-scroll {
	width: 100%;
	overflow-x: visible;
	background: #ffffff;
	border: 1px solid #dde3ea;
	border-radius: 0.4vw;
	box-shadow: 0 0 0.8vw rgba(15, 23, 42, 0.12);
}

.okcrm-objects-page .table_main {
	width: 100% !important;
	background: transparent !important;
	border: 0 !important;
	border-spacing: 0.8vw 0.8vw;
}

.okcrm-objects-page .table_on {
	width: 100%;
	min-width: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 100;
	table-layout: auto;
	color: #273746;
}

.okcrm-objects-page .table_on thead th,
.okcrm-objects-page .table_on thead td {
	position: sticky;
	top: 0;
	z-index: 5;
	background: #f8fbfe;
	color: #273746;
	border: 0;
	border-bottom: 1px solid #d7e3ef;
	padding: 0.4vw;
	white-space: nowrap;
	font-weight: 700;
}

.okcrm-objects-page .table_on td[type="table_on"],
.okcrm-objects-page .table_on th[type="table_on"] {
	font-size: 1.0vw;
	padding: 0.4vw;
	border: 1px solid #d7e3ef;
	vertical-align: middle;
	line-height: 130%;
}

.okcrm-objects-page .table_on tbody tr:hover td {
	background-image: linear-gradient(rgba(237, 246, 255, 0.55), rgba(237, 246, 255, 0.55));
}

.okcrm-objects-page .okcrm-row--published td {
	background-color: #f7fbff;
}

.okcrm-objects-page .okcrm-row--partial td {
	background-color: #eef7ff;
}

.okcrm-objects-page .okcrm-row--draft td {
	background-color: #f8fafc;
}

.okcrm-objects-page .okcrm-row--notify td {
	background-color: #e8f2ff;
	box-shadow: inset 0.25vw 0 0 #1473c9;
}

.okcrm-objects-page .okcrm-cell--watch {
	background-color: #eaf6ff !important;
	color: #075ba8;
}

.okcrm-objects-page .okcrm-cell--attention {
	background-color: #dff0ff !important;
	color: #064f8d;
	box-shadow: inset 0 0 0 1px #8fc3ee;
}

.okcrm-objects-page .table_on a {
	color: #1266b0;
	text-decoration: none;
}

.okcrm-objects-page .table_on a:hover {
	text-decoration: underline;
}

.okcrm-objects-page .table_on .fa {
	font-size: 1em;
	line-height: 1;
}

.okcrm-objects-page .okcrm-video-link {
	color: #0b73c8;
}

.okcrm-objects-page .okcrm-accent,
.okcrm-objects-page .okcrm-warning-link {
	color: #075ba8;
	font-weight: 700;
}

.okcrm-objects-page .okcrm-warning-link:hover {
	color: #004b8d;
}

.okcrm-objects-page .okcrm-status-positive {
	color: #0875be;
	font-weight: 700;
}

.okcrm-objects-page .okcrm-status-alert {
	color: #0a5f9f;
	font-weight: 700;
}

.okcrm-objects-page a.okcrm-status-alert:hover,
.okcrm-objects-page a.okcrm-status-positive:hover {
	color: #004b8d;
}

.okcrm-objects-page .okcrm-status-count {
	color: #075ba8;
	font-size: 1.15em;
	font-weight: 700;
	line-height: 1;
}

.okcrm-objects-page .okcrm-comment-cell {
	border-right: 0;
}

.okcrm-objects-page .okcrm-comment-action {
	border-left: 0;
	padding: 0;
}

.okcrm-objects-page .table_on th:nth-child(1),
.okcrm-objects-page .table_on td:nth-child(1) {
	width: 3%;
}

.okcrm-objects-page .table_on th:nth-child(2),
.okcrm-objects-page .table_on td:nth-child(2) {
	width: 5%;
}

.okcrm-objects-page .table_on th:nth-child(4),
.okcrm-objects-page .table_on td:nth-child(4),
.okcrm-objects-page .table_on th:nth-child(5),
.okcrm-objects-page .table_on td:nth-child(5) {
	width: 8%;
}

.okcrm-objects-page .table_on th:nth-child(7),
.okcrm-objects-page .table_on td:nth-child(7) {
	width: 14%;
}

.okcrm-objects-page .table_on th:nth-child(15),
.okcrm-objects-page .table_on td:nth-child(15) {
	width: 18%;
	text-align: left;
}

#dialog_note {
	padding: 1vw 3vw 1vw 1vw;
	background-color: #ffffff;
}

.okcrm-note-dialog {
	background: #f2f2f2;
	padding: 0.5vw;
}

.window {
	border: 1px solid #cdd6df;
	border-radius: 8px;
	box-shadow: 0 14px 34px rgba(15, 23, 42, 0.18);
}

#note2_common {
	width: min(520px, 78vw);
	box-sizing: border-box;
	border: 1px solid #cdd6df;
	border-radius: 6px;
	padding: 8px;
	font: 14px Arial, sans-serif;
}

.pagination {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 6px;
	margin: 14px 0 26px;
	font: 14px Arial, sans-serif;
}

.pagination a,
.pagination b {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 34px;
	height: 34px;
	padding: 0 10px;
	border-radius: 7px;
	border: 1px solid #cdd6df;
	background: #ffffff;
	color: #1f2933;
	text-decoration: none;
	box-sizing: border-box;
}

.pagination b {
	background: #dff0ff;
	border-color: #b7daf7;
	color: #075ba8;
}

/* --------------база всех объектов-------------- */

.okcrm-all-objects-page {
	width: 100%;
	margin: 0 auto;
	padding: 0.5vw;
	box-sizing: border-box;
	color: #1f2933;
}

.okcrm-all-objects-toolbar {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 0.8vw;
	width: 98%;
	margin: 0.4vw auto 0.6vw;
}

.okcrm-all-objects-search,
.okcrm-all-objects-filter {
	width: 42%;
	min-width: 24vw;
	box-sizing: border-box;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	line-height: 130%;
	padding: 0.45vw 0.7vw;
	border: 1px solid #cddbe8;
	border-radius: 0.4vw;
	background: #ffffff;
	color: #1f2933;
	outline: none;
	box-shadow: 0 0 0.4vw rgba(15, 23, 42, 0.06);
}

.okcrm-all-objects-filter {
	width: 15%;
	min-width: 10vw;
	padding-right: 0.4vw;
	cursor: pointer;
}

.okcrm-all-objects-search:focus,
.okcrm-all-objects-filter:focus {
	border-color: #8fc3ee;
	box-shadow: 0 0 0 0.18vw rgba(20, 115, 201, 0.16);
}

.okcrm-all-objects-counter {
	color: #66788a;
	font-size: 1.0vw;
	white-space: nowrap;
}

.okcrm-all-objects-shell {
	width: 98% !important;
	background: #ffffff;
	border: 1px solid #dde3ea;
	border-radius: 0.4vw;
	border-spacing: 0;
	box-shadow: 0 0 0.8vw rgba(15, 23, 42, 0.12);
}

.okcrm-all-objects-table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	color: #273746;
}

.okcrm-all-objects-table thead th {
	position: sticky;
	top: 0;
	z-index: 5;
	background: #f8fbfe;
	color: #273746;
	border-bottom: 1px solid #d7e3ef;
	font-weight: 700;
	white-space: nowrap;
}

.okcrm-all-objects-table th[type="table_on"],
.okcrm-all-objects-table td[type="table_on"] {
	font-size: 1.0vw;
	line-height: 130%;
	padding: 0.38vw;
	border: 1px solid #d7e3ef;
	vertical-align: middle;
}

.okcrm-all-objects-table tbody tr:nth-child(even) td {
	background: #f8fbfe;
}

.okcrm-all-objects-table tbody tr:hover td {
	background: #edf6ff;
}

.okcrm-all-objects-table a {
	color: #1266b0;
	text-decoration: none;
}

.okcrm-all-objects-table a:hover {
	color: #004b8d;
	text-decoration: underline;
}

.okcrm-all-objects-table .fa {
	font-size: 1em;
	line-height: 1;
}

.okcrm-all-objects-page .okcrm-status-alert {
	color: #0a5f9f;
	font-weight: 700;
}

.okcrm-call-event-page {
	box-sizing: border-box;
	width: 100%;
	padding: 0.8vw 1vw 1.4vw;
	color: #1f2933;
}

.okcrm-call-event-page *,
.okcrm-call-event-page *::before,
.okcrm-call-event-page *::after {
	box-sizing: border-box;
}

.okcrm-call-event-shell {
	width: 100%;
	margin: 0;
}

.okcrm-call-event-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vw;
	margin-bottom: 0.8vw;
	padding: 0.75vw 0.9vw;
	background: #ffffff;
	border: 1px solid #dde6ee;
	border-radius: 0.45vw;
	box-shadow: 0 0.2vw 0.8vw rgba(28, 42, 56, 0.08);
}

.okcrm-call-event-kicker {
	margin-bottom: 0.2vw;
	color: #66788a;
	font-size: 0.8vw;
	line-height: 1.2;
}

.okcrm-call-event-head h1 {
	margin: 0;
	color: #162331;
	font-size: 1.45vw;
	line-height: 1.1;
	font-weight: 700;
}

.okcrm-call-event-phone {
	display: flex;
	align-items: center;
	gap: 0.75vw;
	white-space: nowrap;
	font-size: 1.05vw;
}

.okcrm-call-event-phone a {
	color: #0468c8;
	font-weight: 700;
}

.okcrm-call-event-phone span {
	display: inline-flex;
	gap: 0.55vw;
}

.okcrm-call-event-phone .fa {
	font-size: 1.25em;
	color: #0468c8;
}

.okcrm-call-event-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.8vw;
	align-items: stretch;
	margin-bottom: 0.8vw;
}

.okcrm-call-event-card {
	background: #ffffff;
	border: 1px solid #dde6ee;
	border-radius: 0.45vw;
	box-shadow: 0 0.2vw 0.8vw rgba(28, 42, 56, 0.08);
}

.okcrm-call-event-card--form,
.okcrm-call-event-history {
	padding: 0.85vw;
}

.okcrm-call-event-card-title {
	margin-bottom: 0.7vw;
	color: #162331;
	font-size: 1vw;
	line-height: 1.2;
	font-weight: 700;
}

.okcrm-call-event-fields {
	display: grid;
	grid-template-columns: minmax(18vw, 1fr) 11vw 14vw;
	gap: 0.65vw;
	align-items: end;
}

.okcrm-call-event-fields--edit {
	grid-template-columns: minmax(18vw, 1fr) 11vw 14vw 11vw;
}

.okcrm-call-event-fields--edit .okcrm-call-event-field--comment {
	grid-column: span 3;
}

.okcrm-call-event-field {
	display: flex;
	flex-direction: column;
	gap: 0.25vw;
	min-width: 0;
}

.okcrm-call-event-field span {
	color: #66788a;
	font-size: 0.82vw;
	line-height: 1.15;
}

.okcrm-call-event-field input[type="text"],
.okcrm-call-event-field select,
.okcrm-call-event-page .select2-container--default .select2-selection--single {
	width: 100% !important;
	min-height: 2.25vw;
	border: 1px solid #cfdbe6;
	border-radius: 0.38vw;
	background: #ffffff;
	color: #162331;
	font-size: 1vw;
	line-height: 1.25;
}

.okcrm-call-event-field input[type="text"],
.okcrm-call-event-field select {
	padding: 0.35vw 0.55vw;
}

.okcrm-call-event-field input[type="text"]:focus,
.okcrm-call-event-field select:focus {
	border-color: #0468c8;
	outline: none;
	box-shadow: 0 0 0 0.16vw rgba(4, 104, 200, 0.12);
}

.okcrm-call-event-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding-left: 0.55vw;
	padding-right: 1.8vw;
	color: #162331;
	font-size: 1vw;
	line-height: 2.2vw;
}

.okcrm-call-event-page .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.2vw;
}

.okcrm-call-event-actions {
	display: flex;
	justify-content: flex-end;
	gap: 0.6vw;
	margin-top: 0.75vw;
}

.okcrm-call-event-actions .button {
	float: none;
}

.okcrm-call-event-actions .button2 {
	float: none;
}

.okcrm-call-event-actions--split {
	justify-content: flex-end;
}

.okcrm-button-danger {
	background: #d33a2c;
}

.okcrm-button-danger:hover {
	background: #b9271c;
}

.okcrm-call-event-detail-list {
	display: grid;
	grid-template-columns: 8vw minmax(0, 1fr);
	gap: 0.48vw 0.75vw;
	margin: 0;
	font-size: 1vw;
	line-height: 1.3;
}

.okcrm-call-event-detail-list dt {
	margin: 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-call-event-detail-list dd {
	margin: 0;
	min-width: 0;
	color: #162331;
}

.okcrm-call-event-detail-list a {
	color: #0468c8;
	font-weight: 700;
}

.okcrm-call-event-history {
	overflow: hidden;
}

.okcrm-call-event-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	font-size: 0.92vw;
	line-height: 1.25;
}

.okcrm-call-event-table th,
.okcrm-call-event-table td {
	padding: 0.45vw 0.5vw;
	border-bottom: 1px solid #e5edf3;
	text-align: left;
	vertical-align: middle;
}

.okcrm-call-event-table th {
	color: #66788a;
	background: #f7fafc;
	font-weight: 700;
}

.okcrm-call-event-table tbody tr:hover td {
	background: #f8fbff;
}

.okcrm-call-event-table th:nth-child(1),
.okcrm-call-event-table td:nth-child(1) {
	width: 3.2vw;
	text-align: center;
}

.okcrm-call-event-table th:nth-child(2),
.okcrm-call-event-table td:nth-child(2) {
	width: 18vw;
}

.okcrm-call-event-table th:nth-child(3),
.okcrm-call-event-table td:nth-child(3) {
	width: 11vw;
}

.okcrm-call-event-table th:nth-child(4),
.okcrm-call-event-table td:nth-child(4),
.okcrm-call-event-table th:nth-child(5),
.okcrm-call-event-table td:nth-child(5) {
	width: 8vw;
	white-space: nowrap;
}

.okcrm-call-event-muted {
	color: #66788a;
	font-size: 0.86em;
}

.okcrm-call-event-table .plyr {
	min-width: 18vw;
}

.okcrm-advertised-page {
	padding: 1.1vw;
	background: #eef4f8;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 0.94vw;
	line-height: 1.28;
	min-height: calc(100vh - 4vw);
	box-sizing: border-box;
}

.okcrm-advertised-page *,
.okcrm-advertised-page *::before,
.okcrm-advertised-page *::after {
	box-sizing: border-box;
}

.okcrm-advertised-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vw;
	margin-bottom: 0.9vw;
}

.okcrm-advertised-head h1 {
	margin: 0;
	font-size: 1.55vw;
	line-height: 1.05;
	letter-spacing: 0;
}

.okcrm-advertised-head p {
	margin: 0.35vw 0 0;
	color: #66788a;
}

.okcrm-advertised-total {
	min-width: 5vw;
	padding: 0.55vw 0.8vw;
	border-radius: 0.45vw;
	background: #0468c8;
	color: #fff;
	font-size: 1.65vw;
	font-weight: 800;
	text-align: center;
}

.okcrm-advertised-counters {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 0.65vw;
	margin-bottom: 0.85vw;
}

.okcrm-advertised-counters a,
.okcrm-advertised-counters a:visited {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.6vw;
	padding: 0.72vw 0.85vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	text-decoration: none;
	box-shadow: 0 0.12vw 0.35vw rgba(34, 48, 64, 0.06);
}

.okcrm-advertised-counters a.is-active {
	border-color: #0468c8;
	box-shadow: 0 0 0 0.12vw rgba(4, 104, 200, 0.14);
}

.okcrm-advertised-counters span {
	color: #66788a;
	font-weight: 700;
}

.okcrm-advertised-counters b {
	font-size: 1.18vw;
}

.okcrm-advertised-grid {
	display: grid;
	grid-template-columns: 2fr 1fr;
	gap: 0.85vw;
	margin-bottom: 0.85vw;
}

.okcrm-advertised-card {
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
	overflow: hidden;
}

.okcrm-advertised-card-title {
	padding: 0.75vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	font-weight: 800;
}

.okcrm-advertised-help {
	padding: 0.75vw 0.85vw;
	color: #44586b;
}

.okcrm-advertised-help p {
	margin: 0 0 0.6vw;
}

.okcrm-advertised-help p:last-child {
	margin-bottom: 0;
}

.okcrm-advertised-summary,
.okcrm-advertised-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.okcrm-advertised-summary th,
.okcrm-advertised-summary td,
.okcrm-advertised-table th,
.okcrm-advertised-table td {
	padding: 0.55vw 0.65vw;
	border-bottom: 1px solid #e6eef4;
	text-align: left;
	vertical-align: middle;
}

.okcrm-advertised-summary th,
.okcrm-advertised-table th {
	background: #f7fafc;
	color: #66788a;
	font-weight: 800;
}

.okcrm-advertised-summary tbody tr:hover td,
.okcrm-advertised-table tbody tr:hover td {
	background: #f8fbff;
}

.okcrm-advertised-toolbar {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.8vw;
	border-bottom: 1px solid #e6eef4;
}

.okcrm-advertised-toolbar .okcrm-advertised-card-title {
	border-bottom: 0;
}

.okcrm-advertised-toolbar input {
	width: 24vw;
	margin-right: 0.85vw;
	padding: 0.48vw 0.65vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	font: inherit;
}

.okcrm-advertised-table a {
	color: #0468c8;
	font-weight: 800;
}

.okcrm-advertised-table span {
	color: #66788a;
}

.okcrm-advertised-badges {
	display: flex;
	flex-wrap: wrap;
	gap: 0.25vw;
}

.okcrm-advertised-badges span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.35vw;
	height: 1.25vw;
	border-radius: 0.25vw;
	background: #e8f2fc;
	color: #0468c8;
	font-size: 0.78vw;
	font-weight: 800;
}

.okcrm-advertised-status-ok {
	color: #1b7f47;
	font-weight: 800;
}

.okcrm-advertised-status-warn {
	color: #c24b32;
	font-weight: 800;
}

.okcrm-advertised-table th:nth-child(1),
.okcrm-advertised-table td:nth-child(1) {
	width: 4.5vw;
}

.okcrm-advertised-table th:nth-child(2),
.okcrm-advertised-table td:nth-child(2) {
	width: 25vw;
}

.okcrm-advertised-table th:nth-child(5),
.okcrm-advertised-table td:nth-child(5),
.okcrm-advertised-table th:nth-child(7),
.okcrm-advertised-table td:nth-child(7),
.okcrm-advertised-table th:nth-child(8),
.okcrm-advertised-table td:nth-child(8) {
	width: 8vw;
}

.okcrm-worker-edit-page {
	padding: 1vw;
	background: #eef4f8;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 0.94vw;
	min-height: calc(100vh - 4vw);
	box-sizing: border-box;
}

.okcrm-worker-edit-page *,
.okcrm-worker-edit-page *::before,
.okcrm-worker-edit-page *::after {
	box-sizing: border-box;
}

.okcrm-worker-edit-shell {
	width: 100%;
	margin: 0 auto;
}

.okcrm-worker-edit-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vw;
	margin-bottom: 0.9vw;
}

.okcrm-worker-edit-head h1 {
	margin: 0;
	font-size: 1.45vw;
	line-height: 1.08;
	letter-spacing: 0;
}

.okcrm-worker-edit-head p {
	margin: 0.3vw 0 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-worker-edit-form {
	display: grid;
	grid-template-columns: minmax(26vw, 0.85fr) minmax(36vw, 1.15fr);
	gap: 0.85vw;
	align-items: start;
}

.okcrm-worker-view-grid {
	display: grid;
	grid-template-columns: minmax(31vw, 0.9fr) minmax(37vw, 1.1fr);
	gap: 0.85vw;
	align-items: start;
}

.okcrm-worker-edit-card {
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
	overflow: hidden;
}

.okcrm-worker-edit-card-title {
	padding: 0.75vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	background: #fff;
	color: #162331;
	font-weight: 800;
}

.okcrm-worker-edit-rights-note {
	padding: 0.55vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	background: #f7fafc;
	color: #66788a;
	font-size: 0.86vw;
	line-height: 1.25;
}

.okcrm-worker-view-profile {
	display: grid;
	grid-template-columns: 6.6vw 1fr;
	gap: 0.85vw;
	align-items: center;
	padding: 0.85vw;
	border-bottom: 1px solid #e6eef4;
}

.okcrm-worker-view-photo {
	width: 6.6vw;
	aspect-ratio: 1 / 1;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background-color: #eef4f8;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}

.okcrm-worker-view-name {
	color: #162331;
	font-size: 1.15vw;
	font-weight: 800;
	line-height: 1.16;
}

.okcrm-worker-view-position {
	margin-top: 0.24vw;
	color: #66788a;
	font-weight: 700;
}

.okcrm-worker-view-status {
	display: inline-flex;
	align-items: center;
	margin-top: 0.5vw;
	padding: 0.18vw 0.45vw;
	border-radius: 0.28vw;
	font-weight: 800;
	line-height: 1.15;
}

.okcrm-worker-view-status.is-active {
	background: #e7f7ee;
	color: #1b7f47;
}

.okcrm-worker-view-status.is-inactive {
	background: #fff1ec;
	color: #c24b32;
}

.okcrm-worker-photo-form {
	display: flex;
	align-items: center;
	gap: 0.55vw;
	padding: 0.75vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	background: #fbfdff;
}

.okcrm-worker-photo-form input[type="file"] {
	flex: 1;
	min-width: 0;
	font: inherit;
}

.okcrm-worker-edit-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.okcrm-worker-edit-page .edit_td {
	width: 42%;
	padding: 0.48vw 0.65vw;
	border-bottom: 1px solid #e6eef4;
	color: #66788a;
	font-weight: 700;
}

.okcrm-worker-edit-page td {
	padding: 0.38vw 0.55vw;
	border-bottom: 1px solid #e6eef4;
	vertical-align: middle;
}

.okcrm-worker-edit-section {
	background: #f7fafc;
	color: #162331 !important;
}

.okcrm-worker-edit-page input[type="text"],
.okcrm-worker-edit-page input[type="password"],
.okcrm-worker-edit-page select {
	width: 100%;
	min-height: 2vw;
	padding: 0.35vw 0.5vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	font: inherit;
}

.okcrm-worker-edit-page input[type="text"]:focus,
.okcrm-worker-edit-page input[type="password"]:focus,
.okcrm-worker-edit-page select:focus {
	border-color: #0468c8;
	outline: none;
	box-shadow: 0 0 0 0.12vw rgba(4, 104, 200, 0.14);
}

.okcrm-worker-edit-page input[type="radio"],
.okcrm-worker-edit-page input[type="checkbox"] {
	vertical-align: middle;
}

.okcrm-worker-date-selects {
	display: grid;
	grid-template-columns: 1fr 1fr 1.4fr;
	gap: 0.35vw;
}

.okcrm-worker-edit-actions {
	grid-column: 1 / -1;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	gap: 0.6vw;
	padding: 0.75vw 0;
}

.okcrm-worker-edit-actions .button,
.okcrm-worker-edit-actions .button2 {
	min-width: 8vw;
	text-align: center;
}

.okcrm-client-detail-page {
	padding: 1vw;
	background: #eef4f8;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 0.96vw;
	min-height: calc(100vh - 4vw);
	box-sizing: border-box;
}

.okcrm-client-detail-page *,
.okcrm-client-detail-page *::before,
.okcrm-client-detail-page *::after {
	box-sizing: border-box;
}

.okcrm-client-detail-shell {
	width: 100%;
	margin: 0 auto;
}

.okcrm-client-detail-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 1vw;
	margin-bottom: 0.85vw;
}

.okcrm-client-detail-head h1 {
	margin: 0;
	color: #162331;
	font-size: 1.38vw;
	line-height: 1.08;
	letter-spacing: 0;
}

.okcrm-client-detail-head p {
	margin: 0.25vw 0 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-client-detail-head-actions {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.45vw;
}

.okcrm-client-detail-grid {
	display: grid;
	grid-template-columns: minmax(30vw, 0.85fr) minmax(42vw, 1.15fr);
	gap: 0.85vw;
	align-items: start;
}

.okcrm-client-detail-column {
	display: grid;
	gap: 0.85vw;
	align-content: start;
}

.okcrm-client-detail-card {
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
	overflow: hidden;
}

.okcrm-client-detail-card-title {
	padding: 0.7vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	background: #fff;
	color: #162331;
	font-weight: 800;
}

.okcrm-client-detail-fields {
	display: grid;
}

.okcrm-client-detail-field {
	display: grid;
	grid-template-columns: 34% 1fr;
	gap: 0.55vw;
	padding: 0.48vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	align-items: start;
}

.okcrm-client-detail-label {
	color: #66788a;
	font-size: 0.84vw;
	font-weight: 700;
	line-height: 1.2;
}

.okcrm-client-detail-value {
	color: #162331;
	font-size: 1vw;
	font-weight: 700;
	line-height: 1.28;
	word-break: break-word;
}

.okcrm-client-detail-text {
	padding: 0.75vw 0.85vw;
	color: #162331;
	font-weight: 700;
	line-height: 1.35;
}

.okcrm-client-detail-actions {
	display: grid;
	gap: 0.52vw;
	padding: 0.75vw 0.85vw;
}

.okcrm-client-detail-actions form {
	display: grid;
	grid-template-columns: 8.5vw minmax(18vw, 1fr) auto;
	gap: 0.55vw;
	align-items: center;
	padding-bottom: 0.65vw;
	border-bottom: 1px solid #e6eef4;
}

.okcrm-client-detail-actions input[type="file"] {
	width: 100%;
	font: inherit;
}

.okcrm-client-detail-actions a,
.okcrm-client-detail-list-row a,
.okcrm-client-detail-calls-table a {
	color: #0468c8;
	text-decoration: none;
	font-weight: 800;
}

.okcrm-client-detail-actions a:hover,
.okcrm-client-detail-list-row a:hover,
.okcrm-client-detail-calls-table a:hover {
	color: #034f98;
	text-decoration: underline;
}

.okcrm-client-detail-list {
	display: grid;
}

.okcrm-client-detail-list-row {
	padding: 0.62vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	color: #162331;
	font-weight: 700;
	line-height: 1.35;
}

.okcrm-client-detail-list-row span {
	color: #66788a;
	font-weight: 700;
}

.okcrm-client-detail-list-total {
	padding: 0.72vw 0.85vw;
	background: #f7fafc;
	font-weight: 700;
}

.okcrm-client-detail-calls {
	margin-top: 0.85vw;
}

.okcrm-client-detail-calls-table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
	background: #fff;
}

.okcrm-client-detail-calls-table th {
	padding: 0.55vw;
	border-bottom: 1px solid #d8e3eb;
	background: #f7fafc;
	color: #66788a;
	text-align: left;
	font-weight: 800;
}

.okcrm-client-detail-calls-table td {
	padding: 0.45vw 0.55vw;
	border-bottom: 1px solid #e6eef4;
	vertical-align: middle;
	color: #162331;
	font-weight: 700;
}

.okcrm-client-detail-calls-table audio {
	width: 100%;
	min-width: 15vw;
}

.okcrm-client-detail-calls-table th:nth-child(1),
.okcrm-client-detail-calls-table td:nth-child(1) {
	width: 3vw;
	text-align: center;
}

.okcrm-client-detail-calls-table th:nth-child(5),
.okcrm-client-detail-calls-table td:nth-child(5),
.okcrm-client-detail-calls-table th:nth-child(6),
.okcrm-client-detail-calls-table td:nth-child(6),
.okcrm-client-detail-calls-table th:nth-child(7),
.okcrm-client-detail-calls-table td:nth-child(7),
.okcrm-client-detail-calls-table th:nth-child(8),
.okcrm-client-detail-calls-table td:nth-child(8) {
	width: 7.5vw;
}

.okcrm-client-detail-calls-table th:nth-child(9),
.okcrm-client-detail-calls-table td:nth-child(9) {
	width: 23vw;
}

.okcrm-client-detail-pager {
	display: flex;
	flex-wrap: wrap;
	gap: 0.35vw;
	padding: 0.75vw 0.85vw;
	background: #f7fafc;
}

.okcrm-client-detail-pager a,
.okcrm-client-detail-pager span {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 1.8vw;
	height: 1.8vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.3vw;
	background: #fff;
	color: #0468c8;
	text-decoration: none;
	font-weight: 800;
}

.okcrm-client-detail-pager span {
	border-color: #0468c8;
	background: #0468c8;
	color: #fff;
}

/* Страницы добавления и редактирования клиента */
.okcrm-client-add-page,
.okcrm-client-edit-page {
	min-width: 100vw;
	padding: 0.85vw;
	background: #f4f7fa;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	line-height: 1.25;
	box-sizing: border-box;
}

.okcrm-client-add-page *,
.okcrm-client-edit-page *,
.okcrm-client-add-page *::before,
.okcrm-client-edit-page *::before,
.okcrm-client-add-page *::after,
.okcrm-client-edit-page *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.okcrm-client-add-shell,
.okcrm-client-edit-shell {
	width: 100%;
	display: grid;
	gap: 0.85vw;
}

.okcrm-client-add-head,
.okcrm-client-edit-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 3.4vw;
	padding: 0.75vw 0.9vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
}

.okcrm-client-add-head h1,
.okcrm-client-edit-head h1 {
	margin: 0;
	color: #162331;
	font-size: 1.38vw;
	line-height: 1.08;
	font-weight: 800;
}

.okcrm-client-add-head p,
.okcrm-client-edit-head p {
	margin: 0.25vw 0 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-client-add-title,
.okcrm-client-add-result-title,
.okcrm-client-add-alert,
.okcrm-client-edit-note {
	padding: 0.7vw 0.85vw;
	color: #162331;
	font-weight: 800;
}

.okcrm-client-add-alert {
	margin-bottom: 0.5vw;
	border: 1px solid #ffd6a3;
	border-radius: 0.45vw;
	background: #fff8ed;
	color: #8a5200;
}

.okcrm-client-add-match {
	margin: 0.45vw 0;
	padding: 0.65vw 0.75vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #f7fafc;
	color: #162331;
	font-weight: 700;
}

.okcrm-client-add-page .table_main,
.okcrm-client-edit-page .table_main {
	width: 100%;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
	border-spacing: 0;
	overflow: hidden;
}

.okcrm-client-add-page .table_main > tbody > tr > td,
.okcrm-client-edit-page .table_main > tbody > tr > td {
	padding: 0.75vw;
}

.okcrm-client-edit-page .object {
	width: 100%;
	margin: 0 0 0.75vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	border-spacing: 0;
	background: #fff;
	overflow: hidden;
}

.okcrm-client-edit-page .object th {
	padding: 0.48vw 0.55vw;
	border-bottom: 1px solid #e6eef4;
	background: #f7fafc;
	color: #66788a;
	font-size: 0.92vw;
	line-height: 1.15;
	text-align: left;
	font-weight: 800;
	white-space: normal;
}

.okcrm-client-edit-page .object td,
.okcrm-client-add-page .table_main td {
	padding: 0.48vw 0.55vw;
	color: #162331;
	vertical-align: middle;
	font-size: 1.02vw;
	font-weight: 700;
}

.okcrm-client-add-page input[type="text"],
.okcrm-client-edit-page input[type="text"],
.okcrm-client-edit-page textarea,
.okcrm-client-edit-page select,
.okcrm-client-add-page .edit_bk {
	height: 2.15vw;
	min-height: 2.15vw;
	max-width: 100%;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.32vw 0.45vw;
	outline: none;
}

.okcrm-client-edit-page textarea {
	width: 100%;
	height: auto;
	min-height: 2.4vw;
	resize: vertical;
}

.okcrm-client-add-page input[type="text"]:focus,
.okcrm-client-edit-page input[type="text"]:focus,
.okcrm-client-edit-page textarea:focus,
.okcrm-client-edit-page select:focus {
	border-color: #0468c8;
	box-shadow: 0 0 0 0.12vw rgba(4, 104, 200, 0.14);
}

.okcrm-client-edit-page .select2-container,
.okcrm-client-add-page .select2-container {
	width: 100% !important;
	max-width: 100%;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
}

.okcrm-client-edit-page .select2-container--default .select2-selection--single {
	height: 2.15vw;
	min-height: 2.15vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
}

.okcrm-client-edit-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0.32vw 2vw 0.32vw 0.45vw;
	color: #162331;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.45vw;
}

.okcrm-client-edit-page .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.15vw;
}

.okcrm-client-edit-page .select2-container--open .select2-dropdown--below {
	margin-top: -2.15vw;
	border-color: #0468c8;
	border-radius: 0.35vw;
	box-shadow: 0 0.2vw 0.7vw rgba(34, 48, 64, 0.14);
	overflow: hidden;
}

.okcrm-client-edit-page .select2-search--dropdown {
	padding: 0;
	background: #fff;
}

.okcrm-client-edit-page .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 2.15vw;
	border: 0;
	border-bottom: 1px solid #d8e3eb;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.32vw 0.45vw;
	outline: none;
}

.okcrm-client-edit-page .select2-results__option {
	padding: 0.45vw 0.55vw;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.25;
}

.okcrm-client-add-actions,
.okcrm-client-edit-actions {
	display: flex;
	justify-content: flex-end;
	padding-top: 0.5vw;
}

/* Строка добавления вида сделки/запроса */
.okcrm-request-deal-form {
	display: grid;
	grid-template-columns: minmax(14vw, 1fr) minmax(14vw, 1fr) max-content;
	align-items: end;
	gap: 0.7vw;
}

.okcrm-request-deal-form .okcrm-client-edit-card-title {
	padding: 0 0.2vw 0.18vw 0;
	white-space: nowrap;
}

.okcrm-request-deal-form .okcrm-client-edit-field {
	display: grid;
	gap: 0.28vw;
}

.okcrm-request-deal-form .okcrm-client-edit-field label {
	display: block;
	color: #66788a;
	font-weight: 800;
	line-height: 1.1;
}

.okcrm-request-deal-form .okcrm-client-edit-actions {
	padding-top: 0;
}

.okcrm-client-add-page .button,
.okcrm-client-edit-page .button,
.okcrm-client-add-page .button2,
.okcrm-client-edit-page .button2 {
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 2.1vw;
	border-radius: 1.5vw;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 800;
	padding: 0.45vw 1.25vw;
}

/* Страницы поиска */
.okcrm-search-page {
	min-width: 100vw;
	padding: 0.85vw;
	background: #f4f7fa;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	line-height: 1.25;
	box-sizing: border-box;
}

.okcrm-search-page *,
.okcrm-search-page *::before,
.okcrm-search-page *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.okcrm-search-shell {
	width: 100%;
	display: grid;
	gap: 0.85vw;
}

.okcrm-search-shell--narrow {
	max-width: 60vw;
	margin: 0 auto;
}

.okcrm-search-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	min-height: 3.4vw;
	padding: 0.75vw 0.9vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
}

.okcrm-search-head h1 {
	margin: 0;
	color: #162331;
	font-size: 1.38vw;
	line-height: 1.08;
	font-weight: 800;
}

.okcrm-search-head p {
	margin: 0.25vw 0 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-search-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.85vw;
	align-items: start;
}

.okcrm-search-card {
	display: grid;
	gap: 0.7vw;
	padding: 0.85vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
}

.okcrm-search-card-title {
	display: flex;
	align-items: center;
	gap: 0.45vw;
	color: #162331;
	font-size: 1.06vw;
	font-weight: 800;
}

.okcrm-search-card-title .fa {
	color: #0468c8;
	font-size: 1.15em;
}

.okcrm-search-field {
	display: grid;
	gap: 0.28vw;
}

.okcrm-search-field label {
	color: #66788a;
	font-size: 0.86vw;
	font-weight: 800;
}

.okcrm-search-form {
	display: grid;
	gap: 0.7vw;
}

.okcrm-search-page select,
.okcrm-search-page input[type="text"],
.okcrm-search-page .select2-container--default .select2-selection--single {
	width: 100% !important;
	height: 2.15vw;
	min-height: 2.15vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.2;
}

.okcrm-search-page .select2-container {
	width: 100% !important;
	max-width: 100%;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
}

.okcrm-search-page .select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0.32vw 2vw 0.32vw 0.45vw;
	color: #162331;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.45vw;
}

.okcrm-search-page .select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 2.15vw;
}

.okcrm-search-page .select2-container--open .select2-dropdown--below {
	margin-top: -2.15vw;
	border-color: #0468c8;
	border-radius: 0.35vw;
	box-shadow: 0 0.2vw 0.7vw rgba(34, 48, 64, 0.14);
	overflow: hidden;
}

.okcrm-search-page .select2-search--dropdown {
	padding: 0;
	background: #fff;
}

.okcrm-search-page .select2-container--default .select2-search--dropdown .select2-search__field {
	height: 2.15vw;
	border: 0;
	border-bottom: 1px solid #d8e3eb;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.2;
	padding: 0.32vw 0.45vw;
	outline: none;
}

.okcrm-search-page .select2-results__option {
	padding: 0.45vw 0.55vw;
	font-size: 1.0vw;
	font-weight: 700;
	line-height: 1.25;
}

.okcrm-search-action.is-hidden {
	display: none;
}

.okcrm-search-page .button,
.okcrm-search-page .button2 {
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4vw;
	min-height: 2.1vw;
	border-radius: 1.5vw;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1.0vw;
	font-weight: 800;
	padding: 0.45vw 1.25vw;
}

/* Страница сделок */
.okcrm-deal-page {
	min-width: 100vw;
	padding: 0.85vw;
	background: #f4f7fa;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 0.96vw;
	line-height: 1.25;
	box-sizing: border-box;
}

.okcrm-deal-page *,
.okcrm-deal-page *::before,
.okcrm-deal-page *::after {
	box-sizing: border-box;
	letter-spacing: 0;
}

.okcrm-deal-shell {
	display: grid;
	gap: 0.85vw;
	width: 100%;
}

.okcrm-deal-head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 0.85vw;
	min-height: 3.4vw;
	padding: 0.75vw 0.9vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
}

.okcrm-deal-head h1 {
	margin: 0;
	color: #162331;
	font-size: 1.38vw;
	line-height: 1.08;
	font-weight: 800;
}

.okcrm-deal-head p {
	margin: 0.25vw 0 0;
	color: #66788a;
	font-weight: 700;
}

.okcrm-deal-total {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	gap: 0.45vw;
}

.okcrm-deal-total span {
	display: inline-flex;
	align-items: center;
	min-height: 1.8vw;
	padding: 0.25vw 0.55vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.35vw;
	background: #f7fafc;
	color: #66788a;
	font-weight: 800;
}

.okcrm-deal-total b {
	margin-left: 0.3vw;
	color: #162331;
}

.okcrm-deal-filter {
	display: grid;
	grid-template-columns: 10vw minmax(18vw, 1fr) minmax(16vw, 0.8fr) auto;
	gap: 0.65vw;
	align-items: end;
	padding: 0.85vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
}

.okcrm-deal-filter label {
	display: grid;
	gap: 0.25vw;
	min-width: 0;
}

.okcrm-deal-filter label span {
	color: #66788a;
	font-size: 0.86vw;
	font-weight: 800;
}

.okcrm-deal-filter select {
	width: 100%;
	height: 2.15vw;
	border: 1px solid #cbd8e3;
	border-radius: 0.35vw;
	background: #fff;
	color: #162331;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1vw;
	font-weight: 700;
	padding: 0.32vw 0.45vw;
	outline: none;
}

.okcrm-deal-filter select:focus {
	border-color: #0468c8;
	box-shadow: 0 0 0 0.12vw rgba(4, 104, 200, 0.14);
}

.okcrm-deal-grid {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	gap: 0.85vw;
	align-items: start;
}

.okcrm-deal-card {
	border: 1px solid #d8e3eb;
	border-radius: 0.45vw;
	background: #fff;
	box-shadow: 0 0.12vw 0.4vw rgba(34, 48, 64, 0.06);
	overflow: hidden;
}

.okcrm-deal-card-title {
	padding: 0.7vw 0.85vw;
	border-bottom: 1px solid #e6eef4;
	background: #fff;
	color: #162331;
	font-size: 1.02vw;
	font-weight: 800;
}

.okcrm-deal-summary,
.okcrm-deal-realtors,
.okcrm-deal-list {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

.okcrm-deal-summary th,
.okcrm-deal-summary td,
.okcrm-deal-realtors th,
.okcrm-deal-realtors td,
.okcrm-deal-list th,
.okcrm-deal-list td {
	padding: 0.48vw 0.55vw;
	border-bottom: 1px solid #e6eef4;
	color: #162331;
	text-align: left;
	vertical-align: top;
	font-weight: 700;
	line-height: 1.25;
}

.okcrm-deal-summary th,
.okcrm-deal-summary td {
	padding: 0.42vw 0.35vw;
	font-size: 0.88vw;
	white-space: nowrap;
}

.okcrm-deal-summary th,
.okcrm-deal-realtors th,
.okcrm-deal-list th {
	background: #f7fafc;
	color: #66788a;
	font-weight: 800;
}

.okcrm-deal-summary td:not(:first-child),
.okcrm-deal-summary th:not(:first-child),
.okcrm-deal-realtors td:not(:first-child),
.okcrm-deal-realtors th:not(:first-child),
.okcrm-deal-list td:nth-child(1),
.okcrm-deal-list th:nth-child(1),
.okcrm-deal-list td:nth-child(2),
.okcrm-deal-list th:nth-child(2),
.okcrm-deal-list td:nth-child(6),
.okcrm-deal-list th:nth-child(6) {
	text-align: right;
}

.okcrm-deal-summary tbody tr:nth-child(2) td,
.okcrm-deal-realtors tbody tr:hover td,
.okcrm-deal-list tbody tr:hover td {
	background: #f7fbff;
}

.okcrm-deal-page a {
	color: #0468c8;
	text-decoration: none;
	font-weight: 800;
}

.okcrm-deal-page a:hover {
	color: #034f98;
	text-decoration: underline;
}

.okcrm-deal-page span {
	color: #66788a;
	font-weight: 700;
}

.okcrm-deal-list th:nth-child(1),
.okcrm-deal-list td:nth-child(1) {
	width: 4vw;
}

.okcrm-deal-list th:nth-child(2),
.okcrm-deal-list td:nth-child(2),
.okcrm-deal-list th:nth-child(6),
.okcrm-deal-list td:nth-child(6) {
	width: 7vw;
}

.okcrm-deal-list th:nth-child(3),
.okcrm-deal-list td:nth-child(3),
.okcrm-deal-list th:nth-child(5),
.okcrm-deal-list td:nth-child(5) {
	width: 10vw;
}

.okcrm-deal-page .button,
.okcrm-deal-page .button2 {
	float: none;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 0.4vw;
	min-height: 2.1vw;
	border-radius: 1.5vw;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 1vw;
	font-weight: 800;
	padding: 0.45vw 1.25vw;
}

/* Страница сортировки фото объекта */
.okcrm-foto-toolbar {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 0.45vw;
	margin-bottom: 0.65vw;
}

.okcrm-foto-status,
.okcrm-foto-save-label {
	display: inline-flex;
	align-items: center;
	min-height: 1.8vw;
	padding: 0.25vw 0.55vw;
	border: 1px solid #d8e3eb;
	border-radius: 0.35vw;
	background: #f7fafc;
	color: #66788a;
	font-family: 'Lato Regular','Segoe UI Light','Helvetica',sans-serif;
	font-size: 0.95vw;
	font-weight: 800;
}

.okcrm-foto-status b {
	margin-left: 0.3vw;
	color: #162331;
}

.okcrm-foto-save-label {
	color: #1b7f47;
	background: #e7f7ee;
	border-color: #ccebd8;
}

.rfm-page {
    width: 96%;
    max-width: 1280px;
    margin: 24px auto;
}

.rfm-page h1 {
    margin: 0 0 18px;
    font-size: 28px;
    font-weight: 700;
    color: #1f2933;
}

.rfm-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
}

.rfm-actions .button {
    float: none;
    width: auto;
    min-width: 0;
    margin: 0;
}

.rfm-dashboard {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
    gap: 12px;
    margin-bottom: 22px;
}

.rfm-card {
    display: block;
    min-height: 92px;
    box-sizing: border-box;
    padding: 16px;
    border: 1px solid #d7e2ea;
    border-radius: 8px;
    background: #fff;
    color: #1f2933;
    text-decoration: none;
}

.rfm-card span {
    display: block;
    margin-bottom: 10px;
    color: #607080;
    font-size: 14px;
}

.rfm-card b {
    display: block;
    font-size: 26px;
    line-height: 1.2;
}

.rfm-card-alert b {
    color: #b91c1c;
}

.rfm-table {
    width: 100%;
    background: #fff;
}

.rfm-table th,
.rfm-table td {
    padding: 8px 10px;
    text-align: left;
}