@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;}
.loader * {-webkit-transition: none !important;-moz-transition: none !important;-ms-transition: none !important;transition: none !important;}
.loader .page {height: 100vh;opacity: 0;}
.loader {overflow: hidden;background: #ffffff url("/i/pic/loader.gif") no-repeat center center;}

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;} 

button:disabled, button[disabled]{background-color: transparent; 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;}
button#csv_export_ticket {background:#2c853d;}
button#gs_export_ticket {background:#2c853d;}
button.photoarea {background:#800080;}
button:disabled.photoarea, button[disabled].photoarea{background-color:#eeeeee;}

	
.hide	{display:none;}
.show	{display:show;}
.error {border:1px solid #ff0000;}
.clear {clear:both;}

form#auth {width:96%; margin:0 auto; padding:30px 10px 10px 10px;}	
	form#auth input {width:99%; margin-bottom:8px; padding:5px;}
	form#auth button {width:99%; padding:5px; }
		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;}
	
main {width:98%; margin:1% auto;}
header {width:98%; margin:1% auto; text-align:center; margin-bottom:0;}
#admin_panel {background:#eeeeee; width:100%;}
	#admin_panel #nav {float:left; padding:8px 5px 8px 5px;}
	#admin_panel #admin {float:right; text-align:right;  padding:8px 5px 8px 5px;}
		#admin_panel #admin #sh_change_pass {}
		#admin_panel #admin #exitadmin {margin-left:10px; background:#eeeeee; color:#000000;}
	
	#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; background:#eeeeee; outline:1px solid #666666; }
    #change_pass form{}
	#change_pass form input {display:block; margin-bottom:3px; width:100%;}
	#change_pass form button {display:block; width:100%;}


section#edit_content {min-height:250px; width:100%; 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 {margin-top:-10px;}
	section#edit_content h1 span {font-size:15px; font-weight:bolder; color:#999999; display:block;}
	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 h1 a.admin {display:block; width:100%; margin-bottom:10px; text-align:center;}
	button#pages  {width:100%; margin-bottom:10px;}
	section#edit_content h2 {font-weight:lighter; font-size:25px;}
	
	section#edit_content table {border-collapse: collapse; font-size:14px; margin:10px 0 10px 0; width:100%; line-height:1.3;}
	section#edit_content table.role {overflow-x: auto; display: block; outline:none; min-width:300px;}

	section#edit_content table tr, table td, table th {padding: 5px; vertical-align: top; border:1px solid #cecece;}
	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.territory_point:hover td {background: none;}
	section#edit_content table tr.nohover:hover td {background: none;}
	section#edit_content table tr.cont_nun:hover td {background: none;}
	section#edit_content table tr.nohover:hover td {background:none;}
			section#edit_content table a {color:#336699;}
	
	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;}	
	
	form#work {margin-bottom:10px;}
	#massive_request_status {display:none; padding:5px; margin-top:5px; border-top:1px solid #e1e1e1; background:#fbffe9;}
	#massive_request_container {display:none; padding:5px; margin-top:5px; border-top:1px solid #e1e1e1; background:#fbffe9;}
	#massive_request_container h3 {font-size:13px;}
	#massive_request_container select {width:220px;}
	#massive_request_container_responsible{padding:5px; margin-top:5px; float:left;}
	#massive_request_container_owner{padding:5px; margin-top:5px;  float:left;}
	#massive_request_container_territory{padding:5px; margin-top:5px;  float:left;}

	#export_link_div {display:none;padding:5px; margin-top:5px; background:#e9fbff; font-size:13px;}
		#export_link_div a {font-size:13px; font-weight:bolder; color:#666666; background:none; padding:0; margin:0;}
	.vertical_separator {margin-bottom:10px; width:100%;}
	.left {float:left; margin-right:14px;}
	.left_f {width:100%; }
	section#edit_content ul.pagination {margin:20px 0 10px 0; overflow-x: auto; display: block; width:100%;}
	section#edit_content ul.pagination li {display:block; float:left; margin-top:8px;  margin-right:5px; min-width:45px; 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:45px;}
	section#edit_content ul.pagination li a {color:#000000; display:block; padding:10px; min-width:45px; 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:99%;}
	input[type="text"].search_filter_company{width:99%;}
	input[type="text"].search_filter{width:99%;}
	
	
	input[type="date"].filter_ticket_date{width:100% !important;}
	input[type="date"].filter_container_date{width:100% !important;}
	input[type="email"].config{width:100% !important;} 
	select.config{width:100% !important;} 
	select.select_filter_ticket {width:100% !important;}
	select.select_filter_container {width:100% !important;}
	
	select[multiple]{height:auto; min-height:50px; width:100%; overflow-x: scroll; min-width:310px; margin-bottom:10px;}
	.legenda {font-size:13px; color:#666666;}
	#show_filter {
		padding:3px; border:1px solid #cecece; margin:5px 0 0 0; background:#fafafa; 
	}
	
	#show_container {
		padding:3px; border:1px solid #cecece; margin:5px 0 0 0; background:#fafafa; 
	}
	
	.funct_title {margin-bottom:5px;}
		.funct_title #open_filter {}
		.funct_title #open_filter_container {}
		.funct_title #open_search {}
		.funct_title #open_search_container {}
			#ticket_search input[type=text]{width:99%; margin-bottom:10px;}
			#container_search input[type=text]{width:99%;  margin-bottom:10px;}
	
	
	#show_filter h2 {}
	#show_filter h2 span{color:#336699; cursor:pointer; display:inline-block; padding:3px; font-size:22px;}
	#show_filter h2 span:hover {}

	#show_filter h2 span.active_action_tab {background:#ffe8c7; color:#000000; border-bottom:1px solid #cecece;}
	

	#ticket_filter {padding:5px; width:100%;} 
	#ticket_filter  button{display:bock; width:99%; margin-bottom:10px;}
	#container_filter {padding:5px; width:100%;} 
	.filter_block {float:left; margin-right:5px;}
		.filter_block .legend {display:block; font-size:12px; color:#666666;}
	
	#ticket_search_blck {margin-top:10px;}
	#container_search_blck {margin-top:10px;}
	
	#massive_request_status {display:none; padding:5px;}
	.left_filter {width:100%;}
	.right_filter {width:100%;}
	#show_content_result {display:none; padding:5px; border:1px solid #cecece; margin-bottom:10px;}	
	.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:99%; font-size:12px; text-align:right; min-height:80px;}
	#cms a {color:#333333; text-decoration:none;}

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



#saveCardNum {margin-bottom:20px;}
#saveCardNum #partnerCard {width:100%; margin-bottom:10px;}
#saveCardNum #saveCardNumBtn{width:100%;}

#pass_restore {font-size:14px; color:#000000; display:block; margin-top:10px;}

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

.timeend {background:#FCD3D3}

.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            : 280px;
 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;
}

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

.f-start td {background:#d8d8d8;}
.f-child td {background:#eeeeee;}
.f-child td h3 {font-size:13pt; font-weight:normal;}
.f-child_1 td {background:#ffffff;}

#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;
}