@charset "utf-8";
/* ALL.css - включается в /ALL.php */

/*

background - #4f5a6e
background:hover - #353e52
border - #2f3b4f


table border: #aaa;
other borders: #b4b4b4;
grey hover light: #dbdbdb;

major biruz pb: #3a9ccc
dark biruz: #136d99;

бордовый тонкий шрифт - #aa0d0d;

шрифты:
open для цифр
Consolas для дат и для цифр с font-weight bold;

дата:
.pprek > tbody > tr > td.date{
	font-family: Consolas;
	font-size: 13px;
	color: #333;
}
*/




/* ========== RESET ========== */
html, body, div, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, select, textarea, input  {
	color: #000;
	font-family: open, Calibri, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 13px; 
	text-align: left;
		
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	
	-webkit-font-smoothing: antialiased;
	
	 /* 
	 https://stackoverflow.com/questions/11045451/white-flash-blink-on-hover-with-chrome 
	 	Без этого белый шрифт слегка моргает если присмотреться - особенно видно на шрифте маленького размера.
	 */
	-webkit-backface-visibility: hidden;	
}
b{
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
}

h1{
	font-family: Tahoma;
	font-size: 24px;
	font-weight: bold;
}
h2{
	font-family: Tahoma;
	font-size: 20px;
	font-weight: bold;
}
h3{
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
}

	
/* ОСНОВНЫЕ БЛОКИ */
html, body{
	margin: 0;
    padding: 0;
	height: 100%;
}
body{
	border: 0px solid #aaa;
	
	width: 100%;
	height: 600px; /* без этого в /vp.php снизу будет отступ из-за поднятия .middle_block и .sub вверх */
	box-sizing: border-box;
	/*
	position: relative;
	top: -300px;
	left: 0px;
	z-index: -2;
	*/
	overflow-Y: auto;
	background-color: #D4D4D4;
}
body > .wrapper{
	height: auto;
}

a{
	color: #00058A;
}
a:visited{
	color: #7E158A;
}
a.none{
	text-decoration: none;
}
ul{
	list-style-position: inside;
}
table{
	border-collapse: collapse;
	width: 100%;
}
th{
	color: #444;
	padding: 5px;
	background-color: #BFBFBF;
	border: 1px solid #aaa;
	font-weight: bold;
	text-align: center;
	font-size: 14px;
	font-family: Calibri;
	cursor: default;
	
}
th.header{
	padding: 2px 5px;
}
th label{
	color: #444;
	font-weight: bold;
	font-size: 14px;
	font-family: Calibri;
}
td{
	background-color: transparent; /* #e4e4e4; но поставил transparent т.к. таблиц для разметки намного больше чем таблиц с контентом где нужно #e4e4e4 */
	padding: 5px;
}
table.normal > tbody > tr > td{
	border: 1px solid #aaa;
	background-color: #e4e4e4;
}
th.divin{ /* когда внутри ячейки нужно помечтить див с высотой 100% - для абсолютного позиционирования например */
	background: url('/alex/images/icons/divin_biruz.png') no-repeat, #BFBFBF;
	background-size: 3px;
	background-position: 100% 0px;
}
td.divin{
	background: url('/alex/images/icons/divin_biruz.png') no-repeat, #e4e4e4;
	background-size: 3px;
	background-position: 100% 0px;
}
tr.odd_tbl_unread table.decision > tbody > tr > td.divin{
	background: url('/alex/images/icons/divin_biruz.png') no-repeat, #c0c8d5;
	background-size: 3px;
	background-position: 100% 0px;
}
td.divin1{
	background: url('/alex/images/icons/divin_biruz.png') no-repeat;
	background-size: 3px;
	background-position: 100% 0px;
}
th.divin.no{  /* класс когда установлена настройка не показывать подсказки ВАЖНО - использовать только для этого */
	background: #bebebe;
}
td.divin.no{
	background: e4e4e4;
}
.divin{
	background: url('/alex/images/icons/divin_biruz.png') no-repeat;
	background-size: 3px;
	background-position: 100% 0px;
}
.divin_b{
	background: url('/alex/images/icons/divin_biruz_b.png') no-repeat;
	background-size: 3px;
	background-position: 0px 100%;
}

td.sort,
th.sort{
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
td.sort:hover{
	background: #ececec;
}

.round_div{
	border: 1px solid #ccc;
	border-radius:15px;
	padding: 10px;
	overflow:hidden;
}
.pure_html{
	display: block;
	position: fixed;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
	overflow: hidden;
}
.code{
	background-color: #BDBDBD;
	display: inline-block;
	padding: 3px;
	border-radius: 5px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 2px;
	margin-bottom: 2px;
	
	text-indent: 0px;
}

/* ТЕКСТОВЫЕ ЭЛЕМЕНТЫ */
input, textarea, select{
	border: 1px solid #ccc;
	font-size: 13px;
	padding-bottom: 2px;
	
	border-color: #a6a6a6 #d3d1d1 #d3d1d1 #a6a6a6;
	color: #444; /* немного светлее потому что фон светлее */
	
	border-radius: 6px;
	
	box-sizing: border-box;
	resize: none;
}
input.numeric{
	font-family: Consolas;
	font-size: 14px;
}
input.datee{
	font-family: Consolas;
	font-size: 13px;
}
textarea[readonly],
input[readonly]{
	background-color: #e6e6e6;
}
input.bad_range{
	border: 1px solid #E35656;
}
input, select{
	width: 150px;
	background: #f5f5f5;
	padding: 1px 5px;
	padding-bottom: 2px;
	outline: none;
	
	height: 25px;
}
input[type='text']{
	box-sizing: border-box;
}
input[type='text'].cons,
input[type='text'].cons_sm{
	padding-top: 2px;
}
input[type='radio']{
	cursor: pointer;
	width: auto;
	height: auto;
	padding: 0px;
}
@-moz-document url-prefix(){
	input.cal{
		padding-bottom: 0px;
	}
}
input[type='checkbox']{
	width: 15px;
	height: 10px; /* не менять иначе при отмечании галочки она будет дергаться */
	cursor: pointer;
	padding: 0px;
} 
input[type='checkbox'].sm{
	width: 10px;
	height: 10px;
}
@-moz-document url-prefix(){
	input[type='checkbox'].sm{
		-moz-transform: scale(0.8);
		transform: scale(0.8);
	}
}
textarea{
	background: #f5f5f5;
	border-radius: 10px;
	padding: 5px;
	
	width: 100%;
	height: 280px;
}
label{
	cursor: pointer;
}







/*========== HELPERS ==========*/
/*=== WRAP ===*/
/* Если нужно один элемент position: absolute а все остальное выровнять vertical-align:middle то */
.wrap2,
.wrap1,
.wrap{
	/* border: 0px solid blue !important; */
	
	position: relative;
	width: 100%;
	height: auto; /* здесь это специально чтобы всегда помнить, что .wrap не встает на всю высоту ячейки в других браузерах, поэтому если это нужно то использовать новый вариант вместо него */
	display: inline-block;
	word-wrap: break-word;
	overflow: hidden;
}
.wrap.wauto{
	width: auto;
}
.wrap2.vis,
.wrap1.vis,
.wrap.vis{
	overflow: visible;
}

/*
СТАРАЯ СИСТЕМА (.wrap не встает на всю высоту ячейки):
<td>
	<pse class='wrap break_space'>
		<pse class='smth_absolute'>
			position: absolute;
		</pse>
		<pse class='cont_wrap'>
			<pse class='cont'>
				здесь vertical-align:middle
			</pse>
		</pse>
	</pse>
</td>
*/
.wrap .cont_wrap{	
	display: table;
	width: 100% !important;
	height: 100% !important;
}
.wrap .cont_wrap .cont{
	display: table-cell;
	vertical-align: middle;
	position: relative;
}
/* CАМАЯ НОВАЯ СИСТЕМА - универсальный вариант под все браузеры, единственный небольшим минусом данной системы есть то, что 
vertical-align middle нужно заменить на calc(50% - (h/2)px) т.е. нужно знать высоту контента(!) ячейки которая выравнивается по центру - но это почти всегда одна строка 
шрифтом 14px - можно позже допилить js-ом. 
Ключевым здесь является задание высоты строки и таблицы 100%, если это будет мешать можна обернуть таблицу в inline-block - https://davidwalsh.name/table-cell-position-absolute
Старые "wrap" были заменены на "rrap wrap" - оставил "wrap" чтобы не было накладок в js и в css
<table class='rrap_tbl'>
	<tr>
		<td>
			<pse class='rrap'>
				<pse class='smth_absolute'>
					position: absolute;
				</pse>
				
				<pse class='cont_middle'>
					здесь vertical-align:middle
				</pse>
			</pse>
		</td>
	</tr>
</tr>
*/
.rrap_tbl{
	height: 1px; /* раньше было 100% - после обновления Chrome до v.63 - работает только это - также работает в Opera */
}
.rrap_tbl > tbody > tr{
	height: 100%;
}
.rrap{	
	/* border: 1px solid red !important; */ /* всегда закоментировать после нужных изменений */
	
	display: inline-block;
	position: relative;
	
	/* не добавлять сюда padding и не убирать его из ячейки в которой находится .rrap т.к. это вызывало проблемы в старой Opere */
	width: 100%;
	height: 100%;
	
	word-wrap: break-word;
	overflow: hidden;
}
.rrap.vis{
	overflow: visible;
}
.rrap.wauto{
	width: auto;
}
.rrap.hauto{
	height: auto;
}
.rrap .cont_middle{
	border: 0px solid green;
	
	display: inline-block;
	position: relative; /* не ставить здесь absolute иначе ячейка будет схлопываться */
	width: 100%;
	height: auto;
	top: calc(50% - 6px);
	
	text-align: center;
}
.rrap.left .cont_middle{
	text-align: left;
}
.rrap.no_pos .cont_middle{
	top: auto;
}

/* BREAK */
.break_all{
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all; 
	overflow-wrap: break-word;
}
.break_space{
	white-space: normal;
}
.headr{
	display: inline-block;
	width: 100%;
	margin-bottom: 10px;
	
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.headr.big{
	font-size: 18px;
}
.trans{
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.relative{ 
	position: relative; 
}

.absolute{ 
	position: absolute; 
}

.bold{
	font-weight:bold !important;
	font-family: Calibri;
	font-size: 14px;
}
b1,
.bold1{
	font-weight:bold !important;
}
.calibri{
	font-family: Calibri !important;
}

.rel{positon: relative;}

.medium{ font-size: 13px; }
.sm{ font-size: 12px; }

.ma{ margin: 0px auto; }

.default{ cursor:default !important; }
.pointer{ cursor:pointer !important; }
.help{ cursor:help !important; }

.f_right { float: right; }
.f_left{ float: left; }

.clear{ display: block; clear: both; } /* display нужен чтобы работал <span class='clear'></span>*/
.c_right{ display: block; clear: right; }
.c_left{ display: block; clear: left; }

.ib{ display: inline-block; }

.hide{display: none; }
.hide_if_not_admin,
.hide_if_not_adm,
.self_send_hide,
.hide_imp,
.hide_imp1{ /* hide_imp1 - для того когда нужно скрыть что то что может быть раскрыто через js->show[] - добавление надстройки на старый код */
	display: none !important;
}
.hidden {visibility: hidden !important;}

.a_left{text-align:left !important;}
.a_right{text-align:right !important;}
.a_center{text-align:center !important;}

.w100{ width:100% !important; }
.w50{ width:50% !important; }
.w25{ width:25% !important; }

.h100{ height:100% !important; }
.h50{ height:50% !important; }
.h25{ height:25% !important; }

.b0{ border-width:0px !important; }
.m0{ margin: 0px !important; }
.p0{ padding: 0px !important; }

.b1{ border: 1px solid #aaa !important; }

.btop0{ border-top-width:0px !important; }
.mtop0{ margin-top: 0px !important; }
.ptop0{ padding-top: 0px !important; }

.btop10{ border-top-width: 10px !important; }
.mtop10{ margin-top: 10px !important; }
.ptop10{ padding-top: 10px !important; }


.bbottom0{ border-bottom-width: 0px !important; }
.mbottom0{ margin-bottom: 0px !important; }
.pbottom0{ padding-bottom: 0px !important; }

.mbottom5{ margin-bottom: 5px !important; }
.pbottom5{ padding-bottom: 5px !important; }

.mbottom10{ margin-bottom: 10px !important; }
.pbottom10{ padding-bottom: 10px !important; }

.bleft0{ border-left-width: 0px !important; }
.mleft0{ margin-left: 0px !important; }
.pleft0{ padding-left: 0px !important; }

.bright0{ border-right-width: 0px !important; }
.mright0{ margin-right: 0px !important; }
.pright0{ padding-right: 0px !important; }

.mright3{ margin-right: 3px !important; }
.pright3{ padding-right: 3px !important; }

.mright5{ margin-right: 5px !important; }
.pright5{ padding-right: 5px !important; }

.mleft5{ margin-left: 5px !important; }
.pleft5{ padding-left: 5px !important; }

.mleft10{ margin-left: 10px !important; }
.pleft10{ padding-left: 10px !important; }

.mleft20{ margin-left: 20px !important; }
.pleft20{ padding-left: 20px !important; }

.mright10{ margin-right: 10px !important; }
.pright10{ padding-right: 10px !important; }

.mright15{ margin-right: 15px !important; }
.pright15{ padding-right: 15px !important; }

.mright20{ margin-right: 20px !important; }
.pright20{ padding-right: 20px !important; }

.mleft20{ margin-left: 20px !important; }
.pleft20{ padding-left: 20px !important; }

.btrans{ background: transparent none; }

.va_top{ vertical-align:top !important; }
.va_middle{ vertical-align:middle !important; }
.va_bottom{ vertical-align:bottom !important; }

.green{ color: #1b7e0a; }
.red{ color: #df202e; }
.orange{ color: #AB6C00; }
.one_p{ width: 1px; }
/* имя автора подчеркнутое в заголовке mfp */
.under_name{
	display: inline-block;
	border: 1px solid #555;
	border-width: 0px;
	border-bottom-width: 1px;
}
/* open */
.open{
	font-family: open, Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}
/* Consolas */
.cons,
.consolas{ /* это шрифт по умолчанию в php->nvis[] */
	font-family: Consolas, Helvetica, Arial, sans-serif !important;
	font-size: 14px !important;
}
.cons_sm,
.cons.sm,
.consolas.sm{ /* это .small в php->nvis[] */
	font-family: Consolas, Helvetica, Arial, sans-serif !important;
	font-size: 13px !important;
}
.arial{
	font-family: Arial;
}
/* ячейка с нестандартными padding */
.p7{
	padding-left: 7px !important;
	padding-right: 7px  !important;
}
.pt6{
	padding-top: 6px  !important;
}
.pb6{
	padding-bottom: 6px !important;
}
.hyphen1px{
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
}
.nowrap{
	white-space: nowrap;
}
/* pse для определения реальной ширины .selectric */
.cut_p_label{
	position: fixed;
	visibility: hidden;
	top: 0px;
	left: 0px;
	display: inline-block;
	overflow: visible;
	white-space: nowrap;
}
/* пробел */
.space{
	font-family: Calibri;
	font-size: 13px;
}
sp1{
	display: inline-block;
	width: 1px;
}
sp2{
	display: inline-block;
	width: 2px;
}
sp3,
sp{
	display: inline-block;
	width: 3px;
}
sp4{
	display: inline-block;
	width: 4px;
}
sp5{
	display: inline-block;
	width: 5px;
}
sp6{
	display: inline-block;
	width: 6px;
}
/* тэг для переноса строки в блоках с font-family: Consolas; */
iii{
	display: inline-block;
	width: 0px;
}
/* зачеркнутый текст */
.line-through{
	text-decoration: line-through !important;
}
/* красивое отображение цифр */
.nvis_int{
	font-family: Consolas;
	font-size: 14px;
}
.nvis_int.sm,
.nvis_int.small{
	font-size: 13px;
}
.nvis_int.big{
	font-size: 16px;
}
.nvis_dec{
	font-family: Consolas;
	font-size: 12px;
}
.nvis_dec.sm,
.nvis_dec.small{
	font-size: 11px;
}
.nvis_dec.big{
	font-size: 13px;
}
.nvis_space{
	font-family: Calibri;
	font-size: 13px;
}
.nvis_plus,
.nvis_plus .nvis_int,
.nvis_plus .nvis_dec{
	color: #52007D !important; /* зеленый херово видно */
}
.nvis_minus,
.nvis_minus .nvis_int,
.nvis_minus .nvis_dec{
	color: #B80040 !important;
}
/* цифровая ячейка */
td.cons_td{
	font-family: Consolas;
	font-size: 14px;
}
td.cons_sm .icon-cursor{
	font-size: 11px;
	top: 2px;
}
td.cons_sm .subs_icon{
	top: 0px;
	width: 17px;
	height: 9px;
}
input.cons_inp{
	font-family: Consolas;
	font-size: 14px !important;
}
/* стрелка-квадрат */
.arrow_square{
	display: inline-block;
	position: absolute;
	width: 10px;
	height: 10px;
	border: 1px solid #aaa;
	border-right-width: 0px;
	border-bottom-width: 0px;
	background-color: #e4e4e4;
	
	-webkit-transform: rotate(45deg); /* не удалять - это по умолчагнию */
	transform: rotate(45deg);
}
.arrow_square.top{
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow_square.right{
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
.arrow_square.bottom{
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.arrow_square.left{
	-webkit-transform: rotate(305deg);
	transform: rotate(315deg);
}

.arrow_square.dashed{
	border-style: dashed;
	border-color: #999999;
}
/* УНИВЕРСАЛЬНЫЕ КВАДРАТНЫЕ ВКЛАДКИ */
/* при добавлении новых вкладок - брать пример с переключения Письма/Базы т.к. */
.standard_nav{
	table-layout: fixed;
}
.standard_nav > tbody > tr > td.work{
	border: 1px solid #aaa;
	border-right-width: 0px;
	background-color: #c3c3c3;
	
	height: 21px;
	
	color: #555;
	cursor: pointer;
	text-align: center;
	white-space: nowrap;
	text-shadow: 1px 1px 0px #c3c3c3;
}
.standard_nav > tbody > tr > td.work.selected,
.standard_nav > tbody > tr > td.work.last_td{
	border-right-width: 1px;
}
.standard_nav > tbody > tr > td.work.selected{
	background-color: #d4d4d4;
	border-bottom-width: 0px;
	
	color: #000;
	text-shadow: 1px 1px 0px #d4d4d4;
}
.standard_nav > tbody > tr > td.side{
	border-width: 0px;
	border-bottom: 1px solid #aaa;
	
	min-width: 15%;
}
/* NO_SELECT */
.no_select{
   cursor: default;
   -webkit-user-select: none;
   -webkit-touch-callout: none;
   -khtml-user-select: none;
   -moz-user-select: none;
   -ms-user-select: none;
   -o-user-select: none;
}
.no_select:focus {
   outline: none;
}

/* ========== ПЛАГИНЫ ========== */
/* SELECTRIC
//Как стайлить селектрик
.selectricWrapper .selectric{ //высота селекта
	height: 20px;
}
.selectricWrapper .selectricWrapper{ //ширина селекта
	width: 200px;
}
.selectricWrapper .selectricItems,
.selectricWrapper .selectricScroll{ // размеры окна прокрутки с опциями
	max-width: 400px !important; //макс ширину нужно указывать только если expanD в js->selectricf[]  == true. Иначе ширина будет такая же как у .selectricWrapper
	max-height: 400px;
}
*/
/* check_mark */
.selectricItems li:after {
	content: "";
	display: inline-block;
	position: absolute;
	z-index: 3;
	top: 0;
	right: 0px;
	width: 30px;
	
	height: 100%;
	
	border: 0px solid #fff;
	
	background-image: url('/alex/images/icons/icon_check_mark.png');
	background-repeat: no-repeat;
	background-size: 13px 10px;
	background-position: 10px 7px;

	opacity: 0;
	
	-webkit-transition: .0s;
	transition: .0s;
}
@-moz-document url-prefix(){
	.selectricItems li:after {
		background-image: url('/alex/images/icons/icon_check_mark.png');
		background-repeat: no-repeat;
		background-size: 12px 10px;
		background-position: 10px 7px;
	}
}
.selectricItems li.selected:after {
  opacity: 0.6;
}
/**/
.selectricWrapper{
	height: 25px;
}
.selectricWrapper .selectric{
	height: 100%;
	box-sizing: border-box;
}
.selectricWrapper .selectric p.label{ /* чтобы селект не разтягивался на ширину опции (при длинных опциях) - на 35px меньше  ширины .selectricWrapper */
	width: calc(100% - 35px) !important; 
	overflow: hidden; 
	position: relative;
	top: 0px;
}
.selectricWrapper .selectricScroll li{ /* это чтобы в options селекта помещались полные названия опций */
	white-space: normal !important;
	word-wrap: break-word !important;
	word-break: break-all !important; 
	overflow-wrap: break-word !important;
}
.selectricWrapper .selectricScroll li.selected{
	color: #000;
	background-color: #B5B5B5;
}
.selectricWrapper.small{
	height: 23px;
}
.selectricWrapper.small .selectric p.label{
	top: -1px;
}

/* CHECKBOXIC */
.cbw{ /* !!Важно - иначе в дивах с прокруткой чекбоксы не работают так как абсолютно позиционированны  */
	position: relative;
	display: inline-block;
	margin-right: 3px;
}
/* input[type=radio], */
input[type=checkbox]{
	opacity: 0;
	position: absolute; /*так нужно чтобы скрытый чекбокс не занимал место*/
	z-index: 12;
	cursor:pointer;
}
input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
	outline: none !important;
}
input[type=checkbox]+.lbl,
input[type=radio]+.lbl {
	position: relative;
	z-index: 11;
	display: inline-block;
	margin: 0;
	font-weight: normal;
}
input[type=checkbox]+.lbl.padding-16::before,
input[type=radio]+.lbl.padding-16::before {
	margin-right: 16px;
}
input[type=checkbox]+.lbl.padding-12::before,
input[type=radio]+.lbl.padding-12::before {
	margin-right: 12px;
}
input[type=checkbox]+.lbl.padding-8::before,
input[type=radio]+.lbl.padding-8::before {
	/*margin-right: 8px;*/
}
input[type=checkbox]+.lbl.padding-4::before,
input[type=radio]+.lbl.padding-4::before {
	margin-right: 4px;
}
input[type=checkbox]+.lbl.padding-0::before,
input[type=radio]+.lbl.padding-0::before {
	margin-right: 0px;
}
input[type=checkbox]+.lbl::before,
input[type=radio]+.lbl::before {
	font-family: fontAwesome;
	font-weight: normal;
	font-size: 14px;
	color: #666;
	border: 1px solid #adadad;
	content: "\a0";
	background-color: #f5f5f5;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	border-radius: 0;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	height: 10px;
	width: 10px;
	overflow:visible;
	line-height: 8px;
	min-width: 10px;
	margin-top: -4px !important;
	margin-right: 1px;
}
input[type=radio]+.lbl::before {
	color: #777;
}

input[type=checkbox]:checked+.lbl::before,
input[type=radio]:checked+.lbl::before,
input[checked='checked']+.lbl::before,
input[checked='checked']+.lbl::before  {
	display: inline-block;
	content: '\f00c';
	background-color: #f5f5f5;
	border-color: #adadad;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05), inset 15px 10px -12px rgba(255, 255, 255, 0.1);
}
input[type=checkbox]:hover+.lbl::before,
input[type=checkbox]+.lbl:hover::before{
	border-color: #9e9e9e;
}
input[type=radio]:hover+.lbl::before,
input[type=radio]+.lbl:hover::before {
	border-color: #8a8a8a;
}

input[type=checkbox]:active+.lbl::before,
input[type=radio]:active+.lbl::before,
input[type=checkbox]:checked:active+.lbl::before,
input[type=radio]:checked:active+.lbl::before {
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px 1px 3px rgba(0, 0, 0, 0.1);
}
input[type=checkbox]:disabled+.lbl::before,
input[type=radio]:disabled+.lbl::before,
input[type=checkbox][disabled]+.lbl::before,
input[type=radio][disabled]+.lbl::before,
input[type=checkbox].disabled+.lbl::before,
input[type=radio].disabled+.lbl::before {
	background-color: #ebebeb !important;
	border-color: #CCC !important;
	box-shadow: none !important;
	color: #BBB;
}
input[type=radio]+.lbl::before {
	border-radius: 32px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	padding-bottom: 1px;
}
input[type=radio]:checked+.lbl::before {
	content: "\2022";
}


/*===== COUNTDOWN =====*/
	.countdown_w{	
		border: 0px solid red;
		
		display: inline-block;
		
		height: 100px;
		
		margin: 0px auto;
		
		position: relative;
			
		overflow: visible;
	}
	.countdown_w .countdown{		
		display: inline-block;
		
		position: relative;
		left: -14px;
		top: -14px;
	}
	.countdown_tbl{	
		width: calc(100% - 45px);
		
		position: relative;
		left: -2px;
		bottom: 0px;
	}
	.countdown_tbl > tbody > tr > td{
		border: 2px solid #aaa;
		
		padding: 0px;	
			
		color: #000;
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		font-size: 20px;
		text-transform: uppercase;
		
		text-align: center;
	}
	.countdown_tbl > tbody > tr > td.text{
		width: 130px;
	}
	
	/* ЧАСОВ/МИНУТ/СЕКУНД - отображается снизу */
		.countdown_w.bottom .flip-clock-divider .flip-clock-label{			
			top: auto !important;
			bottom: -1.5em !important;
		}
	
	/* 	СЕРЫЙ */
		.countdown_w.grey .flip-clock-wrapper ul{
			background: transparent;
		}
		.countdown_w.grey .flip-clock-wrapper ul li a div div.inn{	
			background-color: #ccc;
			
			color: #333;
			text-shadow: 0px 1px 2px #5C5C5C;
		}
		.countdown_w.grey .flip-clock-wrapper ul.play li.flip-clock-active .shadow{
			background: transparent;
		}
		
	/* 	НА БЕЛОМ ФОНЕ */
		.countdown_w.white .flip-clock-wrapper ul{
			background: transparent;
		}
		.countdown_w.white .flip-clock-wrapper ul li a div div.inn{	
			background-color: #F5F5F5;
			
			color: #222;
			text-shadow: 0px 1px 2px #5C5C5C;
		}
		.countdown_w .flip-clock-divider.hours .flip-clock-label,
		.countdown_w .flip-clock-divider.minutes .flip-clock-label,
		.countdown_w .flip-clock-divider.seconds .flip-clock-label{
			color: #fff;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
		}
		.countdown_w .flip-clock-dot{
			background: #F5F5F5;
		}
		.countdown_w.white .flip-clock-wrapper ul.play li.flip-clock-active .shadow{
			background: transparent;
		}
				
	/* МОБИЛЬНЫЙ */
		@media screen and (max-width: 770px){
			.countdown_w{	
				height: 50px;
			}
			.countdown_w .flip-clock-wrapper ul {
				border-radius: 2px;
				
				width: 20px;
				height: 30px;
				
				font-size: 20px;
				line-height: 30px;
			}
			.countdown_w .flip-clock-wrapper ul li a div {	
				font-size: 20px;
				line-height: 30px;
			}
			.countdown_w .flip-clock-wrapper ul li a div div.inn {
				border-radius: 2px;
				
				font-size: 20px;
				line-height: 30px;
			}
			.countdown_w .flip-clock-wrapper ul li a div.down {
				border-bottom-left-radius: 2px;
				border-bottom-right-radius: 2px;
			}
			.countdown_w .flip-clock-dot {
				width: 5px;
				height: 5px;
				left: 1px;
			}
			.countdown_w .flip-clock-dot.top {
				top: 13px;
			}
			.countdown_w .flip-clock-dot.bottom {
				top: 25px;
				bottom: auto;
			}
			.countdown_w .flip-clock-divider {
				width: 7px
			}
			.countdown_w .flip-clock-divider.days .flip-clock-label{
				right: -45px;
			}
			.countdown_w .flip-clock-divider.hours .flip-clock-label,
			.countdown_w .flip-clock-divider.minutes .flip-clock-label,
			.countdown_w .flip-clock-divider.seconds .flip-clock-label{
				right: -50px;
			}
		}




/* JQUERY-UI - взято из /jq/jquery-ui.css */
/* это нужно чтобы отображались ручки .resizable() за которые нужно тянуть чтобы изменить размер элемента */
.ui-icon {
	width: 16px;
	height: 16px;
}
.ui-icon,
.ui-widget-content .ui-icon {
	background-image: url("/alex/images/icons/jq-ui.png");
}

/* .delim */
tr.delim > td{
	padding: 0px !important;
}


	
	
/*** @FONT-FACE ***/
@font-face{
	font-family: "icons";
	src:url("/alex/images/ifonts/fonts/icons.eot?v=3");
	src:url("/alex/images/ifonts/fonts/icons.eot?#iefix&v=3") format("embedded-opentype"),
		url("/alex/images/ifonts/fonts/icons.woff?v=3") format("woff"),
		url("/alex/images/ifonts/fonts/icons.ttf?v=3") format("truetype"),
		url("/alex/images/ifonts/fonts/icons.svg#icons?v=3") format("svg");
	font-weight: normal;
	font-style: normal;
}	
/* шрифты для верхней навигации office (не каталогов) */
@font-face {
	font-family: "nav";
	src:url("/alex/images/ifonts/real_fonts/clear-sans/ClearSans-Regular.ttf");
}
@font-face {
	font-family: "nav_bold";
	src:url("/alex/images/ifonts/real_fonts/clear-sans/ClearSans-Medium.ttf");
}
/* open */
@font-face {
	font-family: "open";
	src:url("/alex/images/ifonts/real_fonts/cyr/OpenSans.ttf");
	font-weight: normal;
	font-style: normal;
}
/* шрифт логотипа */
@font-face {
	font-family: "logoFont";
	src: url("/alex/images/ifonts/real_fonts/logoFont.ttf");
	font-weight: normal;
	font-style: normal;
}
/* KOLIKO */
@font-face {
  font-family: 'Koliko';
  src: url('/alex/images/ifonts/real_fonts/Koliko/koliko_300.woff') format('woff');
  font-weight: 300;
  font-style: light;
}
@font-face {
  font-family: 'Koliko';
  src: url('/alex/images/ifonts/real_fonts/Koliko/koliko_400.woff') format('woff');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: 'Koliko';
  src: url('/alex/images/ifonts/real_fonts/Koliko/koliko_500.woff') format('woff');
  font-weight: 500;
  font-style: medium;
}
@font-face {
  font-family: 'Koliko';
  src: url('/alex/images/ifonts/real_fonts/Koliko/koliko_700.woff') format('woff');
  font-weight: 700;
  font-style: bold;
}
@font-face {
	font-family: "ProximaNovaBlack";
	src:url("/alex/images/ifonts/real_fonts/ProximaNovaBlack/ProximaNova-Black.eot") format("embedded-opentype"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaBlack/ProximaNova-Black.woff") format("woff"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaBlack/ProximaNova-Black.ttf") format("truetype"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaBlack/ProximaNova-Black.svg") format("svg");
}
@font-face {
	font-family: "ProximaNovaRegular";
	src:url("/alex/images/ifonts/real_fonts/ProximaNovaRegular/ProximaNova-Regular.eot") format("embedded-opentype"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaRegular/ProximaNova-Regular.woff") format("woff"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaRegular/ProximaNova-Regular.ttf") format("truetype"),
		url("/alex/images/ifonts/real_fonts/ProximaNovaRegular/ProximaNova-Regular.svg") format("svg");
}


/* чтобы ошибки php были поверх всего */
.xdebug-error{
	position: absolute;
	z-index: 9999;
}

/* класс кликабельной ячейки - #f2f2f2 при наведении */
.ecec{
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.ecec:hover{
	background-color: #f2f2f2 !important;
}

/* неактивный элемент */
.inactive{ /* ВАЖНО - если установить класс на textarea - не будет работать прокрутка в ней */
	background: #ececec;
	pointer-events: none;
	opacity: 0.7;
}
.penone{
	pointer-events: none;
}

/* CSS АНИМАЦИИ */
/* моргание - CSS анимация */
@keyframes blinking{
    10% { opacity: 0; }
	100% { opacity: 1; }
} 
.blinking{
	animation-name: blinking;
    animation-duration: 1.5s;
	animation-iteration-count: infinite;
}
.blinking_03{
	animation-name: blinking;
    animation-duration: 0.3s;
	animation-iteration-count: 1;
}
.blinking_06{
	animation-name: blinking;
    animation-duration: 0.6s;
	animation-iteration-count: 0.6s;
}
.blinking_3{
	animation-name: blinking;
    animation-duration: 3s;
	animation-iteration-count: infinite;
}
/* рукопожатие */
@keyframes deal_shaking{
	0% { top: 1px; }
	25% { top: 0px; }
	50% { top: 2px; }
	75% { top: 0px; }
	100% { top: 1px; }
} 
@-moz-document url-prefix(){
	@keyframes deal_shaking{
		0% { top: 0px; }
		25% { top: 2px; }
		50% { top: 0px; }
		75% { top: 2px; }
		100% { top: 0px; }
	} 
}
.deal_shaking{
	animation-name: deal_shaking;
    animation-duration: 0.4s;
	animation-iteration-count: 1;
	animation-fill-mode: backwards; /* http://www.w3schools.com/cssref/css3_pr_animation-fill-mode.asp */
}

/*** PERFECT BUTTON ***/
.pb{
	height: 30px;  /* обязательно должна быть высота а то Firefox партачит анимацию */
	padding: 4px 5px 6px 5px;
	box-sizing: border-box;
	
	background: #777;
	border: 2px solid #777;
	border-radius: 10px;
	box-shadow: 3px 3px 0 0 rgba(0, 0, 0, 0.15);
	
	color: #fff;
	font-weight: normal;
	font-style: normal;
	text-align:center;
	font-size: 13px;
	font-family: open, "Calibri", "Trebuchet MS", "Helvetica", sans-serif;
	
	cursor: pointer;
	display: inline-block;
	position: relative;
	
	outline: 0;
	white-space: nowrap;
		
	-webkit-transition: background 0.2s, color 0.2s;
	transition: background 0.2s, color 0.2s;
}
.pb.sm{
	font-size: 12px;
}
.pb.small{
	font-size: 11px;
	height: 22px;
	padding-top: 1px;
	border-radius: 5px;
	box-sizing: border-box;
	
	box-shadow: 2px 2px 0 0 rgba(0, 0, 0, 0.15);
}
.pb:hover{
	color: #555;
	background: transparent;
	box-shadow: 3px 3px 0 0 rgba(0,0,0,0.1);
}
.pb.small:hover{
	box-shadow: 2px 2px 0 0 rgba(0,0,0,0.1);
}
.pb.no_hover:hover{
	background: #777;
	color: #fff;
}
.pb.clicked{
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
	-webkit-transform: translate(1px, 3px);
	transform: translate(1px, 3px);
}

/* это бирюзовая - зеленая это greenn */
.pb.green{
	background: #3a9ccc;
	border: 2px solid transparent;
}
.pb.green:hover{
	color: #0072ab;
	border: 2px solid #3a9ccc;
	background: transparent;
}
.pb.green.bold:hover{
	color: #088300;
}
/* зеленая */
.pb.greenn{
	background: #088300;
	border: 2px solid transparent;
}
.pb.greenn:hover{
	background: transparent;
	color: #077500;
	border: 2px solid #468e41;
}
.pb.greenn.bold:hover{
	color: #088300;
}
/* Синяя */
.pb.blue{
	background: #000095;
	border: 2px solid transparent;
}
.pb.blue:hover{
	color: #000085;
	background: transparent;
	border: 2px solid #000095;
}
.pb.blue.bold:hover{
	color: #000085;
	border: 2px solid #000095;
}
/* Голубая */
.pb.bluee{
	background: #4974D1;
	border: 2px solid transparent;
}
.pb.bluee:hover{
	color: #245BD1;
	background: transparent;
	border: 2px solid #4974D1;
}
.pb.bluee.bold:hover{
	color: #3B61CC;
	border: 2px solid #637FCF;
}
/* Оранжевая */
.pb.orange{
	background: #c78f40;
	border: 2px solid transparent;
}
.pb.orange:hover{
	color: #af6700;
	background: transparent;
	border: 2px solid #c08735;
}
.pb.orange.bold:hover{
	color: #b66c00;
	border: 2px solid #bd7001;
}
/* красная */
.pb.red{
	background: #D92323;
	border: 2px solid transparent;
}
.pb.red:hover{
	color: #da0000;
	background: transparent;
	border: 2px solid #e80000;
}
/* Розовая */
.pb.rose{
	background: #B80056;
	border: 2px solid transparent;
}
.pb.rose:hover{
	color: #910044;
	background: transparent;
	border: 2px solid #B80056;
}
/* черная */
.pb.black{
	background: #000;
	border: 2px solid transparent;
}
.pb.black:hover{
	color: #000;
	background: transparent;
	border: 2px solid #000;
}


/* TOP NOTIFY */
.top_notify_w{
	border: 0px solid red;
	position: fixed;
	z-index: 13;
	top: 42px;
	overflow: hidden;
	height: 0px;
	
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
body[nav_mini='0'] .top_notify_w{
	left: 232px;
	width: calc(100% - 232px);
}
body[nav_mini='1'] .top_notify_w{
	left: 51px;
	width: calc(100% - 51px);
}
.top_notify_w.index, /* для index отдельный клас, чтобы при закрытии mfp входа не смещалось уведомление */
.top_notify_w.mfp{ /* уведомление когда открыть mfp */
	z-index: 9999;
	top: 0px;
	left: 0px !important;
	width: 100% !important;
}
.top_notify{
	position: absolute;
	z-index: 999999;
	left: 0px;
	top: 0px;
	width: 100%;

	
	max-height: 400px;
	
	overflow-Y: auto;
	box-sizing: border-box;
	box-shadow: 0px 2px 2px -1px #ababab;
	word-break: break-word;
}
.top_notify_w.mfp .top_notify{
	box-shadow: 0px 0px 0px 0px transparent;
}
.top_notify p,
.top_notify a{
	color: #fff !important;
}
.top_notify.error{
	background: #FF2121;
}
.top_notify.success{
	background: #d03370;
}
.top_notify.info{
	top: auto;
	background: #d03370;
	cursor: default;
}
.top_notify.error > table td.right:hover{
	background: #D60000;
}
.top_notify.success > table td.right:hover{
	background: #BA0048;
}
.top_notify.info > table td.right:hover{
	background: #BA0048;
}

.top_notify > table{
	width: 100%;
}
.top_notify > table td{
	color: #fff;
	text-align: center;
	vertical-align: middle;
	padding: 10px 5px;
	
	background-color: transparent;
}
.top_notify > table td.left,
.top_notify > table td.right{
	width: 20px;
}
.top_notify > table td.right{
	cursor: pointer;
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.top_notify .del_icon{
	color: #f3f3f3;
}
.top_notify td:hover .del_icon{
	color: #fff;
}
.top_notify .icon-check-mark,
.top_notify .icon-block,
.top_notify .icon-information{
	top: 0px;
	color: #f3f3f3;
	display: none;
}
.top_notify.success .icon-check-mark{
	display: auto;
}
.top_notify.error .icon-block{
	display: auto;
}
.top_notify.info .icon-information{
	display: auto;
}
.top_notify ul{
	list-style-position: outside;
}
.top_notify li{
	color: #fff;
}
.top_notify .headr{
	margin-bottom: 5px;
	font-weight: bold;
}
.top_notify p.block_p{
	display: inline-block;
	margin-bottom: 5px;
}
.top_notify .icon-eye{
	display: inline-block;
	position: relative;
	top: 3px;
}
.top_notify .copy_icon{
	color: #fff;
	margin-left: 5px;
	margin-right: 5px;
	top: 3px;
	font-size: 15px;
}
.top_notify .icon_txt_html{
	color: #fff;
	border: 1px solid #fff;
	margin-left: 5px;
	margin-right: 5px;
	position: relative;
	top: -4px;
}
.top_notify  .icon_txt_html > pse{
	background-color: #fff;
}
.top_notify.error  .icon_txt_html > pse{
	color: #c92f37;
}
.top_notify.success .icon_txt_html > pse{
	color: #1e8f1e;
}
.top_notify.info  .icon_txt_html > pse{
	color: #4196BA;
}
/* html код в уведомлениях */
.top_notify .code{
	display: inline-block;
	padding: 1px 5px 2px 5px;
	border-radius: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom: 1px;
}
.top_notify.error .code{
	background-color: #A60A12;
}
.top_notify.success .code{
	background-color: #117311;
}
.top_notify.info .code{
	background-color: #2D708C;
}
.skype_id_w{
	display: inline-block;
	position: relative;
	margin-top: 5px;
	margin-bottom: 5px;
	
	border: 0px solid #fff;
}
.skype_id_w .date,
.skype_id_w .time{
	margin-left: 10px;
}
.skype_id_w .date{
	width: 97px;
	padding-left: 19px;
}
.skype_id_w .time{
	width: 61px;
	padding-left: 19px;
}
.skype_id_w .icon{
	position: absolute;
}
.skype_id_w .icon-calendar{
	top: 2px;
	left: 163px;
}
.skype_id_w .icon-clock{
	top: 5px;
	left: 277px;
	
	font-size: 15px;
}
.skype_id_w .pb.send{
	top: 0px;
	margin-left: 10px;
	height: 22px;
	box-sizing: border-box;
	padding-top: 1px;
}
.skype_id_li .pb:hover{
	color: #fff;
	border-color: #F2F2F2;
}
.skype_id_li .pb.now{
	top: -1px;
	margin-left: 3px;
}
.skype_id_li .code{
	margin: 0px;
	margin-top: 5px;
}
.skype_id_li input.time.inactive{
	opacity: 1;
	background-color: #D6D6D6;
}


/* АНИМАЦИЯ POPUP */

/* ===========  Fade-move animation - 3d from top popup  ===============  */

/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
	opacity: 0;
	-webkit-transition: all 0.1s ease-out;
	-moz-transition: all 0.1s ease-out;
	-o-transition: all 0.1s ease-out;
	transition: all 0.1s ease-out;

	-webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	-o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
	transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );

}

/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
	opacity: 1;
	-webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-moz-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-ms-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	-o-transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
	transform: translateY(0) perspective( 600px ) rotateX( 0 ); 
}

/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
	opacity: 0;

	-webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	-o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
	transform: translateY(-10px) perspective( 600px ) rotateX( 10deg ); 
}

/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
	opacity: 0;

	-webkit-transition: opacity 0.2s ease-out; 
	-moz-transition: opacity 0.2s ease-out; 
	-o-transition: opacity 0.2s ease-out; 
	transition: opacity 0.2s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
	opacity: 0;
}

/*  =========== Fade-zoom animation - zoom-in popup ============  */
/* start state */
.my-mfp-zoom-in .zoom-anim-dialog {
	opacity: 0;

	-webkit-transition: all 0.2s ease-in-out; 
	-moz-transition: all 0.2s ease-in-out; 
	-o-transition: all 0.2s ease-in-out; 
	transition: all 0.2s ease-in-out; 



	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 
}

/* animate in */
.my-mfp-zoom-in.mfp-ready .zoom-anim-dialog {
	opacity: 1;

	-webkit-transform: scale(1); 
	-moz-transform: scale(1); 
	-ms-transform: scale(1); 
	-o-transform: scale(1); 
	transform: scale(1); 
}

/* animate out */
.my-mfp-zoom-in.mfp-removing .zoom-anim-dialog {
	-webkit-transform: scale(0.8); 
	-moz-transform: scale(0.8); 
	-ms-transform: scale(0.8); 
	-o-transform: scale(0.8); 
	transform: scale(0.8); 

	opacity: 0;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.8;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

/* СТИЛИ MFP-POPUP */
.mfp-content .header{
	display: block;
	margin-bottom: 17px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.mfp-bg{
	background: #3c3c3c;
	opacity: 0.8 !important
}
.mfp-bg.dark{
	background: #000;
	opacity: 0.9 !important
}
.mfp-close{
	color: #bababa !important;
}
.mfp-close:hover{
	cursor: pointer !important;
}
.mfp-close.dark{
	color: #444 !important;
}
.mfp-close.invisible{
	display: none !important;
}
.mfp-close.light{
	color: #fff !important;
}
.mfp-close,
.mfp-close-icn{
	-webkit-transition: 0.3s;
	transition: 0.3s;
}
.mfp-close.dark_bg,
.mfp-close.dark_bg:hover{
	opacity: 1 !important;
	color: rgba(255, 255, 255, 0.5) !important;
	border: 1px solid rgba(255, 255, 255, 0.2) !important;
	background-color: rgba(0, 0, 0, 0.3) !important;;
	display: inline-block;
	border-radius: 7px !important;
	padding-right: 2px !important;
	right: 5px;
}
.mfp-content{
	width: 100%;
}
.mfp-content > div,
.mfp-content .mfp_content{ /* иногда может быть нужно чтобы wrapper не был div'ом */
	box-sizing: border-box;
	padding: 20px 40px;
	background: #dbdbdb;
	box-shadow: 0px 0px 10px #222;
	border-radius: 15px;
	margin: 0px auto;
	overflow: auto;
} 
.mfp-content > div.image{
	display: inline-block;
	margin: 0px auto;
	background: #000;
	overflow: hidden;
	padding: 0px;
}
.mfp_header{
	display: block;
	text-align: center;
	margin-bottom: 5px;
	font-family: Calibri;
	font-size: 14px;
	font-weight: bold;
	color: #222;
}
td.mfp{
	cursor: pointer;
	-webkit-transiton: 0.2s;
	transition: 0.2s;
}
td.mfp:hover{
	background: #f2f2f2;
}

/*  OK_MFP - mfp для подтверждения чего либо */
.ok_mfp{
	width: 450px;
	height: auto;
}
.ok_mfp textarea{
	width: 100%;
	height: 70px;
	margin-bottom: 10px;
}
.ok_mfp .buttons{
	text-align: center;
}
.ok_mfp .pb{
	width: 150px;
}
.ok_mfp .pb.no{
	margin-left: 15px;
}



/* СТИЛИ jquery datepicker */
#ui-datepicker-div{
	background: #ececec;
	box-shadow: 0px 0px 3px #777;
}
.ui-datepicker-today{
	background: transparent;
}
.ui-datepicker-today > a{
	border-color: #cd9348 !important;
	background: transparent !important;
}
.ui-state-active{
	border-color: #5F5B7D !important;
	background-color: #fafafa !important;
}



/*** ИКОНКИ ***/
/* любая иконка */
.icon{
	/*
	display: inline-block;
	position: relative;
	*/
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
/* иконка архив */
.icon-archive{
	display: inline-block;
	position: relative;
	top: 3px;
}
.catt .icon-archive{
	left: -2px;
}
/* иконка копировать флоппи */
.copy_icon{
	display: inline-block;
	position: relative;
	color: #888;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.copy_icon:hover{
	color: #002D80;
}
.copy_icon.clicked{
	color: #EB0011 !important;
}
/* иконка плюсик в кругу */
.icon-plus-circle{
	display: inline-block;
	position: relative;
	color: #2886b4;
}
/* иконка шахмоты */
.chess_icon{
	cursor: pointer;
	display: inline-block;
	width: 20px;
	height: 18px;
	background: url('/alex/images/icons/chess.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
/* иконка глаз */
.icon_eye{
	display: inline-block;
	position: relative;
	color: #555;
	font-size: 19px;
	cursor: pointer;
}
/* иконка внешняя ссылка */
.icon-external-link{
	display: inline-block;
	position: relative;
	font-size: 14px;
	color: #6c6c6c;
}
@-moz-document url-prefix() {
	.icon-external-link{
		color: #777;
	}
}
th .icon-external-link{
	top: 2px;
}
td .icon-external-link{
	top: 2px;
}
td:hover .icon-external-link{
	color: #228ec3;
}
td.no_hover:hover .icon-external-link{
	color: #6c6c6c;
}
@-moz-document url-prefix() {
	td.no_hover:hover .icon-external-link{
		color: #777;
	}
}
/* пометка дат которые нарушают МРД базы в календаре */
.ui-datepicker-calendar td.mrd_date a{
	/* background-color: #D6B8B8; */
	background-image:  url('/alex/images/icons/tkn_date_dpr.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 25px 18px;
}
.ui-datepicker-calendar td.mrd_pot:hover a{
	border: 1px solid #5F5B7D !important;
	background-color: #dadada !important;
	color: #444 !important;
}
.ui-datepicker-calendar td.mrd_pot .icon-frozen{
	display: inline-block;
	position: absolute;
	z-index: 1;
	top: -2px;
	left: -2px;
	color: #777;
	cursor: pointer;
}
.ui-datepicker-calendar td.mrd_pot:hover .icon-frozen,
.ui-datepicker-current-day .icon-frozen{
	color: #444 !important;
}
/* галочка */
.icon-check-mark{
	display: inline-block;
	position: relative;
	color: green;
}
/* иконка календарь */
.icon-calendar{
	font-size: 20px;
	color: #666;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
/* иконка фото */
.icon_foto{
	cursor: pointer;
	opacity: 0.4;
	display: inline-block;
	position: relative;
	width: 25px;
	height: 18px;
	background: url('/alex/images/icons/camera.png') no-repeat;
	background-size: contain;
	background-position: center center;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.icon_foto:hover{
	opacity: 0.6;
	/*
	background: url('/alex/images/icons/camera_red.png') no-repeat;
	background-size: contain;
	background-position: center center;
	*/
}
/* иконка видео */
.icon_video{
	font-size: 16px;
	color: #bbbbbb;
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.otz_ta_wrap .icon_video:hover{
	color: #838383;
}

/* иконка избранное */
.fav_icon{
	opacity: 0.6;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/alex/images/icons/fav.png') no-repeat;
	background-size: 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.fav_icon:hover,
td:hover > .fav_icon,
th:hover > .fav_icon{
	opacity: 0.7;
}

.fav_icon.added{
	opacity: 1;
	background: url('/alex/images/icons/fav_added.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}
.fav_icon.added:hover{
	opacity: 1;
}
/* иконка черный список */
.blist_icon{
	opacity: 0.6;
	display: inline-block;
	width: 15px;
	height: 15px;
	background: url('/alex/images/icons/blist.png') no-repeat;
	background-size: 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.blist_icon:hover,
td:hover > .blist_icon,
th:hover > .blist_icon{
	opacity: 0.8;
}
.blist_icon.added{
	opacity: 0.7;
	background: url('/alex/images/icons/blist_added.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}
.blist_icon.added:hover{
	opacity: 0.7;
}
/* иконка написать сообщение - заменена на icon-chat */
/*
.message_icon{
	opacity: 0.7;
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url('/alex/images/icons/message.png') no-repeat;
	background-size: 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
}
.message_icon:hover,
td:hover > .message_icon,
th:hover > .message_icon{
	opacity: 1;
	background: url('/alex/images/icons/message_biruz.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}
th.info_th .message_icon{
	cursor: help;
}
*/
.icon-chat{
	display: inline-block;
	position: relative;
}
/* иконка сделка */
.deal_icon{
	display: inline-block;
	position: relative;
	top: 1px;
	opacity: 0.6;
	width: 21px;
	height: 14px;
	background-image: url('/alex/images/icons/deal.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
}
.deal_icon:hover,
td:hover .deal_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_blue.png');
}
th:hover .deal_icon{
	opacity: 0.6;
	background-image: url('/alex/images/icons/deal.png');
	cursor: auto;
}
.deal_icon.grey{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_grey.png');
}
th.info_th .deal_icon{
	cursor: help;
}
.pprek > tbody > tr > td:hover .deal_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_green.png');
}
.pprek > tbody > tr.ina > td:hover .deal_icon{
	opacity: 0.5;
	background-image: url('/alex/images/icons/deal.png');
}
.cat_rekb > tbody > tr > td:hover .deal_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_blue.png');
}
.cat_pg > tbody > tr > td:hover .deal_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_orange.png');
}
.cat_bc > tbody > tr > td:hover .deal_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/deal_red.png');
}
/* иконка техподдержка */
.support_icon{
	opacity: 1;
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url('/alex/images/icons/support.png') no-repeat;
	background-size: 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
}
.support_icon:hover,
td:hover > .support_icon,
th:hover > .support_icon{
	background: url('/alex/images/icons/support_white.png') no-repeat;
	background-size: 100%;
	background-position: center center;
}
.icon-support{
	display: inline-block;
	position: relative;
	top: 1px;
	font-size: 19px;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
/* иконка звездочка-астерикс */
.icon-asterisk-1{
	display: inline-block;
	position: relative;
	color: #2886b4;
}
/* иконки удалить / редактировать базу */
.redact_icon{
	opacity: 0.7;
	display: inline-block;
	width: 12px;
	height: 12px;
	background-image: url('/alex/images/icons/redact.png');
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	cursor: pointer;
	
	-webkit-transition: 0s !important;
	transition: 0s !important;
}
th .redact_icon{
	opacity: 0.9;
}
.redact_icon.hovered,
.redact_icon:hover,
td:hover > .redact_icon{
	opacity: 1;
	background-image: url('/alex/images/icons/redact_red.png');
}
th:hover > .redact_icon{
	opacity: 0.7;
	background-image: url('/alex/images/icons/redact.png');
	cursor: auto;
}
/* иконка стрелочка вправо Профиль -> Материалы */
.icon-arrow-right-4,
.icon-arrow-left-4{
	display: inline-block;
	position: relative;
	top: 3px;
}
/* иконка удалить */
.del_icon{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #888;
	-webkit-transition: 0.2s;
	transition: 0.2s;
	cursor: pointer;
}
@-moz-document url-prefix(){
	.del_icon{
		font-size: 17px;
	}
}
th .del_icon{
	color: #757575;
	cursor: auto;
}
.del_icon:hover,
td:hover > .del_icon{
	color: #D40010;
}
th:hover > .del_icon{
	color: #757575;
	cursor: auto;
}
/* иконка рейтинг */
.rate_icon{
	position: relative;
	top: 1px;
	left: -3px;
	opacity: 0.5;
	width: 11px;
	height: 9px;
	background: url('/alex/images/icons/rate.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg); /* это для того чтобы уменьшенною изображение нормально выглядело в FF - http://stackoverflow.com/questions/5918595/why-is-firefox-so-bad-at-resizing-images/14308227#14308227 */
	display: inline-block;
}
@-moz-document url-prefix() {
	.rate_icon{
		position: relative;
		left: -4px;
	}
}
.rate_icon:hover,
td:hover > .rate_icon,
th:hover > .rate_icon{
	opacity: 0.8;
	background: url('/alex/images/icons/rate_red.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
	
/* иконка продавцы рекламы в рассылках */
.rek_icon{
	width: 13px;
	height: 13px;
	background: url('/alex/images/icons/rek_green.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
	position: relative;
}
.rek_icon.no{
	opacity: 0.85;
	background: url('/alex/images/icons/rek_grey.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.rek_icon.white,
.od_push_tbl > tbody > tr > td.new .rek_icon{
	background: url('/alex/images/icons/rek_white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
th > .rek_icon{
	opacity: 1;
	background: url('/alex/images/icons/rek_grey.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/* иконка покупаьели рекламы в рассылках */
.rekb_icon{
	position: relative;
	width: 13px;
	height: 13px;
	background: url('/alex/images/icons/rekb_blue.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.rekb_icon.no{
	opacity: 0.8;
	background: url('/alex/images/icons/rekb_grey.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.rekb_icon.white,
.od_push_tbl > tbody > tr > td.white .rekb_icon{
	background: url('/alex/images/icons/rekb_white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}

/* иконка взаимопиар */
.piar_group_icon{
	display: inline-block;
	position: relative;
	opacity: 1;
	width: 14px;
	height: 14px;
	background: url('/alex/images/icons/piar_group.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
}
.piar_group_icon.no{
	opacity: 0.9;
	background: url('/alex/images/icons/piar_group_grey.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.piar_group_icon.white,
.od_push_tbl > tbody > tr > td.white .piar_group_icon{
	background: url('/alex/images/icons/piar_group_white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/* иконка бизнес круг */
.bc_icon{
	display: inline-block;
	position: relative;
	opacity: 1;
	width: 13px;
	height: 13px;
	background: url('/alex/images/icons/bc.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.bc_icon.no{
	opacity: 0.95;
	background: url('/alex/images/icons/bc_grey.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
@-moz-document url-prefix() {
	.bc_icon.no{
		opacity: 0.95;
		background: url('/alex/images/icons/bc_grey.png');
		background-repeat: no-repeat;
		background-size: 98% 100%;
		background-position: center center;
	}
}
.bc_icon.white,
.od_push_tbl > tbody > tr > td.white .bc_icon{
	background: url('/alex/images/icons/bc_white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
th .bc_icon,
th .bc_icon.no{
	opacity: 0.8;
	background: url('/alex/images/icons/bc_dark_gray.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
@-moz-document url-prefix() {
	th .bc_icon,
	th .bc_icon.no{
		opacity: 0.8;
		background: url('/alex/images/icons/bc_dark_gray.png') no-repeat;
		background-size: 98% 100%;
		background-position: center center;
	}
}
/* иконка рука - переходы */
.click_icon{ /* тот клик который реально набран в сделке */
	position: relative;
	opacity: 0.55;
	width: 14px;
	height: 14px;
	background: url('/alex/images/icons/click_filled.png') no-repeat;
	background-size: 85% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.click_icon.red{ /* тот клик который реально набран в сделке */
	position: relative;
	opacity: 1;
	width: 14px;
	height: 14px;
	background: url('/alex/images/icons/click_filled_red.png') no-repeat;
	background-size: 85% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.click_icon.small{ /* тот клик который реально набран в сделке */
	width: 13px;
	height: 13px;
	background: url('/alex/images/icons/click_filled.png') no-repeat;
	background-size: 85% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
}
.click_icon_summ{ /*  */
	position: relative;
	opacity: 0.55;
	width: 15px;
	height: 15px;
	background: url('/alex/images/icons/click_summ.png') no-repeat;
	background-size: 85% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.click_icon.biruz{
	opacity: 1;
	background: url('/alex/images/icons/click_biruz.png') no-repeat;
	background-size: 85% 100%;
	background-position: center center;
}
.click_icon_180{ /* тот клик который требуется */
	position: relative;
	opacity: 0.55;
	width: 12px;
	height: 15px;
	background: url('/alex/images/icons/click.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
.button_click_icon{ /* клик по кнопке в блоке ВП */
	display: inline-block;
	position: relative;
	left: 1px;
	opacity: 0.55;
	width: 12px;
	height: 17px;
	background: url('/alex/images/icons/click_button_big.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
}
td .click_icon,
td .click_icon_summ,
td .button_click_icon,
td .click_icon_180{
	top: 1px;
}
th .click_icon,
th .click_icon_summ,
th .button_click_icon,
th .click_icon_180{
	top: 1px;
}
@-moz-document url-prefix() {
	th .click_icon,
	th .click_icon_summ,
	th .button_click_icon,
	th .click_icon_180{
		top: 0px;
	}
}

.icon-cursor{  /* клик тестовой рассылки */
	display: inline-block;
	position: relative;
	font-size: 12px;
	color: #575757;
}
td .icon-cursor{
	top: 2px;
	left: -1px;
}
th .icon-cursor{ /* не перемещать */
	top: 1px;
}
/* иконка подписчики */
.subs_icon{
	opacity: 0.55;
	display: inline-block;
	position: relative;
	width: 18px;
	height: 10px;
	background: url('/alex/images/icons/subs.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	transform: rotate(0.01deg);
	display: inline-block;
}
@-moz-document url-prefix() {
	.subs_icon{
		width: 19px;
		height: 10px;
	}
}
.subs_icon.pale{
	opacity: 0.4;
}
.subs_icon.biruz{
	opacity: 1;
	background: url('/alex/images/icons/subs_biruz.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.subs_icon.white{
	opacity: 1;
	background: url('/alex/images/icons/subs_white.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.subs_icon.green{
	opacity: 1;
	background: url('/alex/images/icons/subs_green.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.subs_icon.blue{
	opacity: 1;
	background: url('/alex/images/icons/subs_blue.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.subs_icon.red{
	opacity: 1;
	background: url('/alex/images/icons/subs_red.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
th .subs_icon{
	top: 0px;
}
/* иконка доп. условия сделки */
.cond_icon{
	display: inline-block;
	position: relative;
	opacity: 0.8; /* не удалять - нужна для четкости отображения */
	color: #444;
	font-size: 17px;
}
@-moz-document url-prefix() {
	.cond_icon{
		opacity: 0.7;
	}
}
th .cond_icon{
	color: #000;
}
/* гифка загрузки */
.loading_triangle{
	display: inline-block;
	background: url('/alex/images/icons/ajax_triangle.gif') no-repeat;
	background-position: 50% 48%;
	background-size: 60px 60px;
	border:0px solid #000;
	width: 25px;
	height: 25px;
	border-radius: 20px;
}
/* иконка подсказка I */
.info{
	font-size: 12px;
	display: inline-block;
	position: relative;
	top: 2px;
	cursor: help;
	color: #0382c1;
}
.info.small{
	font-size: 11px;
}
.info.red{
	color: #DB0000 !important;
}
.info.top1{
	top: 1px;
}
@-moz-document url-prefix() {
	.info.top1{
		top: 0px;
	}
}
/* иконка отзывы */
.otz_icon{
	color: #6f6f6f;
	font-size: 14px;
	position: relative;
	display: inline-block;
}
/* иконка кошелек */
.icon_wallet{
	color: #888;
	cursor: pointer;
	display: inline-block;
	position: relative;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.icon_wallet:hover{
	color: #3a9ccc;
}
/* иконка блок */
.icon-block{
	display: inline-block;
	position: relative;
	color: #d70010;
}
/* иконка король */
.icon_king{
	display: inline-block;
	position: relative;
	width: 20px;
	height: 20px;
	background: url('/alex/images/icons/king_green.png') no-repeat;
	background-size: contain;
	background-position: center;
}
/* иконка судебный молоток - принять решение */
.icon-decide{
	display: inline-block;
	position: relative;
}
th .icon-decide{
	color: #757575;
}
td .icon-decide{
	color: #888;
}
/* иконка знак вопроса */
.icon-question-1{
	font-size: 16px;
	display: inline-block;
	position: relative;
}
/* иконка доллара */
.icon_dollar{
	border: 0px solid #aaa;
	display: inline-block;
	width: 15px;
    height: 15px;
	position: relative;
	top: 3px;
	left: -2px;
	background: url('/alex/images/icons/dollar_violet.png') no-repeat;
	background-position: center center;
	background-size: contain;
	transform: rotate(0.01deg);
}
.icon_dollar.red{
	background: url('/alex/images/icons/dollar_red.png') no-repeat;
	background-position: center center;
	background-size: contain;
	transform: rotate(0.01deg);
}
/* иконка принятой но неопплаченной заявки pprek */
.icon-checklist{
	display: inline-block;
	position: relative;
	top: 1px;
	font-weight: normal;
	font-size: 20px;
}
/* иконка выставлен счет */
.icon-clippy{
	display: inline-block;
	position: relative;
	font-weight: normal;
	font-size: 17px;
}
/* иконка корзина удаления - .icon-delete-trash-1 */
.icon_trash{ 
	display: inline-block;
	position: relative;
	font-size: 14px;
}
/* иконка отзыв */
.icon-comment{
	display: inline-block;
	position: relative;
	top: 1px;
}
@-moz-document url-prefix() {
	.icon-comment{
		top: 0px;
	}
}
.icon-comment.red{ /* это когда отзыв не был оставлен вовремя */
	color: #df202e !important;
}
.icon-comment.pos{
	color: #268fc3 !important;
}
.icon-comment.neutral{
	color: #777  !important;
}
.icon-comment.neg{
	color: #df202e  !important;
}
/* иконка рассылка завершена - самолетик */
.icon-plane{
	display: inline-block;
	position: relative;
	font-size: 16px;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.icon-plane.red{
	color: #df202e !important;
}
/* псевдо ссылка */
.pse_link{
	display: inline-block;
	color: #333;
	border: 1px dashed #777;
	border-width: 0px;
	border-bottom-width: 1px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.qtip .pse_link,
.pse_link:hover,
.pse_link.dark{
	color: #000;
	border-color: #333;
}
@-moz-document url-prefix() {
	.pse_link{
		padding-left: 1px;
	}
	.pse_link:hover,
	.pse_link.dark{
		color: #333;
	}
}
.pse_link.small{
	font-size: 12px;
}
/* иконка часы */
.icon-clock{
	font-size: 16px;
	display: inline-block;
	position: relative;
	color: #666;
}
/* палец вверх - орг рассылает */
.icon_like{
	display: inlne-block;
	position: relative;
	font-size: 15px;
}
td .icon_like{
	top: 0px;
}
/* корона */
.icon-crown{
	display: inlne-block;
	position: relative;
	font-size: 16px;
}
@-moz-document url-prefix(){
	td .icon-crown{
		top: 0px;
	}
}
/* процент в финансах */
.percent_icon{
	display: inline-block;
	position: relative;
	width: 12px;
	height: 12px;
	background: url('/alex/images/icons/percent.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/* монеты - экономия финансы */
.coins_icon{
	display: inline-block;
	position: relative;
	top: 1px;
	left: 0px;
	width: 15px;
	height: 15px;
	
	background: url('/alex/images/icons/coins.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
	
	-webkit-transform: rotate(0.01deg);
	transform: rotate(0.01deg);
}
.coins_icon.gold{
	background: url('/alex/images/icons/coins_gold.png') no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/* жирная стрелка вверх/вниз */
.icon-arrow-up,
.icon-arrow-down{
	display: inline-block;
	position: relative;
	font-size: 18px;
	color: #71219b;
}
/* будильник - .icon-clock */
.icon_clock{
	display: inline-block;
	position: relative;
	font-size: 15px;
}
/* иконка выхода */
.icon-logout{
	display: inline-block;
	position: relative;
}
/* иконка-кошелек */
.icon-wallet{
	display: inline-block;
	position: relative;
}
/* воронка */
.icon-filter{
	display: inline-block;
	position: relative;
}
/* схема */
.scheme_icon{
	cursor: pointer;
	display: inline-block;
	position: relative;
	width: 13px;
	height: 13px;
	
	background: url('/alex/images/icons/scheme_grey.png') no-repeat;
	background-position: center center;
	background-size: 100% 100%;
	
	transform: rotate(0.01deg);
	-webkit-transform: rotate(0.01deg);
}
/* тэг персонализации */
.icon-ptag{
	display: inline-block;
	position: relative;
	font-size: 15px;
	cursor: pointer;
	color: #737480;
}
.icon-ptag:hover{
	color: #0286BF;
}
/* иконка письмо */
.icon-letter{
	font-size: 15px;
	display: inline-block;
	position: relative;
	top: 6px;
	margin-left: 6px;
	color: #777;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.icon-letter:hover{
	color: #007DBA;
}
/* иконка сообщение оргу сделки */
.icon-org-mes{
	display: inline-block;
	position: relative;
	top: 2px;
	font-size: 14px;
	color: #777;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
th .icon-org-mes{
	color: #696969;
}
/* иконка-снежинка */
.icon-frozen{
	display: inline-block;
	position: relative;
	font-size: 22px;
}
/* иконка замок - выбран "Другой" сервис рассылок */
.icon-lock{
	display: inline-block;
	position: relative;
	font-size: 17px;
}
/* иконка ссылка */
.icon-link{
	display: inline-block;
	position: relative;
	font-size: 14px;
}
/* разряженная батарея */
.icon-battery{
	display: inline-block;
	position: relative;
	font-size: 20px;
}
/* подп. базы (не путать с подп. полученными с рассылки) */
.icon-torsos{
	display: inline-block;
	position: relative;
	font-size: 16px;
	color: #666;
}
th .icon-torsos{
	font-size: 16px;
	color: #555;
}
td .icon-torsos{
	font-size: 15px;
	color: #666;
}
td .icon-torsos.red{
	color: #df202e;
}
/* колокол - уведомление od_push_tip */
.icon-bell{
	display: inline-block;
	position: relative;
	font-size: 12px;
}
/* открытие письма */
.icon-open{
	display: inline-block;
	position: relative;
	top: 2px;
	color: #222;
}
/* зачеркнутый глаз */
.icon-hide{
	display: inline-block;
	position: relative;
}
/* ссылки */
.icon-link{
	display: inline-block;
	position: relative;
}
/* БРАУЗЕРЫ */
.icon-chrome{
	display: inline-block;
	position: relative; 
	top: 2px;
	
	width: 15px;
	height: 15px;
	
	background-image: url('/alex/images/icons/chrome.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.icon-opera{
	display: inline-block;
	position: relative; 
	top: 1px;
	
	width: 13px;
	height: 13px;
	
	background-image: url('/alex/images/icons/opera.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.icon-firefox{
	display: inline-block;
	position: relative;
	top: 2px; 
	
	width: 15px;
	height: 15px;
	
	background-image: url('/alex/images/icons/firefox.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.icon-safari{
	display: inline-block;
	position: relative; 
	top: 2px;
	
	width: 15px;
	height: 17px;
	
	background-image: url('/alex/images/icons/safari.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
.icon-ie{
	display: inline-block;
	position: relative; 
	top: 3px;
	
	width: 16px;
	height: 16px;
	
	background-image: url('/images/icons/ie.png');
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center center;
}
/* клонировать */
.icon-clone{
	display: inline-block;
	position: relative;
}
/* флаг */
.flag_icon{
	display: inline-block;
	position: relative;
	width: 16px;
	height: 16px;
}
.country_icon_not_found{
	display: inline-block;
	width: 16px;
	height: 16px;
	padding: 1px 0px;
	box-sizing: border-box;
}
.country_icon_not_found .cont{
	padding: 1px 0px;
	padding-right: 1px;
	box-sizing: border-box;
	
	text-align: center;
	background-color: #444;
}
.country_icon_not_found .icon-question-1{
	color: #fff;
	font-size: 10px;
}
/* иконки - тип устройства */
.icon-computer{
	display: inline-block;
	position: relative;
	color: #242985;
}
.icon-tablet{
	display: inline-block;
	position: relative;
	color: #067A00;
}
.icon-mobile{
	display: inline-block;
	position: relative;
	color: #B50000;
}



/* ========== ОБЩЕЕ ========== */
/* UNIN - табличка разметки в ячейке - [к-во][единица измерения] */
/*
Стандартная разметка - чтобы норм отображалось в ячейках где нужно ширину не по контенту - не задавать фикс. ширину ячейки, а увелививать паддингами слева и справа
<table class='unin'>
	<tr>
		<td>
			<pse class='rasc_fix'>".$rasc_fix_vis."</pse>
		</td>
		<td class='w1'>
			<pse class='rasc_fix_saved hide_imp'>".$rasc_fix."</pse>
		</td>
	</tr>
</table>
*/
.unin{
	display: inline-block;
	width: auto;
}
.unin > tbody > tr > td{
	border: 0px solid #aaa;
	padding: 0px;
	width: 1px;
}
.unin > tbody > tr > td.one{
	text-align: right;
}
.unin > tbody > tr > td.two{
	text-align: left;
}
.unin .icon,
.unin .icon-torsos,
.unin .click_icon_180,
.unin .subs_icon,
.unin .icon-cursor,
.unin .button_click_icon{
	margin-left: 4px  !important;
}
.unin .click_icon_180{
	top: -1px !important;
}
.unin .click_icon{
	top: -1px !important;
	margin-left: 3px !important;
}
.unin .subs_icon{
	top: 0px !important;
}
.unin .icon-cursor{
	top: 1px  !important;
}
.unin .button_click_icon{
	top: -1px  !important;
}
.emoji{
	display: inline-block;
	position: relative;
	top: 1px;
	
	width: 15px;
	height: 15px;
}










/*=== ERROR_PAGE /e.php ===*/
/* КНОПКИ И НАСТРОЙКИ */
.error_ww .error_nav_w{
	position: fixed;
	z-index: 1;
	top: 0px;
	left: 0px;
	
	padding-top: 10px;
	
	background-color: #d4d4d4;
}
.error_ww .controls_tbl{
	width: 450px;
	
	position: fixed;
	z-index: 2;
	top: 5px;
	left: 0px;
}
.error_ww .controls_tbl > tbody > tr > td{
	border: 0px solid #aaa;
	width: 1px;
}
.error_ww .controls_tbl > tbody > tr > td.backtrace_td{
	width: auto;
	text-align: left;
}

/* НАВИГАЦИЯ */
.error_ww #error_nav > tbody > tr > td.work{
	width: 120px;
}
.error_ww .error_nav_block{
	border: 0px solid red;
	position: relative;	
	margin-top: 40px;
	
	overflow: auto;
}

/* ОШИБКИ */
.error_ww .error_w{
	border: 1px solid transparent; /* не убирать */
	overflow: auto;
	
	margin-top: 10px;
}
.error_ww .error_log .add_info{
	display: inline-block;
	float: right;
}
.error_ww .line_num{
	display: inline-block;
	width: 30px;
}
.error_ww .e_url{
	padding: 5px 10px;
	border: 1px solid #aaa;
	margin-right: 5px;
	
	color: #fff;
}
.error_ww .e_url.dev{
	background-color: #cf0200;
}
.error_ww .e_url.test{
	background-color: #009e0a;
}
.error_ww .e_url.biz{
	background-color: #2100b3;
}

/* ОШИБКИ JS */
.js_error_tbl > tbody > tr > td{
	width: 1px;
	padding: 15px 10px;
	
	white-space: nowrap;
	
	border-bottom: 1px dashed #aaa;
}
.js_error_tbl > tbody > tr > td.error_td{
	width: auto;
	
	white-space: normal;
}
.js_error_tbl .back_trace{
	padding-top: 5px;
	padding-left: 50px;
}

/* ОШИБКИ PHP */
.error_ww .id_block{
	border: 2px solid #333;
	border-bottom-width: 0px;
}
.error_ww .id_block:last-child{
	border-bottom-width: 2px;
}
.error_ww .id_block .in{
	box-sizing: border-box;
}
.error_ww .id_block .in > tbody > tr:last-child > td{
	padding-bottom: 15px;
}
.error_ww .id_block .in > tbody > tr > td.php_del_td{
	padding: 5px;
	width: 1px;
}
.php_error{
	border: 2px solid #000;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	
	max-height: 300px;
	overflow: auto;
	
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 999999999;
	
	background-color: #93BBCC;
	color: #000;
	padding: 2px 15px 2px 2px;
	
	/* .break_all */
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all; 
	overflow-wrap: break-word;
}
.php_error .del_icon{
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	
	font-size: 13px;
	color: rgba(255, 255, 255, 0.5);
}
.php_error .del_icon:hover{
	color: rgba(255, 255, 255, 1);
}
.php_error.for_user{
	font-family: Calibri;
	font-weight: bold;
	font-size: 14px;
}
.php_backtrace_tbl{
	width: auto;
	margin-left: 50px;
}
.php_backtrace_tbl > tbody > tr > td{
	border: 0px solid #aaa;
	
	font-weight: bold;
	font-family: Consolas;
	font-size: 14px;
	line-height: 14px;
}
.php_backtrace_tbl > tbody > tr > td.file_td{
	padding-left: 20px;
}



/*===== ФОРМА ЗАГРУЗКИ ФОТО =====*/
.upload_form{
	display: block;
	
	position: relative;
	
	text-align: center;
}
.upload_form .foto{
	cursor: pointer;
	
	background-color: #E3E3E3;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.upload_form .foto:hover{
	background-color: #ececec;
}
.upload_form .foto_w{
	display: inline-block;
	
	position: relative;	
}
.upload_form .foto{	
	border-radius: 15px;
	
	width: 100%;
	height: auto;
	box-sizing: border-box;
			
	overflow: visible;
	
	cursor: pointer;
}
.upload_form .icon-close1{	
	display: inline-block;	
		
	position: absolute;
	right: -15px;
	top: -10px;
	
	color: #ccc;
	font-size: 16px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.upload_form .icon-close1:hover{	
	color: #888;
}




















/*====================== СТИЛЬ ДЛЯ KOSTASH ======================*/
input[type='text'], 
textarea{
	border-radius: 0px;
		
	background-color: #EFEBF2;
	
	font-family: Roboto;
	font-size: 14px;
	line-height: 20px;
	font-weight: 400;
}
textarea{
	height: 135px;
}






/* КАСТОМНЫЙ СКРОЛЛ */
::-webkit-scrollbar{
	width: 8px;
	height: 5px;
}
::-webkit-scrollbar-button{
	width: 0px;
	height: 0px;
	background: #E6E6E6;
}
::-webkit-scrollbar-track{
	background: #E6E6E6;
}
::-webkit-scrollbar-track-piece{
	background: #E6E6E6;
}
::-webkit-scrollbar-corner{
	background :#E6E6E6;
}
::-webkit-resizer{
	background: #E6E6E6;
}
::-webkit-scrollbar-thumb{
	height: 5px;
	background: #D4638F;
	border: 1px solid #D4638F;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
::-webkit-scrollbar-thumb:hover{
	border: 1px solid #D6427C;
	background: #D6427C;
}


/* КАСТОМНЫЙ СЕЛЕКШН */
::selection{
	color: #fff;
	background: #d03370;
}
::-moz-selection{
	color: #fff;
	background: #d03370;
}



/* MFP для просмотра видео */
.watch_video_mfp{
	width: 600px !important;
	
	padding: 0px !important;
	
	box-shadow: 0px 0px 0px transparent !important;
	
	background: transparent !important;
	
	overflow: visible !important;
	
	text-align: center !important;
}
.watch_video_mfp > iframe{
	display: inline-block;
}
.watch_video_mfp .mfp-close-icn{
	display: inline-block !important;
	position: relative !important;
	top: -20px !important;
	right: -10px !important;
}




/* РАЗМЕТКА для того чтобы первый блок был в высоту экрана и контент в нем центрировался по вертикали */
.mid_razm{
	position: relative;
}
.mid_razm > tbody > tr > td{
	border: 0px solid #aaa;
	
	box-sizing: border-box;
	
	padding: 0px;
		
	vertical-align: middle;
	text-align: center;
}




/*=== ШАПКА ===*/
.topper{
	border: 0px solid blue;
	
	position: fixed;
	z-index: 999;
	left: 0px;
	top: 0px;
	
	width: 100%;
	height: 80px;
	
	text-align: center;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.topper.small{
	height: 50px;
	background: #fff;
}
.topper.with_border{
	border-bottom: 1px solid rgba(214, 0, 83, 0.2);
}

/* ЛОГО */
.topper .logo{
	border: 0px solid blue;
	
	width: 270px;
	height: 100%;
	box-sizing: border-box;
	
	margin-left: 50px;
	
	float: left;
	
	background: url('/alex/images/topper/logo_white.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.topper .logo.white{
	background: url('/alex/images/topper/logo_white_all.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}
.topper.small .logo{
	width: 230px;
	
	margin-left: 20px;
		
	background: url('/alex/images/topper/logo.png');
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center center;
}


/*===== МЕНЮ =====*/
.topper .menu{	
	width: auto;
	height: 100%;
	
	position: absolute;
	right: 10px;
	top: 0px;
}
.menu > tbody > tr > td{
	border: 0px solid #aaa;
	
	padding: 0px 4px;	
}
.menu > tbody > tr > td .wrap{
	border: 0px solid #aaa;
	border-radius: 8px;
	
	display: inline-block;
	width: 100%;
	height: 40px;
	box-sizing: border-box;
	
	padding: 5px 18px;
	padding-top: 12px;
	
	color: #fff;
	font-family: Roboto;
	font-size: 14px;
	font-weight: 600;
	cursor: pointer;
	white-space: nowrap;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.topper.small .menu > tbody > tr > td .wrap{
	border-width: 0px;
	
	height: 33px;
	padding: 3px 18px;
	padding-top: 9px;
	
	color: #000;
}
/* РОЗОВОЕ */
.topper.pink .menu > tbody > tr > td .wrap:hover{
	background: rgba(208, 51, 112, 0.8);
	color: #fff;
}
.topper.pink .menu > tbody > tr > td .wrap.selected{
	background: #d03370;
}
.topper.small.pink .menu > tbody > tr > td .wrap:hover, 
.topper.small.pink .menu > tbody > tr > td .wrap.selected{
	background: rgba(208, 51, 112, 0.8);
	color: #fff;
}
/* БЕЛОЕ */
.topper.white .menu > tbody > tr > td .wrap{
	color: #fff;
}
.topper.white .menu > tbody > tr > td .wrap:hover{
	background: rgba(255, 255, 255, 0.8);
	color: #222;
}
.topper.white .menu > tbody > tr > td .wrap.selected{
	background: #fff;
	color: #000;
}
.topper.small.white .menu > tbody > tr > td .wrap:hover, 
.topper.small.white .menu > tbody > tr > td .wrap.selected{
	background: rgba(208, 51, 112, 0.8);
	color: #fff;
}


/*== МОБИЛЬНОЕ ==*/
/* ИКОНКА */
.menu_hid_w{	
	border: 0px solid blue;
	
	width: auto;
	height: 100%;
	box-sizing: border-box;
	
	padding-top: 13px;
	padding-right: 20px;
	
	position: relative;
	float: right;
	
	cursor: pointer;
}
.menu_hid_w .menu_bar_w{
	border: 0px solid #aaa;
	
	display: inline-block;
	
	width: 30px;
	height: 24px;
	
	position: relative;
	top: -3px;
	
	padding-top: 2px;
}
.menu_hid_w .menu_bar{
	display: block;
	position: absolute;
	left: 0%;
	width: 100%;
	height: 2px;
	box-sizing: content-box;
	
	background-color: #D9296D;
	
	transform: scale(1, 1);
	
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.menu_hid_w .menu_bar[num='1']{
	top: 6px;
}
.menu_hid_w .menu_bar[num='2'],
.menu_hid_w .menu_bar[num='3']{
	top: 14px;
}
.menu_hid_w .menu_bar[num='4']{
	top: 22px;
}
.menu_hid_w.selected .menu_bar[num='1'],
.menu_hid_w.selected .menu_bar[num='4']{
	top: 12px;
	transform: scale(0, 1);
}
.menu_hid_w.selected .menu_bar[num='2']{
	transform: rotate(45deg);
}
.menu_hid_w.selected .menu_bar[num='3']{
	transform: rotate(-45deg);
}
/* САМО МЕНЮ */
.menu_1_w{	
	border: 0px solid blue;

	width: auto;
	height: 0px;
	
	position: absolute;
	right: 0px;
	top: 50px;
	
	background: #fff;
	
	overflow: hidden;
	
	transition: 0.4s;
	-webkit-transition: 0.4s;
}
.menu_hid_w.selected .menu_1_w{
	height: 240px;
	
	border-left: 1px solid rgba(214, 0, 83, 0.2);
	border-bottom: 1px solid rgba(214, 0, 83, 0.2);
}
.menu_1{
	width: auto;
}
.menu_1 > tbody > tr > td{
	border: 0px solid #aaa;
	
	height: 40px;
	box-sizing: border-box;
	
	padding: 2px 20px 0px 20px;
	
	color: #333;
	font-family: Roboto;
	font-style: normal;
	font-weight: 400;
	font-size: 17px;
	line-height: 17px;
	text-transform: uppercase;
	vertical-align: middle;
	white-space: nowrap;
	
	transition: 0.2s;
	-webkit-transition: 0.2s;
}
.menu_1 > tbody > tr > td:hover{
	color: #fff;
	background-color: #d03370;
}



/*===== БЛОГ =====*/
/* ТАБЛИЦА С ИНФОЙ О ПОСТЕ */
	.blog_info_tbl{
		width: auto;
		
		margin-bottom: 7px;
	}
	.blog_info_tbl[where='blog']{
		margin-left: 15px;
	}
	.blog_info_tbl > tbody > tr > td{
		border: 0px solid #aaa;	
	}
	.blog_info_tbl .icon{
		display: inline-block;
		
		position: absolute;
		left: 0px;
	}
	.blog_info_tbl .date, 
	.blog_info_tbl > tbody > tr > td{
		color: #888;
		font-family: Roboto;
		font-style: normal;
		font-weight: 400;
		font-size: 14px;
	}
	.blog_info_tbl > tbody > tr > td.views_td .wrap{
		padding-left: 22px;
		padding-right: 5px;
	}
	.blog_info_tbl .icon-eye{
		top: 2px;
		left: 2px;
	}
	.blog_info_tbl > tbody > tr > td.date_td .wrap{
		padding: 1px 2px 0px 22px;
	}
	.blog_info_tbl .icon-calendar{
		top: -1px;
		
		color: #888;
		font-size: 18px;
	}
	.blog_info_tbl > tbody > tr > td.cat_td .icon-bookmark{
		display: inline-block;
		position: relative;
		top: 1px;
	}
	.blog_info_tbl > tbody > tr > td.cat_td .cat{
		border: 0px solid #aaa;
		
		display: inline-block;
		position: relative;
		top: -3px;
		
		margin-right: 5px;
		
		cursor: pointer;
	}
	.blog_info_tbl > tbody > tr > td.cat_td .cat:hover{
		color: #d03370;
	}
	.blog_info_tbl .icon-bookmark{
		top: -1px;
		
		font-size: 18px;
	}
	







/*======= ФУТЕР =======*/
	/*== САМ ФУТЕР ==*/
		.footer{	
			width: 100%;
			padding: 20px;
			padding-top: 25px;
			box-sizing: border-box;
			
			position: relative;
			
			border-top: 1px solid rgba(0, 0, 0, 0.5);
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.15));
		}
		@media screen and (max-width: 1280px){
			.footer{
				padding: 10px;
			}
		}
	
	/*== ВНЕШНЯЯ ТАБЛИЦА РАЗМЕТКИ - не перемещать ==*/
		.footer_tbl .footer{
			border-top: 0px solid #aaa;
			background: transparent;
		}
		.footer_tbl > tbody > tr > td{
			border-top: 1px solid rgba(179, 0, 69, 0.3);
			padding: 0px;
			
			vertical-align: middle;
			
			background: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1)), 
						url('/alex/images/footer/footer.jpg');
			background-repeat: no-repeat;
			background-size: cover;
			background-position: center center;
		}
		@media screen and (max-width: 650px){
			.footer_tbl > tbody > tr > td{
				height: 150px;
			}
		}
		@media screen and (max-width: 450px){
			.footer_tbl > tbody > tr > td{
				height: 200px;
			}
		}
	
	/*== ВНУТРЕННЯЯ ТАБЛИЦА РАЗМЕТКИ ==*/
		.footer_in{
			table-layout: fixed;
		}
		.footer_in > tbody > tr > td{
			border: 0px solid #aaa;
		}
		
	/* МЕНЮ */
		.footer_in > tbody > tr > td.menu_td{
			box-sizing: border-box;
			
			padding-left: 45px;
			
			vertical-align: middle;
					
			color: #111;
			font-family: Roboto;
			font-weight: 700;
			font-size: 15px;
			text-align: center;
			letter-spacing: 0px;
			line-height: 15px;
			text-align: left;	
			text-transform: uppercase;	
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.15);
		}
		@media screen and (max-width: 930px){
			.footer_in > tbody > tr > td.menu_td{				
				padding: 10px 5px 10px 5px;
				
				text-align: center;	
			}
		}
		.footer_in > tbody > tr > td.menu_td .menu_w{
			border: 0px solid blue;
			border-radius: 10px;
			
			display: inline-block;
			
			height: 40px;
			box-sizing: border-box;
			
			padding: 13px 20px 0px 20px;
			
			
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.2));
			box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
	
			cursor: pointer;
			white-space: nowrap;
			text-shadow: 1px 1px 0px rgba(208, 51, 112, 0.1);
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.footer_in > tbody > tr > td.menu_td .menu_w:hover{
			border-color: rgba(208, 51, 112, 0.8);
			
			background-color: rgba(255, 255, 255, 0.9);
			box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
			
			color: #CC004F;
		}
	
	/* ТЕКСТ */
		.footer_in > tbody > tr > td.text_td{		
			vertical-align: middle;
			
			color: #111;
			font-family: Roboto;
			font-weight: 700;
			font-size: 15px;
			text-align: center;
			letter-spacing: 0px;
			line-height: 17px;
			text-align: center;
		}
		@media screen and (max-width: 930px){
			.footer_in > tbody > tr > td.text_td{					
				padding: 10px 5px 10px 5px;
			}
			.footer_in > tbody > tr > td.text_td[num='0']{
				padding-top: 25px;
			}
			.footer_in > tbody > tr > td.text_td[num='2']{
				padding-bottom: 25px;
			}
		}
		.footer_in > tbody > tr > td.text_td a{
			color: #111;
			font-family: Roboto;
			font-weight: 700;
			font-size: 15px;
			text-align: center;
			letter-spacing: 0px;
			line-height: 17px;
			text-align: center;
		}
		.footer .mailto{
			color: #111;
			font-family: Roboto;
			font-weight: 700;
			font-size: 15px;
			text-align: center;
			letter-spacing: 0px;
			line-height: 17px;
			text-align: center;
		}
		.footer_in > tbody > tr > td.legal_td{	
			vertical-align: top;
		}
		.footer_in > tbody > tr > td.legal_td a{	
			display: inline-block;
			margin-bottom: 3px;
		}
		.footer_in > tbody > tr > td.logo_td{	
			vertical-align: top;
		}
		.footer_in .logo{						
			display: inline-block;
			
			position: relative;
			left: -5px;
			
			width: 100%;
			max-width: 300px;
			height: auto;
			
			margin-top: 0px;
		}			
		@media screen and (max-width: 930px){
			.footer_in > tbody > tr > td.logo_td{			
				display: none;
			}
		}
	
	/* ИКОНКИ СОЦ-СЕТЕЙ */
		.footer_in > tbody > tr > td.soc_td{
			box-sizing: border-box;
			
			padding: 8px 45px 8px 5px;
			
			text-align: right;	
		}
		@media screen and (max-width: 930px){
			.footer_in > tbody > tr > td.soc_td{			
				padding: 10px 5px 10px 5px;
				
				text-align: center;	
			}
		}
		.footer .soc_td a{
			border: 0px solid #D03370;
			border-radius: 10px;
			
			background: linear-gradient(to bottom, rgba(255, 255, 255, 0.8), rgba(0, 0, 0, 0.2));
			box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.8);
				
			display: inline-block;
			
			height: 40px;
			box-sizing: border-box;
			
			padding: 7px 12px 0px 12px;
			
			text-decoration: none;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.footer .soc_td a:hover{
			border-color: rgba(208, 51, 112, 0.8);
			
			background-color: rgba(255, 255, 255, 0.9);
			box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);			
		}
		.footer .soc_td .icon{
			display: inline-block;
			
			color: #D03370;
			font-size: 24px;
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 1);
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.footer .soc_td a:hover .icon{			
			color: #d03370;
			text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.7);
		}
		.footer .soc_td .soc_name{
			display: inline-block;
			position: relative;
			top: -5px;
			
			margin-right: 5px;
			
			color: #111;
			font-family: Roboto;
			font-size: 16px;
			font-weight: 700;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.footer .soc_td a:hover .soc_name{
			color: #CC165D;
			
			text-shadow: 1px 1px 0px rgba(208, 51, 112, 0.1);
		}
		.footer .soc_td .icon-vk,
		.footer .soc_td .icon-instagram{
			display: inline-block;
			position: relative;
			
			left: -1px;
		}



/*===== ПРАВАЯ КОЛОНКА =====*/
.right_col{
	 border: 0px solid #aaa;
	 
	 width: 280px;
	 box-sizing: border-box;
	 	 	 
	 text-align: center;
}
.right_col > div{
	border-bottom: 1px solid rgba(208, 51, 112, 0.2);
	
	padding-top: 15px;
	padding-bottom: 30px;
}


/* ЗАГОЛОВОК В ПРАВОЙ КОЛОНКЕ */
.right_col .header_big{
	display: inline-block;
	
	margin-bottom: 10px;
		
	color: #000;
	font-family: Roboto;
	font-weight: 600;
	font-size: 22px;
	line-height: 28px;
	text-align: center;
}

/* КНОПКА */
.right_col .rc_button{
	border: 2px solid #d03370;
	border-radius: 10px;
	
	display: inline-block;
	position: relative;
		
	padding: 10px 25px;
	
	color: #d03370;
	font-family: Roboto;
	font-weight: 400;
	font-size: 16px;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.right_col .rc_button:hover{
	background: #d03370;
	
	color: #fff;
}

/* КАТЕГОРИИ БЛОГА */
.blog_cat{	
	padding-top: 5px !important;
}
.blog_cat .cat_header{	
	margin-top: 00px;
	margin-bottom: 20px;
	
	color: #333;
	font-family: Roboto;
	font-size: 24px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
}
.blog_cat .cat{
	border: 2px solid #d03370;
	border-radius: 5px;
	
	display: inline-block;
	
	margin-bottom: 10px;
	margin-right: 5px;
	
	padding: 10px;
	
	color: #d03370;
	font-family: Roboto;
	font-size: 15px;
	font-weight: 400;
	text-align: left;
	cursor: pointer;
	
	-webkit-transition: 0.2s;
	transition: 0.2s;
}
.blog_cat .cat:hover{
	background: #d03370;
	
	color: #fff;
}

/* КОНСУЛЬТАЦИЯ */
.cons{	
	text-align: center;
}
.right_col .cons .header_big{
	display: inline-block;
	
	margin-bottom: 15px;
	
	color: #d03370;
	font-size: 24px;
	line-height: 31px;
}
.cons .header_small{
	display: inline-block;
	
	margin-bottom: 10px;
	
	color: #222;
	font-family: Roboto;
	font-weight: 600;
	font-size: 16px;
	ine-height: 21px;
}
.cons .img{
	border-radius: 15px;
	
	width: 90%;
	height: auto;
	
	margin-bottom: 10px;
}
.cons a{
	text-decoration: none;
}

/* КУРС */
.course{		
	text-align: center;
}
.right_col .course .header_big{
	display: inline-block;
	
	margin-bottom: 10px;
		
	cursor: pointer;
}
.course .img{
	border-radius: 15px;
	
	width: 90%;
	height: auto;
	
	cursor: pointer;
}
.course .rc_button{
	margin-top: 15px;	
}

/* ВИДЕО */
.right_col .video_w{		
	padding-top: 25px;
	padding-bottom: 25px;
	
	text-align: center;
}
.right_col .iframe{
	border: 0px solid blue;
	border-radius: 15px;
	
	display: inline-block;
	
	width: 90%;
	height: 180px;
	
	margin-bottom: 25px;
}

/* YOUTUBE */
.yt{	
	text-align: center;
}
.yt .header_big{
	color: #d03370;
}
.yt > iframe{
	display: inline-block;
}



/* VK */
.right_col .vk{
	padding-top: 10px;
	
	text-align: center;
}
.vk > iframe{
	display: inline-block;
	width: 240px;
}




/* #region ПЕРЕКЛЮЧАТЕЛЬ СТРАНИЦ */

	/* ОБЕРТКА И СТРЕЛКИ */
		.page_per_ww{
			border: 0px solid red;
			
			display: inline-block;
				
			width: 247px;  /* может изменятся в js */
			height: 32px;
			box-sizing: border-box;
			
			margin-bottom: 15px;
			
			padding-left: 30px;
			padding-right: 30px;
			
			position: relative;
		}
		.page_per_ww .left_w, 
		.page_per_ww .right_w{
			border: 1px solid #E0E0E0;
			
			display: inline-block;
			
			padding: 5px;
			
			width: 30px;
			height: 100%;
			box-sizing: border-box;
			
			position: absolute;
			top: 0px;
			
			color: #DE407A;
			cursor: pointer;
			text-align: center;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.page_per_ww .left_w.disabled, 
		.page_per_ww .right_w.disabled{
			cursor: no-drop;
		}
		.page_per_ww .left_w{
			border-right-width: 0px;
			border-top-left-radius: 10px;
			border-bottom-left-radius: 10px;
			
			left: 0px;
		}
		.page_per_ww .right_w{
			border-left-width: 0px;
			border-top-right-radius: 10px;
			border-bottom-right-radius: 10px;
			
			right: 0px;
		}
		.page_per_ww .left_w:not(.disabled):hover,
		.page_per_ww .right_w:not(.disabled):hover{
			border-color: #DE407A;
			background: #DE407A;
			
			color: #fff;
		}
		.page_per_ww .arrow{
			display: inline-block;
			position: relative;
			
			top: 4px;
		}
	/**/

	/* ТАБЛИЦА */
		.page_per_w{
			border: 0px solid red;
			
			display: inline-block;
			
			width: 187px; /* может изменятся в js */
			height: 32px;
			box-sizing: border-box;
			
			position: relative;
			
			overflow: hidden;
		}
		.page_per{	
			width: auto;
			table-layout: fixed;
			
			position: absolute;
			left: 0px;
			top: 0px;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.page_per > tbody > tr > td{	
			border: 1px solid #E0E0E0;
			
			padding: 0px;
			
			color: #DE407A;
			cursor: pointer;
			
			-webkit-transition: 0.2s;
			transition: 0.2s;
		}
		.page_per > tbody > tr > td:hover{
			background: #eee;
			
			color: #D1004D;
		}
		.page_per > tbody > tr > td.selected{
			border-color: #DE407A;
			background: #DE407A;
			
			color: #fff;
		}
		.page_per > tbody > tr > td > .wrap{
			padding: 6px 5px 4px 5px;
			
			width: 30px;
			height: 30px;
			box-sizing: border-box;
			
			text-align: center;
		}
	/**/
		
/* #endregion  */
		
		
	
/* #region СТАНДАРТНЫЕ БЛОКИ */

	/* #region БЛОК ФОТКА-СПИСОК - http://prntscr.com/m0qijx */ 
		.ul_foto_div{
			border: 0px solid blue;

			width: 80%;

			margin: 0px auto;

			text-align: center;
		}
		@media screen and (max-width: 1280px){
			.ul_foto_div{
				width: 100%;
			}
		}
		.ul_foto_div:before {
			border: 0px solid red;
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
			margin-right: -0.25em; /* Adjusts for spacing */
		}
		.ul_foto_div .ul_foto_img{
			border-radius: 20px;
			
			display: inline-block;

			width: calc(50% - 50px);

			margin-right: 25px;

			vertical-align: middle;
		}
		@media screen and (max-width: 970px){
			.ul_foto_div .ul_foto_img{
				display: none;
			}
		}
		.ul_foto_div .text_w{
			border: 0px solid red;

			display: inline-block;

			width: 50%;

			vertical-align: middle;
		}
		@media screen and (max-width: 970px){
			.ul_foto_div .text_w{
				width: 80%;
			}
		}
		@media screen and (max-width: 780px){
			.ul_foto_div .text_w{
				width: 95%;
			}
		}
		.ul_foto_div .text_w .header{
			margin-bottom: 15px;

			font-family: Roboto;
			font-size: 22px;
			line-height: 25px;
			font-weight: 900;
			text-align: center;
		}

		.ul_foto_div ul{
			display: inline-block;
			
			margin-left: 20px;
			list-style: outside;
		}
		.ul_foto_div li{
			margin-bottom: 20px;
			
			font-family: Roboto;
			font-style: normal;
			font-weight: 400;
			font-size: 20px;
			line-height: 23px;
		}
		@media screen and (max-width: 600px){
			.ul_foto_div li{
				margin-bottom: 15px;
			}
		}
		.ul_foto_div li:last-child{
			margin-bottom: 0px;
		}

	/* #endregion  */


/* #endregion  */