/* --- Основные стили --- */ 

@font-face {
	font-family: 'PN';
    src: url('fonts/Proxima Nova Regular.eot');
    src: local('Proxima Nova Regular'),
         url('fonts/Proxima Nova Regular.eot?#iefix') format('embedded-opentype'),
         url('fonts/Proxima Nova Regular.woff') format('woff'),
         url('fonts/Proxima Nova Regular.ttf') format('truetype'),
         url('fonts/Proxima Nova Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'PN-bold';
    src: url('fonts/Proxima Nova Bold.eot');
    src: local('Proxima Nova Bold'),
         url('fonts/Proxima Nova Bold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Proxima Nova Bold.woff') format('woff'),
         url('fonts/Proxima Nova Bold.ttf') format('truetype'),
         url('fonts/Proxima Nova Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family: 'PN-thin';
    src: url('fonts/Proxima Nova Thin.eot');
    src: local('Proxima Nova Thin'),
         url('fonts/Proxima Nova Thin.eot?#iefix') format('embedded-opentype'),
         url('fonts/Proxima Nova Thin.woff') format('woff'),
         url('fonts/Proxima Nova Thin.ttf') format('truetype'),
         url('fonts/Proxima Nova Thin.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


* {
	margin: 0;
	padding: 0;
	border: 0;
}

html
{
	height: 100%;
	background: #232831;
}

body.admin
{
	color: #000;
	font-family: PN, ARIAL, sans-serif;
	font-size: 14px;
	min-height: 100%;
	min-width: 1227px;
	margin: 0 auto;
	background: #232831;
	overflow-y: scroll;
}

body.index
{
	color: #000;
	font-family: PN, ARIAL, sans-serif;
	font-size: 12px;
	background: #232831;
}

.ind {
	background: #fff;
}

.index_content
{
	width: 250px;
	border: 2px solid #000;
	background: #e0e0e0;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -111px;
	margin-left: -151px;
	padding: 25px;
}

article, section, aside, hgroup, nav, header, footer, figure, figcaption 
{
	display: block;
}

.clear
{
	clear: both;
}

.none
{
	display: none;
}

a
{
	color: #069;
	text-decoration: none;
}

input, textarea, select
{
	border: 1px solid #aaa;
	outline: none;
	line-height: 1;
	padding: 5px 10px 5px 10px;
	background: #fff;
	font-family: PN, ARIAL, sans-serif;
}

.modbox .input
{
	background: #fff !important;
}

input::-webkit-input-placeholder
{
	font-family: PN, ARIAL, sans-serif;
	outline: none;
	line-height: 1;
	padding: 1px 0px 0px 0px;
}
input:-moz-placeholder
{
	font-family: PN, ARIAL, sans-serif;
	outline: none;
	line-height: 1;
	padding: 1px 0px 0px 0px;
}
textarea::-webkit-input-placeholder
{
	font-family: PN, ARIAL, sans-serif;
	outline: none;
	line-height: 1;
	padding: 1px 0px 0px 0px;
}
textarea:-moz-placeholder
{
	font-family: PN, ARIAL, sans-serif;
	outline: none;
	line-height: 1;
	padding: 1px 0px 0px 0px;
}

header
{
	background: #fff;
}

footer
{
	text-align: right;
	font-size: 10px;
	color: #0C3C6A;
	position: fixed;
	bottom: 0px;
	z-index: 99;
	width: 100%;
	background: #fff;
}

.logo
{
	width: 250px;
	height: 83px;
	float: left;
	text-align: center;
}
.logo div
{
	width: 250px;
	height: 83px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
}

.logo_index
{
	width: 240px;
	height: 76px;
	padding: 5px;
	text-align: center;
	margin: 0px 0px 30px 0px;
	background: url(images/logo1.png) left center no-repeat;
}

.admin_header
{
	background: url(images/top_bg2.png) top center repeat-x;
	min-width: 1227px;
}

.head_user
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 83px;
	min-width: 947px;
}

.head_user_name
{
	color: #eee;
}

.head_user_txt
{
	color: #bbb;
	margin: 0px 10px 0px 0px;
}

.head_user_out
{
	margin: 0px 0px 0px 50px;
	color: #eee;
}

.head_user_out:hover
{
	text-decoration: underline;
}

nav
{
	width: 250px;
//	padding: 25px 0px;
	float: left;
	position: relative;
}

.top_left
{
	width: 175px;
	padding: 25px 0px 25px 25px;
	float: left;
}
.container
{
	background: #232831;
//	min-width: 1240px;
}

.content
{
	margin: 0px 0px 0px 0px;
	min-height: 400px;
	position: relative;
//	overflow: hidden;
	background: #fff;
}
.pcontent
{
	margin: 0px 0px 0px 0px;
	min-height: 400px;
	position: relative;
	background: #fff;
}


.content1
{
	padding: 20px 20px 80px 20px;
	min-width: 710px;
//	overflow: auto;
	margin: 0px 0px 37px 0px;
	background: #fff;
}
.top_left
{
	padding-top: 17px;
	padding-bottom: 14px;
	height: 12px;
	float: left;
}

.top_pl
{
	padding: 25px 20px;
	display: block;
	font-size: 14px;
	line-height: 1;
	background: #eef9f9;
}

.top
{
//	background: url(images/submenu_gradient.gif) top center repeat-x #F0F3F5;
}

.top_name
{
	padding: 7px 0px 0px 0px;
	width: 485px;
	float: left;
}

.show_name
{
	padding: 7px 0px 0px 0px;
	float: left;
	font-size: 14px;
	color: #000;
	width: 450px;
}

.top_left_link
{
	color: #eee;
}

.top_left_link:hover
{
	text-decoration: underline;
}

.top_button
{
	cursor: pointer;
	display: block;
	padding: 5px 10px;
	text-align: center;
	margin: 0px 0px 0px 20px;
	float: right;
	background: #232831;
	border: 1px solid #232831;
	letter-spacing: 1px;
	color: #fff;
	box-shadow: inset 0px 0px 0px 1px #fff; 
}

.admin_menu_link
{
	color: #fff;
}

.admin_menu_link:hover
{
	color: #fff;
}

.admin_menu_link1
{
	color: #fff;
}


.buttons
{
	display: inline-block;
	padding: 10px 20px;
	text-align: center;
	background: #232831;
	letter-spacing: 1px;
	color: #fff;
	cursor: pointer;
}


.button, .button_alert
{
	cursor: pointer;
	font-size: 13px;
	padding: 10px 16px 9px 16px;
	text-align: center;
	background: #a3c500;
	letter-spacing: .03em;
	color: #fff;
	display: inline-block;
	border: 0px;
}

.button0
{
	cursor: default;
	font-size: 13px;
	padding: 10px 16px 9px 16px;
	text-align: center;
	background: #e0e0e0;
	border: 0px;
    	letter-spacing: .03em;
	color: #fff;
	display: inline-block;
}

.button1
{
	cursor: pointer;
	font-size: 13px;
	padding: 10px 16px 9px 16px;
	text-align: center;
	background: #f36037;
	border: 0px;
	letter-spacing: .03em;
	color: #fff;
	display: inline-block;
}

.button2
{
	cursor: pointer;
	font-size: 13px;
	padding: 10px 16px 9px 16px;
	text-align: center;
	background: #bbb;
	border: 0px;
	letter-spacing: .03em;
	color: #fff;
	display: inline-block;
}

.button3
{
	cursor: pointer;
	font-size: 13px;
	padding: 10px 16px 9px 16px;
	text-align: center;
	background: #c39b14;
	border: 0px;
	letter-spacing: .03em;
	color: #fff;
	display: inline-block;
}



.headerSortDown .down
{
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 5px;
}

.headerSortUp .down
{
	display: none;
}

.headerSortDown .up
{
	display: none;
}

.headerSortUp .up
{
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 5px;
}


.formbox
{
	margin: 0px 0px 15px 0px;
	line-height: 1.5em;
}

.formbox_submit
{
	margin: 30px 0px 0px 0px;
}

.input, .select
{
	width: 100%;
	height: 32px;
	padding: 5px 10px 5px 10px;
	background: #eee;
	color: #0C3C6A;
	resize: none;
	font-family: PN, ARIAL, sans-serif;
	box-sizing: unset;
	box-sizing: border-box;
}
select.input, .select
{
	width: 907px;
	height: 32px;
	padding: 4px 5px;
	box-sizing: border-box;
}
.select option
{
	padding: 2px 10px;
}

.input_index
{
	width: 228px;
	padding: 8px 10px 6px 10px;
	background: #fff;
	color: #444;
	font-family: PN, ARIAL, sans-serif;
	border: 1px solid #fff;
	border-top-color: #afafaf;
	border-left-color: #afafaf;
}

.formbox_show
{
	padding: 0px 0px 15px 0px;
	margin: 0px 0px 15px 0px;
	line-height: 1.5em;
	border-bottom: 1px solid #0C3C6A;
}


.table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #e8e8e8;
	font-size: inherit;
}

.table th
{
	background: #4a5461;
	text-align: left;
	border: 1px solid #8f96a2;
	padding: 10px 9px;
	color: #fff;
	font-weight: normal;
	position: relative;
}

.table td
{
	border: 1px solid #e8e8e8;
	padding: 10px 9px;
}

.tables tr:hover
{
	background: #eee;
}

table, td, th, tr 
{
	border: 0px;
}

.header
{
	cursor: pointer;
}


table.tables, table.tables tr, table.tables tr th, table.tables tr td
{
	border: 1px solid #000;
	color: #000;
	text-align: left;
	border-collapse: collapse;
} 
table.tables tr th, table.tables tr td
{
	padding: 5px;
}
table.tables th
{
	position: relative;
	//cursor: pointer;
}

table.tables tbody tr:hover
{
	background: #eee;
}

table.tables thead tr, table.tables th
{
	background: #ccc;
}


.ptable {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
	border: 1px solid #e8e8e8;
	font-size: inherit;
	box-sizing: border-box;
}

.ptable th
{
	text-align: left;
	border: 1px solid #e8e8e8;
	padding: 10px 9px;
	color: #333;
	font-weight: bold;
	position: relative;
}

.ptable td
{
	border: 1px solid #e8e8e8;
	padding: 10px 9px;
}



fieldset {
	border: 1px solid #a9a9a9;
	padding: 8px 9px 8px 9px;
	margin: 25px 0;
	width: 887px;
	font-family: PN, ARIAL, sans-serif;
}
fieldset .input {
	width: 865px;
	background: #E8FFD0 !important;
	font-family: PN, ARIAL, sans-serif;
}
fieldset select.input, fieldset .select {
	width: 887px;
	background: #E8FFD0 !important;
	font-family: PN, ARIAL, sans-serif;
}
legend {
	font-weight: bold;
}


.topm, .topt, .toptv
{
	line-height: 1;
	text-align: center;
	font-size: 12px;
	display: block;
	padding: 0px 0px 1px 0px;
}
.topmb
{
	margin-left: -4px;
}
.topms, .topmsv
{
	float: left;
	width: 90px;
	text-align: center;
	display: block;
	padding: 0px 10px 9px 10px;
}
.topmsv
{
	background: #fff;
	box-shadow: 0px 5px 10px -5px #333;
}
.top_arr
{
	width: 0px;
	height: 0px;
	border: 7px solid transparent;
	border-top: 7px solid;
	margin: auto;
}
.topms img, .topmsv img
{
	margin: 10px 0px 5px 0px;
}
.topmsv .top_img
{
	background-position: bottom center !important;
}
.topt
{
	color: #232831;
	border-bottom: 1px dotted;
}
.toptv
{
	color: #1d6aa7;
}

.admin_menu, .admin_menuv
{
	display: block;
}

.userst, .userstv, .admin_menu, .nav_menu, .admin_menuv
{
	line-height: 1;
	font-size: 14px;
	background: none;
	cursor: pointer;
	color: #fff;
	padding: 12px 25px;
	display: block;
}
.userst:hover, .admin_menu:hover
{
	background: #474f60;
}
.userstv, .admin_menuv
{
	background: #363d45;
}

.nav_menu
{
	font-size: 18px;
}

.favorite_client
{
	background: url(images/star.png);
	background-position: bottom center;
}

.fire_tasks, .fire_tasksv
{
	background: url(images/fire.png);
	background-position: bottom center;
}

.userstv .fire_tasks, .userst:hover .fire_tasks, .fire_tasks:hover, .fire_tasksv
{
	background-position: top center;
}

.userstv .favorite_client, .userst:hover .favorite_client, .favorite_clients, .userstv .favorites, .userst:hover .favorite
{
	background-position: top center;
}

.left_plus, .userst:hover .left_plus, .left_plus:hover, .left_pluss
{
	background: url(images/s-common-icons.png);
	background-position: -24px -25px;
}
.userstv .left_plus
{
	background-position: -4px -64px;
}


.favorite
{
	background: url(images/star.png);
	background-position: bottom center;
}
.favorites
{
	background: url(images/star.png);
	background-position: top center;
}

.none {
	display: none !important;
}


#sortable, #sortable1, .sort { list-style-type: none; margin: 0; padding: 0; width: 100%; }
#sortable, #sortable1, .sort li { }
html>body #sortable li, html>body #sortable1 li { }
.ui-state-highlight { border: 0px; background: none; }
  

.tr_active
{
	background: #FFEBA0;
} 

.select_add_group:hover
{
	background: #FFEBA0;
}


ul.sortable, ul.ul, ul#sortable1
{
    list-style-type: none;
    list-style-image: none;
}
ul.ul li, ul#sortable1 li
{
	padding: 0px;
	margin: 0px;
}

.filter_cl {
	padding: 5px 25px;
}


.user_to_class, .otdel_to_class, .sec_to
{
	cursor: pointer;
}
.user_to_class:hover, .otdel_to_class:hover
{
	background: #FFEBA0;
}
.sec_to:hover
{
	background: #eaeaea;
}
.act, .sec_to:hover.act
{
	background: #FFEBA0;
}

.top_arrow:hover
{
	background: rgba(255,255,255,0.2);
}


span.checkbox
{   
	float: left; 
	cursor: pointer;
	display: block;
	width: 17px;
	height: 15px;
	background: url(images/checkbox.png) top center no-repeat;
	margin: 0px 0px 0px 0px;
}
span.checkbox input
{
	display: none;
}
span.checkbox .check
{
	width: 17px;
	height: 15px;
	float: left;
}
span.checkbox.checked .check
{
	background: url(images/checked.png) no-repeat;
}


span.checkbox1
{   
	float: left; 
	cursor: pointer;
	display: block;
	width: 17px;
	height: 15px;
	background: url(images/checkbox1.png) top center no-repeat;
	margin: 0px 0px 0px 0px;
}
span.checkbox1 input
{
	display: none;
}
span.checkbox1 .check
{
	width: 17px;
	height: 15px;
	float: left;
}
span.checkbox1.checked .check
{
	background: url(images/checked1.png) no-repeat;
}


span.radio
{   
	float: left; 
	cursor: pointer;
	display: block;
	width: 16px;
	height: 16px;
	background: url(images/radio.png) top center no-repeat;
	margin: 0px 0px 0px 0px;
}
span.radio input
{
	display: none;
}
span.radio .check
{
	width: 16px;
	height: 16px;
	float: left;
}
span.radio.checked .check
{
	background: url(images/radio_check.png) no-repeat;
}



.leftm
{
	float: left; 
	width: 160px;
	padding: 4px 0px 0px 0px;
}
.left_count, .left_countv
{
	float: right;
	width: 28px;
	height: 14px;
	color: #fff;
	font-size: 14px;
	padding: 5px 5px 4px 5px;
	line-height: 1;
	text-align: center;
//	background: url(images/left_count.png) top center no-repeat;
}
.left_countv
{
//	background: url(images/left_countv.png) top center no-repeat;
}


table.tbl
{
	width: 907px !important;
}
table.tbl, table.tbl tr, table.tbl tr th, table.tbl tr td
{
	border: 1px solid #000;
	color: #000;
	text-align: left;
	border-collapse: collapse;
} 

table.tbls
{
	min-width: 907px !important;
	width: 100%;
}
table.tbls, table.tbls tr, table.tbls tr th, table.tbls tr td
{
	border: 1px solid #000;
	color: #000;
	text-align: left;
	border-collapse: collapse;
} 


.comment_blocks:hover
{
	background: #DEF2DA;
}



.calend_nav
{
	width: 27px;
	height: 14px;
	padding: 6px 0px;
	float: left;
	font-size: 12px;
	color: #fff;
	text-align: center;
}
.calend, .calends, .calendss, .calenda
{
	width: 27px;
	height: 14px;
	padding: 6px 0px;
	float: left;
	font-size: 12px;
	color: #fff;
	text-transform: uppercase;
	text-align: center;
}
.calends
{
	background: #434A53;
	color: #fff;
}
.calenda
{
	background: #1D7F98;
	color: #fff;
}



.hcalend_nav
{
	width: 27px;
	height: 14px;
	padding: 6px 0px;
	float: left;
	font-size: 12px;
	color: #333;
	text-align: center;
}
.hcalend, .hcalends, .hcalendss, .hcalenda
{
	width: 27px;
	height: 14px;
	padding: 6px 0px;
	float: left;
	font-size: 12px;
	color: #333;
	text-transform: uppercase;
	text-align: center;
	cursor: pointer;
}
.hcalends
{
	background: #eee;
	color: #333;
}
.hcalenda
{
	background: #c10b0b;
	color: #fff;
}

.rcalenda
{
	background: #38c10b;
	color: #fff;
}
.rcalenda1
{
	background: #eae414;
	color: #333;
}
.rcalenda2
{
	background: #ff8585;
	color: #333;
}


.list_show_pl:hover
{
	background: #ccc;
}

ul#sortable
{
	margin: 0px 0px 0px 0px;
	list-style-image: none;	
}
ul#sortable li
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

ul {
	margin: 15px 0px 0px 25px;
	list-style-image: url(images/li.png);	
}

ol {
	margin: 15px 0px 0px 20px;
}

li
{
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 10px 0px;
}

table
{
	font-size: 14px;
}

.quotes
{
	display: inline-block;
	cursor: pointer;
	width: 12px;
	height: 12px;
	margin: 0px 0px 0px 20px;
	background: url(images/quotes.png) top center no-repeat;
	background-size: cover;
	opacity: 0.5;
}
.quotes:hover
{
	opacity: 1;
}

.sends_tp
{
	float: left;
	margin: 0px 20px 0px 0px;
}

.chat1
{
	padding: 10px;
	border-bottom: 1px dotted #777;
}
.chat2
{
	font-size: 12px;
	line-height: 1;
	float: left;
	color: #777;
}
.chat3
{
	float: right;
	font-size: 12px;
	line-height: 1;
	color: #777;
	margin: 0px 0px 3px 0px;
}
.chat4
{
	clear: both;
}
.chat5
{
	background: #eaffe1;
}
.chat_inp
{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.history_old_value
{
	text-decoration: line-through; 
	color: #dc6855;
}
.history_new_value
{
	color: #02b126;
}
.history_change_pole {
	font-style: italic;
}

/* --- // --- */


/* --- Стиль окна предупреждения --- */ 

#alert_head
{
	background: #888;
	padding: 5px 5px 10px 5px;
	color: #eee;
}
#alert 
{
	background: #eee;
	border: solid 5px #888;
	text-align: center;
	vertical-align: top;
	width: 300px;
	margin: auto;
	padding: 0px 0px 5px 0px; 
	display: block;
	color: #000;
	margin-bottom: 25px;
}
.button_alert
{
	background: #888;
	color: #eee;
}

/* --- // --- */


/* --- Стиль навигации --- */ 

.navigation
{
	background: #fff;
	border: 1px solid #0C3C6A;
	margin: 10px 0px 25px 0px;
	padding: 0px 20px 0px 20px;
}

.nav_table
{
	text-align: center;
	margin: auto;
}

.next_page
{
	float: right;
	padding: 7px 0px 7px 0px;
}

.prev_page
{
	float: left;
	padding: 7px 0px 7px 0px;
}

.block_nav
{
	margin: 0px 110px 0px 110px;
}

.active_nav, .noactive_nav, .etc
{
	float: left;
	padding: 5px 10px 5px 10px;
	text-align: center;
	font-weight: bold;
	background: none;
}

.active_nav
{
	color: #333;
}

.etc
{
	color: #000;
}

/* --- // --- */


/* --- Модальное окно --- */

#mods, .mods {position: fixed;top: 50%;left: 50%; z-index: 207; display: none; background: #f3f3f3; border-radius: 2px; border: 1px solid #f3f3f3; cursor: auto;}
#black {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 206;display: none;background:#000;opacity: 0.3;}
.closes {background: url("images/mod_closes.png") top center no-repeat;position: absolute;right: -14px; top: -14px;width: 28px;height: 28px; border: 0px;cursor: pointer;z-index: 207;}
.m {display: none; }
.modboxs, #modboxs {padding: 20px; background: #f3f3f3; border-radius: 2px; max-width: 725px;}

#close, .close {cursor: pointer; width: 18px; height: 18px; background: url(images/mod_close.png); position: absolute; top: 5px; right: 5px;}
.dialogs, .dialog, .cancel {cursor: pointer}
#modbox {padding: 20px 0px 0px 0px;max-width: 725px;}

#mod_left
{
	position: absolute;
	left: 25px;
	top: 0px;
	z-index: 2;
	width: 210px;
	display: none;
	padding: 9px;
	border: 1px solid #f8f8f8;
	background: #f8f8f8;
}

/* --- // --- */




li.ui-menu-item:hover
{
	background: #e5e5e5;
}
ul.ui-autocomplete.ui-menu.ui-widget.ui-widget-content.ui-corner-all
{
	border: 0px;
}


.orders {
	background: #eee !important;
}


.tabs {
	display:  flex;
}
.tabs .tab {
	font-size:  18px;
	line-height:  1;
	font-weight:  bold;
	padding:  5px 10px;
	border:  1px solid #ccc;
	margin:  0px 10px 0px 0px;
	cursor:  pointer;
}
.tabs .tab.set {
	background:  #eee;
	cursor:  auto;
}
.tabv {
	display: none;
}
.tabv.set {
	display: block;
}