@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,700&subset=cyrillic');
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, q, small, strong,b, dl, dt, dd, ol, ul, li, form, label, legend, article, aside, canvas, figure, footer, header, hgroup, menu, nav, section, audio, video{margin: 0; padding: 0; font-size: 100%; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display: block; position: relative; padding: 0; list-style: none; } audio, canvas, iframe, img, svg, video{vertical-align: middle;} textarea{resize: vertical;} *{outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } a img{border: none;} img{max-width: 100%;height: auto;} strong, b{font-weight: bold;}
body {font-family: 'Open Sans', sans-serif; font-size:17px; line-height:1.4;}

fieldset {border:1px solid #cecece;}
fieldset::after {clear:both;}
legend {padding:5px; background:#ffffff;}

input {vertical-align: top; font-size:15px; padding:7px; border-radius:3px; width:auto; overflow:visible; font-family: 'Open Sans', sans-serif; border:1px solid #cecece;}
input[type="file"] {display:block; width:100%; margin-bottom:10px;}
button {font-size:15px; padding:7px; width:auto; overflow:visible; border-radius:3px; cursor: pointer; border: 1px solid #666666; background:#666666; color:#ffffff; font-family: 'Open Sans', sans-serif;}
textarea{resize:vertical;  border-radius:3px; padding:7px; font-size:15px; font-family: 'Open Sans', sans-serif; width:100%; height:50px;  border:1px solid #cecece;}
textarea.config{width:100%; min-height:70px;} 
textarea.config_big{width:100%; min-height:170px;} 
textarea.config_content{width:100%; min-height:650px;} 

button:disabled, button[disabled]{background-color: #cccccc; color: #000000; cursor: default;}
select {cursor:pointer; font-size:15px; padding:7px; border-radius:3px; width:auto; border: 1px solid #cecece;  background:transparent; overflow:visible; font-family: 'Open Sans', sans-serif;}
	optgroup {font-weight:lighter; background:#cecece;}
	option {background:#ffffff;}
button.showaction {background:#2c853d;}
	
.hide	{display:none;}
.show	{display:show;}
.error {border:1px solid #ff0000;}
.clear {clear:both;}

form#auth {width:315px; margin:0 auto; padding:10px;}	
	form#auth input {width:300px; margin-bottom:8px; padding:5px;}
	form#auth button {width:110px; padding:5px; float:right}
		form#auth button:disabled, button[disabled] {color: transparent; border:none; cursor: default; background:url('/k.it:crm/i/pic/loader.svg') no-repeat right #ffffff;}
	form#auth #auth_data {padding-top:5px; color:#ff0000; line-height:1.2; font-size:14px;} 
	
form#tech_auth {width:315px; margin:0 auto; padding:10px;}	
	form#tech_auth input {width:300px; margin-bottom:8px; padding:5px;}
	form#tech_auth button {width:110px; padding:5px; float:right}
		form#tech_auth button:disabled, button[disabled] {color: transparent; border:none; cursor: default; background:url('/k.it:crm/i/pic/loader.svg') no-repeat right #ffffff;}
	form#tech_auth #auth_data {padding-top:5px; color:#ff0000;}
	
main {width:80%; min-width:980px; margin:5px auto;}
header {width:80%; min-width:980px; margin:5px auto; text-align:center;}
#admin_panel {background:#eeeeee; width:100%;}
	#admin_panel #nav {float:left; min-width:200px;  padding:8px 5px 8px 5px;}
	#admin_panel #admin {float:right; min-width:250px; text-align:right;  padding:8px 5px 8px 5px;}
		#admin_panel #admin #exitadmin {margin-left:10px;}
	
	#menu {display:none; padding:5px; z-index:1000;}
		#menu ul {list-style-type:none;}
		#menu li {display:block; float:left; }
			#menu li a {color:#666666; display:block; margin:3px 6px 3px 0; padding:5px 10px 5px 10px; border:1px solid #cecece; border-radius:5px; text-decoration:none;}
			#menu li a.active {background:#eeeeee;}
			#menu li a:hover {background:#666666; color:#ffffff;  border:1px solid #666666;}

    #change_pass{display:none; padding:5px; z-index:1000;}
    #change_pass form{float:right;}

section#edit_content {min-height:300px; width:100%; min-width:980px; border-bottom:1px solid #eeeeee; padding-top:15px;}
	section#edit_content ul {list-style-type:none;}
	section#edit_content label {cursor:pointer;}
	section#edit_content h1 {font-weight:lighter; font-size:30px; border-bottom:1px solid #eeeeee; padding-bottom:10px;}
	section#edit_content h1 button {}
	section#edit_content h1 span {font-size:15px; font-weight:bolder; color:#999999;}
	section#edit_content h1 a {font-size:15px; padding:7px; width:auto; overflow:visible; border-radius:3px; cursor: pointer; background:#666666; color:#ffffff; text-decoration:none;}
	
	section#edit_content h2 {font-weight:lighter; font-size:25px;}
	
	section#edit_content table {border-collapse: collapse; font-size:15px; margin:10px 0 10px 0; width:100%; line-height:1.3;}
	section#edit_content table tr, table td, table th {padding: 5px; vertical-align: top; border:1px solid #333333;}
	section#edit_content table th { color: #000000; font-weight:normal; font-size:16px; text-align:left; font-weight:lighter;}
	section#edit_content table tr:hover td {background: #d2fcda;}
	section#edit_content table tr.nohover:hover td {background:none;}
			section#edit_content table a {color:#336699;}
			
	section#edit_content table.stat_reg {border-collapse: collapse; font-size:13px; margin:10px 0 10px 0; width:750px; line-height:1.3;}
	section#edit_content table.stat_reg tr, table td, table th {padding: 5px; vertical-align: top; border:1px solid #333333;}
	section#edit_content table.stat_reg th { color: #000000; font-weight:normal; font-size:15px; text-align:center; font-weight:lighter;}
	section#edit_content table.stat_reg tr:hover td {background: #d2fcda;}
	section#edit_content table.stat_reg tr.nohover:hover td {background:none;}

	
	section#edit_content table tr.highlight {color: #ff0000;}

	section#edit_content table tr.pale {background: #eeeeee; opacity: .5;}
	section#edit_content table tr.pale td{background: #eeeeee; opacity: .5;}
	section#edit_content table tr.pale:hover  td{background: #cecece; opacity: .5;}
		section#edit_content table tr.pale td button {display:none;}
	
	section#edit_content table tr ul.export_config {}	
		section#edit_content table tr ul.export_config li{margin-bottom:3px; padding-bottom:3px; border-bottom:1px solid #e1e1e1;}	
	section#edit_content table.no_border {border:none; width:100%; font-weight:bolder;}
	section#edit_content table.no_border tr, table.no_border td, table.no_border th {border:none;}
	section#edit_content table td.name span {display:block; font-size:12px; font-weight:bolder;}
	
	form#work {margin-bottom:10px;}

	section#edit_content ul.pagination {margin:20px 0 10px 0;}
	section#edit_content ul.pagination li {display:inline-block;  margin-right:5px; min-width:40px; text-align:center;}
	section#edit_content ul.pagination li.active {background:#666666;}
		section#edit_content ul.pagination li.active span{font-weight:bolder;  display:block; color:#ffffff; padding:10px; min-width:40px;}
	section#edit_content ul.pagination li a {color:#000000; display:block; padding:10px; min-width:40px; background:#eeeeee; }
		section#edit_content ul.pagination li a:hover {background:#666666; color:#ffffff;}
	
	ul.change {}
		ul.change  span {display:block; padding:4px; background:#eeeeee; margin:10px 0 10px 0;}

	input[type="text"].config{width:100%;}
	input[type="text"].smallconfig{width:60%;}
	input[type="date"].config{width:210px; margin-right:10px;}
	input[type="email"].config{width:100%;} 
	select.config{width:100%;} 
	.action_panel {}
		.action_panel  span#action_result{text-align:right; color:#ff0000;}
		.action_panel  #action_button {text-align:right; }
		.action_panel  a {font-size:17px; padding:7px; width:auto; overflow:visible; border-radius:3px; cursor: pointer; background:#666666; color:#ffffff; text-decoration:none;}

#cms {margin:0 auto; width:80%; min-width:980px; font-size:12px; text-align:right; min-height:80px;}
	#cms a {color:#333333; text-decoration:none;}

sup {font-size:10px; font-weight:bolder;}
small {font-size:11px; line-height:0.7;}
small sup {color:#ff0000; }

a:hover{text-decoration:none;}

.hidden {display:none;}

#show_content_result {}
#show_content_result p{margin-bottom:10px;}
#show_content_result ul{margin:10px 0 10px 20px;}
#show_content_result h2, h3{margin:0 0 20px 0;}

#addListCategory {margin:20px 0 20px 0;}
form #action_result {color:#ff0000; font-size:15px; font-weight:lighter;}
#formAddCategory {}
#showListCategory {margin-top:10px; padding:5px 0 15px 0;}

tr.edit {display:none;}
h4 span {font-weight:lighter; color:#999999;}

.variant_form textarea {height:80px;}
.variant_form input {display:inline-block;  margin-bottom:10px;}

textarea.edit_filter {height:80px;}
input.edit_filter {display:inline-block;  margin-bottom:10px;}

.tdaction {text-align:right;}
.new_list {padding:10px; background:#eeeeee;}

a.filter_sort {display:inline-block; margin:2px; padding:1px; border:none; text-decoration:none; font-size:22px; cursor:pointer;}
a.filter_sort_no {display:inline-block; color:#cecece; margin:2px; padding:1px; border:none; text-decoration:none; font-size:22px; cursor:default;}
#config_save {margin-bottom:20px;}

.def_filter {margin:5px 0 10px 0; padding-bottom:5px; border-bottom:1px solid #cecece;}
.def_filter h4{font-size:15px;}
.def_filter ul{font-size:15px;}

form {margin-bottom:10px;}
h3 span {display:block; font-size:15px; font-weight:lighter;}
.show_filter_data {margin-bottom:10px; padding:5px; background:#f1f1f1;}
.show_filter_data p {margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #cecece;}
.show_filter_data p span {display:inline-block; padding:2px; background:#c1c1c1; }
.clear_radio {border-bottom:1px dotted #000000; display:inline-block; margin-left:30px; cursor:pointer; font-size:14px;}
.clear_radio:hover {border:none;}

.list_form {margin-bottom:10px; padding-bottom:10px; border-bottom:2px dashed #cecece;}
p span.category {padding:3px; background:#336699; font-size:12px; color:#ffffff; font-weight:lighter;}
b.parent_filter {color:#999999;}

#saveCardNum {margin-bottom:20px;}
#saveCardNum #partnerCard {width:300px; margin-bottom:10px;}
#saveCardNum #saveCardNumBtn{}
#pass_restore {font-size:14px; color:#000000; display:inline-block; padding-top:5px;}

.action_panel span#action_result {
    text-align: right;
    color: #ff0000;
}

.timeend {background:#FCD3D3}

#client_search {margin-top:10px;}
#search_blck input[type=text]{width:500px}
#filter select{width:500px; margin-right: 5px;}


.blocker {display: none; position: fixed; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; overflow: auto; z-index: 1; padding:50px 20px  20px  20px; box-sizing: border-box; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.75); text-align: center;}
.blocker:before{content: ""; display: inline-block; height: 100%; vertical-align: middle;}
.modal {display: inline-block; vertical-align: middle; position: relative; z-index: 100; min-height:300px; width: 900px; padding: 15px 30px; border-radius: 8px; box-shadow: 0 0 10px #000; text-align: left; background:#ffffff;}
.modal_close {border-bottom:1px solid #cecece; margin-bottom:5px; padding-bottom:5px;}
.modal_close span {float:right; display:blck; cursor:pointer; text-transform:uppercase; font-size:12pt;}
.modal_close span:hover {color:#55a336;}


.alertm_overlay {    width:100%;    height:100%;    position:fixed;    left:0px;    top:0px;    z-index:99998;    background:rgba(51, 51, 51, 0.82);   display:none;}
.alertm_all {font-family: Arial;    width:396px;    padding:29px 43px;    border-radius: .25rem;  background:#fff;    position:fixed;    left:50%;    margin-left:-241px;    top:50%;    z-index:99999;    }
.alertm_all a {    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    text-decoration: none;    color: #0275d8;}
.alertm_all a:hover {    color: #222;}
.alertm_h1 {    color: #0275d8;    font-size: 19px;    margin-bottom: 15px;}
.alertm_text {    font-size: 16px;    line-height: 23px;}
.alertm_wrapper { }
.alertm_but {    display: inline-block;    font-weight: 400;    line-height: 1.25;    text-align: center;    white-space: nowrap;    vertical-align: middle;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    border: 1px solid transparent;    padding: .5rem 2rem;    font-size: 1rem;    border-radius: .25rem;    -webkit-transition: all .2s ease-in-out;    -o-transition: all .2s ease-in-out;    transition: all .2s ease-in-out;    color: #fff;    background-color: #0275d8;    border-color: #0275d8;    display: block;    margin-top: 25px;    cursor: pointer;}
.alertm_but:hover {    color: #fff;    background-color: #025aa5;    border-color: #01549b;}
a.alertm_close {    color: red;    text-decoration: none;    position: absolute;    right: 7px;    top: 0px;    font-size: 25px;}

.smoke-dialog {
 width            : 500px;
 margin           : 0 auto;
 padding          : 20px;
 color            : #202020;
 border           : 1px solid #B6B6B6;
 border-radius    : 5px;
 background-color : #f3f3f3;
 font-size        : 18px;
 font-weight      : normal;
 text-align       : center;
 line-height: 24px;
}

.qaAddForm {
	padding:10px; 
	margin:5px 0 5px 0;
	background:#eeeeee;
}

.qaAddForm {}
	.qaAddForm .divInput{
		margin-bottom:10px;
	}
	.qaAddForm .divSelect{
		margin-bottom:10px;
	} 
	
	.qaAddForm #addQacategory {
		text-align:right;
	}
	
#qa-category-list {
	margin:10px 0 10px 0;
}	

.hide {
	display:none;
}

.qaThem {
		margin-top:5px;
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px dotted #cecece;
		display:block;
		font-weight:lighter;
		font-size: 14pt;
		padding-left:15px;
}


#filter {
	margin:20px 0 20px 0;
	padding:5px;
	background:#f1f1f1;
}

#filter .filter_block {
	float: left;
    margin-right: 5px;
}

#filter .filter_block .legend {
	display:inline-block;
	padding-top:8px;
}
#filter button {
	padding-bottom:9px;
}

.total-partner-money {
	text-align:right;
	font-weight:bolder;
}

.filter_block_select {
	margin-left:13px;
	margin-bottom:10px;
}

select.filter_partner {
	width:474px;
}

h2 span.statbig {font-size:30pt; color:#336699;}

.f-start td {background:#d8d8d8;}
.f-child td {background:#eeeeee;}
.f-child td h3 {font-size:13pt; font-weight:normal; margin:0; padding:0;}
.f-child_1 td {background:#ffffff;}
.path {display:inline-block; padding:2px; margin:5px 0 0 15px; background:#f1f1f1; font-size:9pt;}
.path1 {display:inline-block; padding:2px; margin:5px 0 0 35px; background:#f1f1f1; font-size:9pt;}


#page-file {
	padding:15px ; 
	margin-top:25px;
	background:#eeeeee;
}

form#add-page-file {
	
} 

section#edit_content table#list-load-file {
	margin-top:40px;
}
	section#edit_content table#list-load-file tr,  table#list-load-file td{
		padding: 3px 5px 3px 5px; 
		vertical-align: top; 
		border:1px dotted #333333;
	}

#upload_action .load-error{
	color:#ff0000;
}

#upload_action .load-success{
	color:#006400;
}

#show_this_photo {
	display: flex;
    flex-flow: row wrap;
    justify-content: start;
    align-items: flex-start;
}

#show_this_photo .action_load_photo{
	text-align:center;
	margin-left:20px;
	width:30%;
}