* {
		margin:0;
		padding:0;
	}
	
body {
	width: 100%;
	position:relative;
	background:#f6f6f6 ;
	font-family:Arial,Tahoma,sans-serif;
	color:#464451;
	font-size:13px;
	text-align: center;
	}
	
a {
color: #4169e1;
text-decoration: none;
}
a:hover {
color:#e32636;
text-decoration: underline;
}

a:hover, a:active { 
outline: 0px none currentColor;
}

a:focus { 
outline: medium none currentColor;
}

a images {
 border: none; /* убрать рамку у ссылок-картинок */
}
	
input, textarea, select {
	background: #f5f5dc;
	color: #293b5f;
	border:1px solid #626262;
	padding: 5px;
	margin: 5px;
	font-size: 14px;
	font-weight: normal;
}

#wrapper {
	width: 100%;
	margin: 0 auto;
	background:#f6f6f6;
	border:1px solid #f6f6f6;
	text-align: left;
}

#wrapper h1 {
	color: #293b5f;
	font-weight: bold;
	text-transform:uppercase;
	font-size: 16px;
	padding: 5px;
	}
	
#wrapper h2{
	color: #293b5f;
	font-weight: bold;
	font-size: 14px;
	padding: 5px;
	}
	


#login-form	{
	border: 1px solid #7fc7ff;
	background:#ecf1fa;
	margin: 50px 350px;
	padding: 10px;
}

#head {
		text-align: right;
		padding: 10px 20px;
}

#head2 {
		padding: 10px 30px;
}



#main {
	padding: 0px 0px;
	margin: 0px 20px 50px 20px;
}

#main_block {
	border: 1px solid #7fc7ff;
	background: #fff;
	margin: 0px 10px 20px 10px; 
	padding: 0 10px 10px 10px;
	min-height: 500px;
	position: relative;
}

#back_link {
	position: absolute;
	top: 0;
	left: 847px;
	width: 50px;
	height: 20px;
	padding: 5px 20px;
	text-align: center;
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #bfc7e3;
	border-left: 1px solid #bfc7e3;
	background: #eaedf9;
}

#main_nav {
	margin: 10px 20px;
}

#main_nav span {
	background: #4169e1;
	color: #ffffff;

}

.main_table {
	position: relative;
}

.main_table table {
	margin: 10px auto;
}

.main_table td {
	background: #e6e6fa;
	padding: 5px;
	text-align: center;
}

.main_table th {
	background: #f5f5dc;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.main_table hr {
	margin: 5px 0;
	height: 1px;
	background: #666;
	border: 0;
}

#add_item {
	font-weight: bold;
	text-align: right;
	color: #666;
}

#add_item span {
	padding: 0 5px;
}

#add_item a {
	font-weight: bold;
}

#add_text input[type=text]	{
	width: 670px;
}

#main_head {
	position: absolute;
	top: 10px;
	right: 20px;
	font-size: 16px;
}

#main_head span {
	font-weight: bold;
	text-transform: uppercase;
}

.mos_span1 {
	color: #666;
	display: block;
}

.info_hint {
	border: 1px solid #cccc99;
	background: #ffffcc;
	margin: 10px;
	padding: 5px 15px;
	display: inline-block;
}

.info_hint p {
	padding: 5px 0;
}

.calc_result_pic {
	text-align: center;
	margin: 20px 0;
}

.calc_result_pic img {
	width: 50%;
	border: 1px solid #7fc7ff;
}

.add_client_but	{
display: inline-block;
text-align: center;
padding: 10px 20px;
width: 200px;
margin: 40px 28px;
border: 1px solid #cccccc;
font-size: 18px;
font-weight: bold;
background: #eaedf9;
}

.add_client_but:hover	{
text-decoration: none;
background: #f9eaea;
}

#error1 {
	border: 1px solid #ff6666;
	background: #f9dddd;
	padding: 10px;
	width: 300px;
}

#hint1 {
	color: #666666;
	font-size: 12px;
	font-style: italic;
	margin: 0 0 0 20px;
}

#hint1 span {
	font-weight: bold;
}

.report_select {
	text-align: center;
}

.report_select a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #6699cc;
	color: #003366;
	background: #d9e5ef;
	transition: 0.2s linear;
	font-weight: bold;
	margin: 0 10px;
}

.report_select a:hover {
	text-decoration: none;
	background: #f6f6e8;
}

.report_select span {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #6699cc;
	color: #fff;
	background: #3366cc;
	font-weight: bold;
	margin: 0 10px;
}



#clear {
	clear: both;
}

.plan_month {
	float: left;
	width: 150px;
}

.plan_head {
	background: #f5f5dc;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.month_block {
	background: #e6e6fa;
	padding: 5px;
	margin: 3px 0;
}

.plan_user {
	float: left;
	margin: 0px 5px;
	width: 150px;
}

.user_block {
	background: #e6e6fa;
	padding: 5px;
	margin: 3px 0;
	font-weight: bold;
	text-align: center;
}

/* Отчеты */

.texts_day {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	margin: 18px 0;
	
}

.texts_day a {
	background: url(/images/calendar.png) no-repeat left center;
	padding: 10px 0 10px 40px;
}

.texts_day a:hover {
	cursor: pointer;
}

.texts_table {
	
}

.texts_table a:hover {
	cursor: pointer;
}

.texts_table table {
	margin: 10px 0px;
	width: 100%;
}

.texts_table td {
	background: #e6e6fa;
	padding: 5px;
	text-align: center;
}

.texts_table th {
	background: #f5f5dc;
	padding: 5px;
	font-weight: bold;
	text-align: center;
}

.texts_table span {
	color: #999;
}

.texts_time {
	width: 65px;
}

.texts_work {
	width: 120px;
}

.texts_name {
	width: 400px;
}

.texts_count {
	width: 65px;
}

.texts_bal {
	width: 95px;
}

.texts_act {
	width: 65px;
}

.view_text {
	background: #e6e6fa;
	padding: 5px;
}

.view_text h2 {
	text-align: center;
}

.bal_span {
	display: block;
	font-size: 11px;
	color: #666;
}

#new_file {
	cursor: pointer;
	font-weight: bold;
	color: #666;
}

 .mpay_0 td {
	background: #ff9999;
}

 .mpay_1 td {
	background: #99ff99;
}

 .mpay_2 td {
	background: #ffcc99;
}

.empty_field {
	font-weight: bold;
	color: #ff0000;
}

.del_but {
	background: url(/images/delete.png) no-repeat 5px center;
	padding: 5px 5px 5px 25px;
	font-weight: bold;
	color: #ff0000;
	border: 1px solid #ff6666;
}

.client_files li {
	padding: 5px 0;
}

.show_mar {
	color: #336699;
	font-weight: bold;
	font-size: 18px;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	border-bottom: 2px solid #993333;
	cursor: pointer;
	}
	
.show_report {
	color: #336699;
	font-weight: bold;
	font-size: 16px;
	padding: 5px;
	text-align: center;
	border-top: 2px solid #993333;
	cursor: pointer;
	}
	
.sum_all {
	font-weight: bold;
	color: #336699;
}

#raboti li {
	list-style: none;
	border: 2px solid #669966;
	padding: 15px;
	margin: 15px 0;
}

#raboti li  input[type=text] {
	width: 100px;
}

#raboti li .podryadchiki li {
	border: 2px solid #996666;
	background: #ededfa;
}

#pays_list li {
	list-style: none;
	border: 1px solid #999;
	padding: 10px;
	margin: 15px 0;
}

#pays_list li  input[type=text] {
	width: 100px;
}


.aloader {
    border: 5px solid #f3f3f3; /* Light grey */
    border-top: 5px solid #3498db; /* Blue */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    animation: spin 2s linear infinite;
	margin: 50px auto;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}


.new_rabota, .new_podryad, .new_pay, .new_usluga {
	text-align: center;
}

#new_pay {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	color: #336699;
	font-size: 14px;
}

#new_pay:hover {
	color: #cc3333;
}

#new_rabota, #new_usluga {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	color: #336699;
	font-size: 17px;
}

#new_rabota:hover, #new_usluga:hover {
	color: #cc3333;
}

.add_filial {
	font-weight: bold;
	color: #336699;
	font-size: 14px;
	margin-top: 15px;
	margin-left: 30px;
	display: inline-block;
}

.add_filial:hover {
	color: #cc3333;
}

.new_podryad_link {
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
	color: #336699;
	font-size: 15px;
}

.new_podryad_link:hover {
	color: #cc3333;
}

.m_sub_items {
	width: 100%;
}

.m_sub_items thead th {
	background: #ffffcc;
}

.m_sub_items th, .m_sub_items td {
	border: 1px solid #669999;
	
}

.main_table td .m_sub_items  td {
	background: #f6f6f2;
}

.show_bill {
	cursor: pointer;
}

.i_readonly {
	background: #efefef;
}

.podryad_itogo {
	text-align: right;
}

.ui-widget.custom-combobox-input {
	background: #f5f5dc;
	border: 1px solid #626262;
	width: 300px;
}

.main-menu {
	margin: 50px auto;
	width: 90%;
	padding-bottom: 50px;
}

.main-menu img {
	margin-bottom: 10px;
}

.menu-cont {
	
	width: 16.6%;
	text-align: center;
	margin: 0px 0px;
	display: inline-block;
}

.main-menu a {
	display: block;
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
	padding: 10px;
	color: #336699;
	border: 1px solid #fff;
}

.main-menu a:hover {
	text-decoration: none;
	background-color: #dde6ee;
	border: 1px solid #3399cc;
	    -moz-transition: all 0.2s ease-in;
    /* WebKit */
    -webkit-transition: all 0.2s ease-in;
    /* Opera */
    -o-transition: all 0.2s ease-in;
    /* Standard */
    transition: all 0.2s ease-in;
}


.close_schet {
	color: #006600;
	font-weight: bold;
	
	text-align: center;
}

.close_schet a {
	padding: 10px 10px;
	border: 1px solid #336699;
}

.view_table1 tr td {
	padding: 5px;
	border: 1px solid #6699cc;
}

.view_table1 tr td:nth-child(1n) {
	background: #dfe8f2;
}

.view_table1 tr td:nth-child(2n) {
	background: #eaf0f5;
}

.view_table2 tr th {
	padding: 5px;
	border: 1px solid #6699cc;
	background: #d8e1ec;
	text-align: center;
	font-weight: bold;
}

.view_table2 tr td {
	padding: 5px;
	border: 1px solid #6699cc;
	background: #e4ebf3;
	text-align: center;
}


.view_table2 tr:nth-child(2n) td {
	background: #f5f7f9;
}

.view_table3 tr th {
	padding: 5px;
	border: 1px solid #6699cc;
	background: #d8e1ec;
	text-align: center;
	font-weight: bold;
}

.client_table {
	margin: 15px auto;
}

.client_table h2 {
	text-align: center;
	text-transform: uppercase;
}

.view_table1 tr  td.client_td2 {
	text-align: center;
	background: #eaf0f5;
}

.client_submit {
	text-align: center;
}

.client_submit input {
	text-transform: uppercase;
	font-weight: bold;
	border: 2px solid #999;
	padding: 5px 20px;
}

.cf_dannie input {
	width: 550px;
}

#addc_org_form_full {
	width: 350px;
}

.kar_price_block {
	float: left;
	margin: 10px;
}

.kar_price_block h3 {
	text-align: center;
	font-size: 15px;
	font-weight: normal;
}

.printer_line1 td {
	background: #edf0fa;
}

.view_table3 tr td {
	padding: 5px;
	border: 1px solid #6699cc;
	background: #e4ebf3;
	text-align: center;
}

.view_table3 input {
	width: 50px;
	text-align: right;
}

.main_table td.td_head1 {
	background: #f5f5dc;
}

.main_table td.td_separator1 {
	background: #cfd4e6;
	height: 1px;
}


.res_string {

    margin: 0px auto;
    padding: 10px 20px;
    border: 1px solid #ade6c7;
    background: #d9f5e6;
    text-align: center;
    width: 240px;
    margin-bottom: 15px;
	font-weight: bold;
}

#sel_filial, #sel_filial2, #pro_info {
	display: inline-block;
}

.pro_info1 {
	font-weight: bold;
	padding: 2px 5px;
	display: inline-block;
	border: 1px solid #ccc;
	background: #e6e6fa;
}

.pro_workers {
	padding: 2px 5px;
	border: 1px solid #ccc;
	background: #e6e6fa;
	width: 150px;
	margin: 5px 5px;
}

#sel_sub1 {
	display: inline-block;
}

#show_marshrut, #show_marshrut2 {
	display: inline-block;
	font-weight: bold;
	padding-left: 10px;
}

#plat_cat_vid {
	display: inline-block;
}



.add_proc_table .ui-widget {
	display: inline-block;
}

.soglas_block {
	background: #ff9999;
	border: 1px solid #ff6666;
	text-align: center;
	padding: 30px 50px;
}

.kar_tr1 td {
	background: #ff9999;
}

.kar_tr3 td {
	background: #99ff99;
}

.kar_tr2 td {
	background: #ffcc99;
}

.kar_actions {
	text-align: center;
	padding: 5px 0 15px 0;
}

.print_kar_akt {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #e6e6fa;
	font-weight: bold;
	margin: 0 5px;
}


.print_marshruts {
	text-align: center;
	padding: 5px 0 15px 0;
}

.print_marshrut {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #ccc;
	background: #e6e6fa;
	font-weight: bold;
	margin: 0 5px;
}

.print_marshrut_table {
	margin-top: 20px;
}

.print_marshrut_table tr td, .print_marshrut_table tr th {
	border: 1px solid #000;
	padding: 5px 0;
}

.delivery_disabled {
	color: red;
	font-weight: bold;
	padding: 5px 0;
}

.marshrut_zapret td {
	font-weight: bold;
}

.sub_td1 {
	color: #996633;
}

.sub_td1 a {
	color: #996633;
}

.sub_td2 {
	color: #336633;
}

.sub_td2 a {
	color: #336633;
}

.zp_block {
	display: inline-block;
	background: #e6e6fa;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 15px;
}

.zp_block span {
	font-weight: bold;
}

.sred_block {
	display: inline-block;
	background: #e6e6fa;
	border: 1px solid #ccc;
	padding: 5px;
	margin: 15px;
}

.sred_block span {
	font-weight: bold;
}

.tmenu1 a, .tmenu2 a, .tmenu3 a {
	display: inline-block;
	padding: 5px;
	background: #e6e6fa;
	border: 1px solid #ccc;
	margin: 3px;
	color: #333366;
}

.tmenu1 a:hover, .tmenu2 a:hover, .tmenu3 a:hover {
	text-decoration: none;
	background: #f2f2f9;
}

.tmenu1 a.active, .tmenu2 a.active, .tmenu3 a.active {
	font-weight: bold;
}

.tmenu1 span, .tmenu2 span, .tmenu3 span {
	display: inline-block;
	padding: 5px;
	background: #f5f5dc;
	border: 1px solid #ccc;
	margin: 3px;
	color: #333366;
	font-weight: bold;
}


.tmenu1 .tmenu_highlight {
	color: #ff3333;
	padding: 0 10px;
}

#main_nav .tmenu1 .tmenu_highlight span {
	color: #fff;
	font-weight: bold;
	background: #ff3333;
	border: 2px solid #fff;
	padding: 0px 5px;
	border-radius: 10px;
}

.add_kartridzh {
	display: inline-block;
	padding: 4px;
	background: #e6e6fa;
	border: 1px solid #ccc;
	margin: 3px;
	color: #333366;
}

.add_kartridzh:hover {
	text-decoration: none;
	background: #f2f2f9;
}

.kar_code {
	display: inline-block;
	padding: 5px 10px;
	background: #f5f5dc;
	border: 1px solid #ccc;
	margin: 3px;
	color: #333366;
	font-weight: bold;
}

.kar_zay1 {
	display: inline-block;
	padding: 5px 10px;
	background: #f5f5dc;
	border: 1px solid #ccc;
	margin: 3px;
	color: #333366;
	font-weight: bold;
}

.kar_delivery {
	cursor: help;
}

.kar_delivery_status {
    display: inline-block;
    padding: 5px 10px;
    background: #f5f5dc;
    border: 1px solid #ccc;
    margin: 3px;
    color: #333366;
    font-weight: bold;
}

#to_delivery, #to_delivery_all {
	margin: 0 auto;
	width: 400px;
}

#to_delivery table, #to_delivery_all table {
	width: 100%;
}

.search_filter_link {
	display: inline-block;
	font-weight: bold;
	margin-left: 20px;
	background: #f5f5dc;
	color: #293b5f;
	border: 1px solid #626262;
	padding: 5px;
	font-size: 14px;
}




.pa_head {
	margin: 10px 0;
}

.pa_logo {
	margin: 15px auto;
	width: 300px;
	text-align: center;
}

.pa_logo img {
	width: 100%;
}

.pa_top {
	font-size: 17px;
	text-align: left;
	padding: 10px 0;
	margin: 0 auto;
}

.pa_top span{
	font-weight: bold;
}

.pa_top2 {
	font-size: 17px;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
	font-weight: bold;
}

.pa_top7 {
	font-size: 17px;
	text-align: center;
	padding: 5px 0;
	margin: 0 auto;
}

.pa_top7 span{
	font-weight: bold;
}


.pa_table1 {
	width: 90%;
	margin: 20px auto;
	border-spacing: 0;
border-collapse: collapse;
}

.pa_table1 td {
	text-align: center;
	padding: 5px;
	font-size: 15px;
	border: 1px solid #000;
}

.pa_table2 {
	width: 90%;
	margin: 30px auto;
	border-spacing: 0;
border-collapse: collapse;
}

.pa_table2 td {
	text-align: left;
	padding: 5px;
	font-size: 15px;
}

.pa_table2 td span {
	font-weight: bold;
}

.main_table tr.sred_plus td {
	background: #c4ffb2;
}

.main_table tr.sred_minus td {
	background: #ffecb2;
}

.table_span1 {
	cursor: pointer;
	color: #333366;
	border-bottom: dashed 1px #666666;
}

.list_block {
	
	border-bottom: 1px dashed #ccc;
}

.list_head {
	text-align: center;
	font-size: 13px;
	color: #666;
	padding: 15px 0 10px 0;
}

.list_head:hover {
	cursor: pointer;
	background: #eeeef8;
}

.list_head span {
	display: inline-block;
	padding: 3px;
	background: #f5f5dc;
	border: 1px solid #ccc;
	margin: 0 5px 0 0;
	color: #333366;
	font-weight: bold;
	font-size: 14px;
}

.list_head h3 {
	font-weight: bold;
	display: block;
	font-size: 17px;
	padding-bottom: 5px;
	color: #3366cc;
}

.list_body {
	display: none;
}

.list_body table {
	width: 100%;
}

.top_right_block {
	position: absolute;
	top: -30px;
	right: 10px;
}

.top_right_block a {
	
}

.top_right_block span {
	font-weight: bold;
}

.nur_block {
	display: block;
	padding: 3px;
	background: #f5f5dc;
	border: 1px solid #ccc;
	margin: 3px 0.5%;
	color: #333366;
	font-size: 13px;
}

.chart_select {
	text-align: center;
}

.chart_select button {
	margin: 0 10px;
	padding: 5px 15px;
	background: #bbd5e2;
	border: 0;
	cursor: pointer;
}

.chart_select button.active {
	background: #d8e6ed;
}

.chart_actions, .chart_actions2 {
	text-align: right;
}

.chart_actions button, .chart_actions2 button {
	padding: 5px;
	cursor: pointer;
}

.diagrams_block {
	margin: 10px 0;
	border: 1px solid #999999;
	padding: 10px;
}

.diagrams_params {
	border-bottom: 1px dashed #cccccc;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.diagrams_params a {
	display: inline-block;
	padding: 5px 10px;
	border: 1px solid #cccccc;
	transition: 0.1s linear;
}

.diagrams_params a:hover, .diagrams_params a.active {
	background: #dbdbf1;
	text-decoration: none;
}

.diagrams_params button {
	padding: 3px 10px;
	transition: 0.1s linear;
	cursor: pointer;
}

.diagrams_params_block {
	display: inline-block;
	border-right: 2px solid #336699;
	padding-right: 15px;
	margin-right: 10px;
}

.cur_post_span {
	color: #006600;
	font-size: 17px;
	font-weight: normal;
	text-transform: none;
	padding-left: 5px;
}

.main_table .table_mosaic_priem {
	color: #336600;
	background: #cfe6db;
}

.main_table .table_mosaic_priem:nth-child(2n) {
	background: #ddefe6;
}

.main_table .table_mosaic_sbor {
	color: #993300;
	background: #efeadf;
}

.main_table .table_mosaic_sbor:nth-child(2n) {
	background: #e6dfcf;
}

.table_mosaic_priem_time {
	color: #777;
	font-weight: normal;
	padding-top: 3px;
}

.crm_log_link {
	cursor: pointer;
}





@media print {

.pa_top {
	font-size: 12px;
	line-height: 12px;
	clear: both;
}

.pa_top2 {
	font-size: 12px;
	line-height: 12px;
}

.pa_table1 td {
	text-align: center;
	padding: 5px;
	font-size: 12px;
	border: 1px solid #000;
}

.pa_table2 td {
	text-align: left;
	padding: 5px;
	font-size: 10px;
}

.pa_top3 {
	float: left;
}

.pa_top4 {
	float: right;
}

.pa_top5 {
	font-weight: normal;
}

.pa_top6 {
	font-weight: bold;
	font-size: 15px;
	margin: 10px 0;
}

.pa_left {
	float: left;
	width: 50%;
	font-size: 12px;
	text-align: left;
}

.pa_check1 {
	display: inline-block;
	width: 90%;
}

.pa_check2 {
	display: inline-block;
	width: 5%;
	height: auto;
	border: 1px solid #000;
}

.pa_right {
	float: left;
	width: 50%;
	font-size: 12px;
	text-align: left;
}

.pa_text1 {
	text-align: left;
	font-size: 12px;
	padding: 5px 0;
}

.pa_text2 {
	text-align: left;
	font-size: 10px;
}
}

@media (min-width: 1px) and (max-width: 1200px) {
	.menu-cont {

}

.main-menu img {
	width: 80%;
}

.main-menu a {
	font-size: 12px;
	padding: 5px;
}
}

@media (min-width: 1px) and (max-width: 800px) {
	.menu-cont {
	width: 33%;
}

.main-menu img {
	width: 70%;
}

.main-menu a {
	font-size: 14px;
	padding: 5px;
}
}


@media (min-width: 1px) and (max-width: 480px) {
	.menu-cont {
	width: 50%;
}

.main-menu img {
	width: 80%;
}

.main-menu a {
	font-size: 12px;
	padding: 5px;
}
}