@charset "utf-8";
/*---------- Start resset style. http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126  License: none (public domain) ----------*/
*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-overflow-scrolling: touch;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
u, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}
xmp {
	margin: 0;
	padding: 0;
	text-align: left;
	text-indent: inherit;
	float: none;
	white-space: normal;
	font-style: italic;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {display: block;}
body, html {
	min-height: 100%;
	height: 100%;
}
body {
	background-color: #eff3f6;
	font-family: Tahoma,'Ubuntu',sans-serif;
	font-size: 13px;
	letter-spacing: 0.025em;
	color: #0c1214;
}
body.night { 
	background-color: #333;
	font-family: Tahoma,'Ubuntu',sans-serif;
	font-size: 13px;
	letter-spacing: 0.025em;
	color: #fff;
}
/* константы */
.hero-unit h1 {
    line-height: 1.6em;
	color: #fff;
	text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.1), 0 0 5px rgba(0,0,0,.1), 0 1px 3px rgba(0,0,0,.3), 0 3px 5px rgba(0,0,0,.2), 0 5px 10px rgba(0,0,0,.25), 0 10px 10px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.15);
}
a {color: #fff;}
a:hover {color: #000;}
.night a:hover {color: #fff;}
.night .nav.nav-tabs li a:hover {color: #000;}
.night_day {margin: 0 15px;}
.btn {
	color: #fff;
	font-size: 13px;
	text-shadow: none;
	border: none;
}
.btn:hover {background-position: 0;}
.red {color: red;}
.green {color: #86AD00;}
.black {color: #000;}

h2 {
	font-size: 30px;
	line-height: 32px;
	font-weight: normal;
	color: #333;
}
.night h2 {
    font-size: 30px;
	font-weight: normal;
	color: #fff;
}
h2 a {color: #000; }
.night h2 a {color: #fff; }

.minw_100 {min-width: 100px;}
.minw_110 {min-width: 110px;}
.minw_120 {min-width: 120px;}
.minw_130 {min-width: 130px;}
.minw_140 {min-width: 140px;}
.minw_150 {min-width: 150px;}
.minw_160 {min-width: 160px;}
.minw_170 {min-width: 170px;}
.minw_180 {min-width: 180px;}
.minw_190 {min-width: 190px;}
.minw_200 {min-width: 200px;}

.pad_lr_15 {
	padding-left: 15px;
	padding-right: 15px;
}
.displ_flex {
	display: flex;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
}

/* Table of content */
/*===================================
General
public pages
private pages
Страница Инструкции
Таблицы
формы
16. Footer
==================================== */

/* ===================================
1. General
==================================== */
.sv_wrapper, .header, .container, .content, .footer {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: row;
}
.sv_wrapper {
	margin: 0 auto;
	flex-direction: column;
	height: 100%;
	padding-top: 40px;	
}
.container {
	width: 100%;
	flex-wrap: nowrap;
	flex: 1 0 auto;
}
.content {
	flex-direction: column;
	flex: 1 1 auto;
	order: 1;
	padding-left: 15px;
	padding-right: 15px;
}
/*----------*/
.sv_sidebar {
	flex: 0 0 auto;
	height: auto;
	background: #535C69;
	order: 0;
}
.sv_sidebar_inside {
	width: 35px;
	transition: width 550ms;
	padding-left: 15px;
	padding-right: 15px;
	position: relative;
}
.sidebar_pointer {
	display: block;
	min-height: 20px;
	margin: 10px 0;
	background: url("../img/sp_active.png") no-repeat right 11px top 0;
	-webkit-background-size: auto 15px;
		 -o-background-size: auto 15px;
			background-size: auto 15px;
	cursor: pointer;
}
.sp_invers {
	width: 220px;
	transition: width 550ms;
}
.sp_active {
	background: url("../img/sidebar_pointer.png") no-repeat right 11px top 0;
	-webkit-background-size: auto 15px;
		 -o-background-size: auto 15px;
			background-size: auto 15px;
}
/*---------- Start header ----------*/
.navbar {
	width: 100%;
	position: fixed;
	top: 0;
	margin-bottom: 0px;
	z-index: 10;
}
.navbar-inner {
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	border-radius: 0;
	border: none;
	background-color: #00777F!important;
	background-image: none!important;
}
.navbar .brand {
	margin-left: 0;
	letter-spacing: 0.05em;
	color: #2edccd;
	text-shadow: none;
}
.navbar .brand:hover {color: #fff;}
.navbar .nav {margin: 0;}
.navbar .nav > li > a {
	border-right: 0px solid rgb(66, 73, 81);
	border-left: 1px solid rgb(66, 73, 81);
	text-shadow: none;
}
.navbar .nav > li > a:hover, .navbar .nav > li > a:focus {
	background-color: #717a84;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus {
	background-color: #717a84;
}
.dropdown-menu {
	padding: 0;
}
.navbar-inverse .nav li.dropdown.open > .dropdown-toggle, .navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
	background-color: #717a84;
}
.dropdown-menu > li > a {
	color: #fff;
	background-color: #535c69;
	padding: 4px 20px;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
	background-color: #717a84;
	background-image: none!important;
}
/*---------- Stop header ----------*/



/* ===================================
public pages
==================================== */
.public_page .main-container {
	-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	padding-left: 15px;
	padding-right: 15px;
}
.public_page .jumbotron {
	width: 100%;
	text-align: center;
}

.public_page .span4 {
	width: 31%;
	min-height: 200px;
	margin-left: 0;
	text-align: left;
}
.public_page .span4 h3 {
	text-align: center;
}
.public_page .span4 a {
	color: #318cb0;
	text-decoration: none;
}
.public_page .span4 a:hover {
	color: #000;
}
.public_page .row {
	margin-left: 0;
}
.navpanel li:nth-child(2) {
	background: #77a200;
}
.padding {
	padding-left: 20px;
	padding-right: 20px;
}
/* ------- Шапка ----------------- */

.middlewidth {width: 260px; }

div.remember {
	margin-top: 7px;
	color: #969696;
}
div.remember label {
	padding-top: 15px;
}

div.forgot {
	margin-top: 7px;
	color: #dadada;
}
footer {
    color: #a3adb1;
    font-size: 12px;
	padding-top: 5px;
	text-align: center;
	height: 30px;
}
footer a {
	margin-left: 10px;
	margin-right: 10px;
	color: #318cb0;
}
footer #opener {
	float: right;
	margin-right: 50px;
	cursor: pointer;
}
footer #opener:hover {
	text-decoration: none;
}
#dialog {
	position: absolute;
	right: 20px;
	bottom: 50px;
	display: block;
    height: 215px;
	width: 270px;
	border: 5px double #535c69;
	display: none;
	background-color: #ddd;
}
#dialog p {
	color: #000;
	padding:10px ;
}
.head_dialog {
	background-color: #535C69;
	color: #fff;
	text-align: center;
	padding-bottom: 5px;
}
#dialog textarea {
	width: 244px;
}
.close {
	width:20px;
	height:20px;
	position:absolute;
	top:-2px;
	right:7px;
	cursor:pointer;
	float:right; 
	color: #fff;
	font-size: 24px;
}



/* ===================================
Start private pages
==================================== */

.privat_page {
	flex-direction: column;
	height: 100%;
}
#daynight {
	border: 0;
	padding: 0;
	margin-top: 9px;
	background: url('/img/day-and-night-png-22.png') no-repeat;
	width: 22px;
	height: 22px;
}

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


/*----------*/
/* Всего заданий */
/* .pager span  {
    font-size:14px;
	font-weight: normal;
	color: #000000;
}
 */
.pager li  {
	margin-right: 10px;
}
.pager li > a {
	border: none;
	border-radius: 3px;
	box-shadow: 1px 2px 5px 0px rgba( 0, 0, 0, 0.25);  
	padding: 6px 15px;
}
.pager li > a:hover {
	/* color: #000;
	 opacity: 0.8; */
	filter: brightness(110%);
}

.pager li a.btn_search {
	background-image: -moz-linear-gradient( 90deg, rgb(24,183,169) 0%, rgb(46,220,205) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(24,183,169) 0%, rgb(46,220,205) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(24,183,169) 0%, rgb(46,220,205) 100%);
}
.pager li a.btn_new {
	background-image: -moz-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
}
.all_tasks {
	font-size: 14px;
	color: #000000;
	line-height: 60px;
	margin-top: -30px;
}
.night .all_tasks {
	color: #fff;
}
.all_tasks a {
	color: #000000;
}
.night .all_tasks a {
	color: #fff;
}
.all_tasks a:active {
	color: blue;
}
/* ===================================
End private pages
==================================== */




/* ===================================
Страница Инструкции
==================================== */

.page_instruktsii {
	margin:0 auto;
	width: 1200px;
	
}
.page_instruktsii img {
	margin: 15px;
	border: 5px solid white;
}
.page_instruktsii ul{
	padding-left: 19px!important; 
} 

/* ===================================
Таблицы
==================================== */

/* --- Табы --- */
.nav-tabs > li {
	margin-right: 8px;
}
.nav-tabs > li > a {
    color: #000;
	background-image: -moz-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);	
	border: 1px solid #ddd;
}
.nav-tabs > li > a:hover, .nav-tabs > li > a:focus, .nav-tabs > .active > a {
	background-image: -moz-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);	
	border-color: #ddd;
	filter: brightness(110%);
}
.over_table {
/* 	background-color: #fff;
 */}
table {
	max-height: calc(100vh - 220px);	/* высота таблицы без вертикальной прокрутки страницы */
}
.table {
    margin-bottom: 0px;
}
.privat_page .container .pager, .privat_page .container table {
	width: auto;
	text-align: left;
}
.container table {
	overflow-y: auto;
	display: inline-block;
}

.table-bordered {
/*     border: 1px solid #ddd; */
    border-left: 1px solid #ddd;
/* 	border-bottom: 0; */
}
.table thead th {
	text-align: left;
    border-right: 1px solid rgb ( 176, 180, 182 ), 1px solid rgb ( 243, 246, 247 );
    border-left: 1px solid rgb ( 176, 180, 182 ), 1px solid rgb ( 243, 246, 247 );
    vertical-align: baseline;
	position: sticky;	/* 	фиксируем шапку */
	top: 0;
	background-image: -moz-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(186,191,193) 0%, rgb(232,237,239) 100%);
}
.night .table thead th {
	text-align: center;
    border-right: 1px solid rgb ( 176, 180, 182 ), 1px solid rgb ( 243, 246, 247 );
    border-left: 1px solid rgb ( 176, 180, 182 ), 1px solid rgb ( 243, 246, 247 );
    vertical-align: baseline;
	position: sticky;	/* 	фиксируем шапку */
	top: 0;
	background: #111;
}
.header_table {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.header_table th {
	font-size: 12px;
	line-height: 14px;
}
.table td:first-child {
	border-left: 0px;
}
.table-striped tbody > tr:nth-child(2n+1) > td, .table-striped tbody > tr:nth-child(2n+1) > th {
    background: none;
}
table tbody:nth-child(2n+1) tr {
	background: #f5f6f8;
}
.night table tbody:nth-child(2n+1) tr {
	background: #222;
}
/* 	выделение цветом строки при наведении */
table tbody > tr:hover {
 	background: #ddd;
}
.night table tbody > tr:hover {
 	background: #000;
}
.td_outline {
	outline: 1px solid green
}
/* .column_click  {
 	background: #ddd;
}
 */
/* 	колонка Действия */

.table td.action_tasks {
	width: 170px;
	display: inline-block;
}
.table td.action {
	width: 134px;
	display: inline-block;
}
.table td.action2 {
	width: 92px;	
	display: inline-block;
}
.btn_forward, .btn_save, .btn_tasks, .btn_new {
	border-radius: 3px;
	background-image: -moz-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(116,159,0) 0%, rgb(139,177,0) 100%);
	box-shadow: 1px 2px 5px 0px rgba( 0, 0, 0, 0.25);  
	padding: 6px 10px;
}
.btn_new {
	font-weight: normal;
}
.btn_new:hover {
	text-decoration: none;
}
a.btn_forward:hover, .btn_pereiti:hover, .btn_edit:hover, .btn_delete:hover, .btn_add:hover, .btn_filtr:hover  {
	filter: brightness(110%);
} 
.btn_poisk, .btn_add, .btn_pereiti, .btn_edit, .btn_delete, .btn_filtr {
	width: 32px;	
	border-radius: 3px;
	box-shadow: 1px 2px 5px 0px rgba( 0, 0, 0, 0.25);  
	background-image: -moz-linear-gradient( 90deg, rgb(205,213,216) 0%, rgb(239,242,244) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(205,213,216) 0%, rgb(239,242,244) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(205,213,216) 0%, rgb(239,242,244) 100%);
	padding: 6px 0px;
}
.btn_poisk { 
	margin-top: 8px; 
	margin-right: 6px;
}
.btn_add {
	position: absolute;
}

.btn_edit {
	margin: 0 6px;
}
.action2 .btn_edit {
	margin: 0 6px 0 0;
}
.itog {
	background: #535c69!important;
	color: #fff;
}
.itog > td {
	border-left: 1px solid #535c69;
}
table.table-striped {background: #fff;}

table.table-striped tbody > tr td.backg_c9efec {background: rgba(201,239,236,0.75);}
table.table-striped tbody > tr td.backg_d6e8f6 {background: rgba(214,232,246,0.75);}

table.table-striped tr td.customerPriceTotal {
	background: #F5FFFA;
	font-weight: 700;
}
table.table-striped tr td.executorsPriceTotal {
	background: #FDF5E6;
	font-weight: 700;
}
table.table-striped tr td.sumcustomerPriceTotal {
	background: #333333;
	font-weight: 700;
}
table.table-striped tr td.sumexecutorsPriceTotal {
	background: #222;
	font-weight: 700;
}
/* 	paggination */

.paggination {font-weight: bold;}
.paggination a {
	border-radius: 3px;
	background-image: -moz-linear-gradient( 90deg, rgb(86,91,96) 0%, rgb(174,182,187) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(86,91,96) 0%, rgb(174,182,187) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(86,91,96) 0%, rgb(174,182,187) 100%);
	box-shadow: 1px 2px 5px 0px rgba( 0, 0, 0, 0.25);  
	margin-right: 8px;
}
.paggination a:hover {filter: brightness(110%);}
.pagging_backward {
	width: 28px;
	padding: 2px 2px 4px 0px;
}
.pagging_forward {
	width: 28px;
	padding: 2px 0px 4px 2px;
}
.pagging_fbackward, .pagging_fforward {
	width: 42px;
	padding: 2px 0px 4px 0px;
}
.pagging {
	margin-right: 8px;
}
.icon-forward {
	color: #fff;
}
table.signup td {
	padding: 10px;
}

table.signup .alert {
	margin-bottom: 0;
    margin-top: 3px;
}

table.perms select {
	margin-top: 5px;
	margin-right: 10px;
}

table.perms label {
	margin-right: 10px;
}
#sureDelete {
	position: absolute;
	right: 20px;
	bottom: 50px;
	display: block;
	height: 120px;
	width: 270px;
	border: 5px double #535c69;
	display: none;
	background-color: #ddd;
}


/* ===================================
формы
==================================== */

form {text-align: center}

/* --- обязательное поле  --- */
.required {
	display: flex;
}
select, textarea, 
input[type="text"], input[type="password"], 
input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], 
input[type="time"], input[type="week"],
input[type="number"], input[type="email"], 
input[type="url"], input[type="search"], 
input[type="tel"], input[type="color"], 
.uneditable-input {
    height: auto;
}
/* ---  поиск, index.php  --- */
form fieldset {
	margin-top: 20px;
}
/* ---  фильтр, search1-5.php  --- */
.filtr form fieldset {
	margin-top: 7px;
}
.filtr select {
	background-color: #eff3f6;
}
.filtr .clearfix {
	margin-top: 3px;
}
.btn_filtr {
	margin-left: 8px;
	margin-bottom: 10px;
}


/* ===================================
SEO: Контент-план; Семантика; Аудит конкурентов
==================================== */