/* clear styles */
*{outline:none;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
html,body{height: 100%;position: relative;}
// Сглаживание
body {-webkit-font-smoothing: subpixel-antialiased !important;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;}
body,table,td,th,tr,input,ul,li,button,form,select{padding:0;margin:0;}
table{border-collapse: collapse;border-spacing:0;empty-cells: show;}
ul{list-style: none;margin:0;padding:0;}
input,select,textarea{outline:none;}
input::-moz-focus-inner{border: 0;}
textarea{resize:none;}
td{vertical-align: top;}
/* /clear styles */

@font-face{font-family:pragmatica-el;src:url(/fonts/pragmatica/pragmatica-extralight-v2.eot);src:url(/fonts/pragmatica/pragmatica-extralight-v2.eot?#iefix) format('embedded-opentype'),url(/fonts/pragmatica/pragmatica-extralight-v2.woff) format('woff'),url(/fonts/pragmatica/pragmatica-extralight-v2.ttf) format('truetype');font-weight:100;font-style:normal}
@font-face{font-family:pragmatica;src:url(/fonts/pragmatica/pragmatica-light-v2.eot);src:url(/fonts/pragmatica/pragmatica-light-v2.eot?#iefix) format('embedded-opentype'),url(/fonts/pragmatica/pragmatica-light-v2.woff) format('woff'),url(/fonts/pragmatica/pragmatica-light-v2.ttf) format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:pragmatica;src:url(/fonts/pragmatica/pragmatica-regular-v2.eot);src:url(/fonts/pragmatica/pragmatica-regular-v2.eot?#iefix) format('embedded-opentype'),url(/fonts/pragmatica/pragmatica-regular-v2.woff) format('woff'),url(/fonts/pragmatica/pragmatica-regular-v2.ttf) format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:pragmatica;src:url(/fonts/pragmatica/pragmatica-medium-v2.eot);src:url(/fonts/pragmatica/pragmatica-medium-v2.eot?#iefix) format('embedded-opentype'),url(/fonts/pragmatica/pragmatica-medium-v2.woff) format('woff'),url(/fonts/pragmatica/pragmatica-medium-v2.ttf) format('truetype');font-weight:600;font-style:normal}


/* common */
body{margin:0;color:#000000;min-width: 1000px;font-size:13px;}
body, input, textarea, select, button{font-family: pragmatica,Arial, sans-serif;font-weight: 300;}
input,textarea,select,a{font-size: 1em;}

::-webkit-input-placeholder{color:#999;}
:-moz-placeholder{color:#999;}
:-ms-input-placeholder{color:#999;}

a{text-decoration: none;outline: 0;}
a:hover{text-decoration: underline;}

h1{font-size: 2em;font-weight: 100;margin:0 0 .5em 0;}
h2{font-size: 1.7em;font-weight: 100;}
h3{font-size: 1.4em;font-weight: 100;}
h4{font-size: 1.2em;font-weight: 100;}
h5{font-size: .9em;font-weight: 100;}

fieldset{border:1px solid #c3c3c3;padding: 10px 25px;margin:0;}
fieldset legend{padding:0 5px;margin-left: -5px;}
input,textarea{padding:2px 5px;border:1px solid #ccc;}
select{padding:2px 2px;}
textarea{border:1px solid #c3c3c3;padding:3px 6px;line-height: 16px;}
/* /common */


div.message{line-height: 1.5em;padding: 10px 15px;margin-bottom: 20px;border: 1px solid transparent;border-radius: 4px;}
div.message-info{background-color: #d9edf7;border-color: #bce8f1;color: #31708f;}
div.message-success{background-color: #dff0d8;border-color: #d6e9c6;color: #3c763d;}
div.message-error{background-color: #f2dede;border-color: #ebccd1;color: #a94442;}
div.message-warning{background-color: #f2dede;border-color: #ebccd1;color: #a94442;}

.h1-hr{
	height:1px;
	background-color: #808285;
	margin:19px 2px 19px 2px;
	outline: none;
	border:none;
}
div.print-hr{height:1px;position: relative;background-color: #808285;margin:19px 27px 19px 2px;}
div.print-hr .print-button{
	position: absolute;
	display:block;
	top:-7px;
	right:-27px;
	width:15px;
	height:14px;
	background-image: url("/resources/images/sprite.png");
	background-position: -127px 0;
	cursor: pointer;
}

.font-small{
	font-family: Arial;
	font-size: 0.9em;
	font-style: italic;
	color:#8c8a8a;
}
.float-left{float:left;}
.float-right{float:right;}
.pseudo{
	cursor: pointer;
	display:inline-block;
	font-family: Arial;
	font-size: 0.9em;
	font-style: italic;
	color:#390;
	border-bottom:1px dashed #390;
	text-decoration: none;
}
.pseudo:hover{border-bottom: none;padding-bottom: 1px;}
.invalid{color:#c00;}

div.clear{clear:both;height:0;}
div.br10{clear:both;height:10px;}
div.br20{clear:both;height:20px;}
div.br30{clear:both;height:30px;}
div.br40{clear:both;height:40px;}

/* FORM */
div.form-field{padding-bottom:10px;}
*>div.form-field:last-child{padding-bottom:0;}
div.form-field div.hint{padding-top:5px;color: #888;}
label.invalid-field-label,
div.field-invalid label{color:#cc0000 !important;}
div.form-field label.form-element-label{display: inline-block;width:120px;line-height: 20px;padding:3px 8px 3px 0;vertical-align:top;}
div.form-field label span.required-label{color:#c00;padding:0;}
div.form-element-hint{color:#4c4c4c;font-size: 0.9em;line-height: 20px;padding: 3px 0;font-style: italic;margin-left: 10px;display: inline-block;vertical-align: top;}
div.form-field div.form-element-hint{}

input.field-number,
input.field-date,
input.field-time,
input.field-integer,
input.field-float{text-align: right;}
div.form-field input[type="text"],
div.form-field input[type="password"],
div.form-field input[type="email"],
div.form-field input[type="number"],
div.form-field input[type="date"],
div.form-field input[type="time"],
div.form-field select{width:285px;padding:0 6px;border:1px solid #c3c3c3;height:26px;border-radius: 2px;}
input.field-number{width:60px;}
input.field-date{width:90px;}
input.field-time{width:48px;}
div.form-field input.field-checkbox{vertical-align: middle;margin-top:5px;}
div.form-field select{padding:3px 4px;width:179px;}
div.form-field input:disabled,
div.form-field select:disabled,
textarea:disabled{opacity: 0.6;filter:alpha(opacity=60);-moz-opacity: 0.6;border-color:#ccc;color:#666;}
div.form-field textarea:focus,
div.form-field input:focus{border-color:#268ccc;}
div.form-field.field-textarea textarea{width:560px;height:80px;padding:3px 6px;}
div.field-htmleditor textarea{height:200px;}
div.form-field.field-birthday select{margin-right:5px;}
div.form-field.field-birthday select.part-day{width:65px;}
div.form-field.field-birthday select.part-month{width:130px;}
div.form-field.field-birthday select.part-year{width:80px;margin:0;}
div.form-field div.field-radio-box{display: inline-block;}
div.form-field div.field-radio-box div{line-height: 24px;height: 24px;}
div.form-field div.field-radio-box input{float:left;margin-top:6px;margin-right:6px;}
div.form-field div.interval-elements{display: inline-block;}
div.form-field div.interval-elements input{margin-right:5px;}
div.field-date div.interval-elements label{width:auto;}
div.field-gender .radio-item{display: inline-block;margin-right: 10px;}
div.form-field.field-image img{max-width:120px;max-height:120px;}
div.field-file div.box,
div.field-image div.box{display: inline-block;}
div.field-file input[type="file"],
div.field-image input[type="file"]{border:none;margin:0;}
div.field-image div.box{display:inline-block;}
div.field-image div.image-item{display:inline-block;}
div.form-buttons{margin-top:20px;padding-top:10px;text-align: right;border-top:1px solid #ebebeb;}
div.form-buttons a,
div.form-buttons button,
div.form-buttons input{margin-left:10px;}
div.form-errors{color:#cc0000;margin-bottom:20px;}
div.form-errors .label{color:#cc0000;font-size:1.1em;font-weight:bold;}
div.form-errors .label span{border:2px dotted #cc0000;padding:0 3px;}
div.form-errors ul{list-style:square;margin:10px 0 0 32px;}
div.form-errors ul li{font-size:0.9em;line-height: 1.6em;}
div.form-success{font-size:0.9em;font-weight:bold;color:#390;margin-bottom:20px;}
div.form-success span{border:2px dotted #390;padding:0 3px;margin-right:5px;font-size:1.1em;}
/* /FORM */

div.grid-empty-text{padding:10px 20px;color:#999;}
.column-number{text-align: right;}
table.table-grid{width:100%;}
div.table-grid-wrapper{}
table.table-grid th{white-space: nowrap;background:#f9f9f9;font-weight: normal;text-align: left;padding:8px 10px;color:#000000;border:1px solid #ccc;}
table.table-grid th a{color:#000000;display: inline-block;border-bottom: 1px dashed #000000;margin-right: 15px;}
table.table-grid th a:hover{text-decoration: none;border-color: transparent;}
table.table-grid th div.column-inner{position:relative;}
table.table-grid div.grid-sorted-arrow{
	border-color: #777 transparent;
	border-style: solid;
	height: 0;
	width: 0;
	position: absolute;
	margin-top:-2px;
	right: 0px;
	top: 50%;
}
table.table-grid .column-sorted-desc div.grid-sorted-arrow{border-width: 0px 4px 4px 4px;}
table.table-grid .column-sorted-asc div.grid-sorted-arrow{border-width: 4px 4px 0 4px;}
table.table-grid .column-date{width:170px;text-align:center;}
table.table-grid .column-created{width:170px;}
table.table-grid .column-status{width:140px;text-align: center;}
table.table-grid .column-status_icon{width:45px;text-align: center;}
table.table-grid td{cursor: default;padding:8px 10px;vertical-align: middle;border:1px solid #ccc;}
table.table-grid tr.alt td{background: #f9f9f9;}
table.table-grid tr.over td{background: #f1f8fe;}
table.table-grid tr.selected td{background: #f1f8fe;}
table.table-grid tr.alert td{background: #fff4cd;}

.button-lightblue,
.button-darkblue,
.button-red,
.button-orange,
.button-gray,
.button-green,

.button-submit,
.button-cancel,
.button-refresh,
.button-reset{
	border:none;
	border-radius: 3px;
	height:30px;
	padding:0 15px;
	color:#fff;
	text-decoration: none;
	display: inline-block;
	cursor: pointer;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}
a.button-lightblue,
a.button-darkblue,
a.button-red,
a.button-orange,
a.button-gray,
a.button-green,

a.button-submit,
a.button-cancel,
a.button-refresh,
a.button-reset{line-height: 30px;}
a.button-lightblue:hover,
a.button-darkblue:hover,
a.button-red:hover,
a.button-orange:hover,
a.button-gray:hover,
a.button-green:hover,

a.button-submit:hover,
a.button-cancel:hover,
a.button-refresh:hover,
a.button-reset:hover{text-decoration: none;}

.button{display:inline-block;cursor:pointer;border:none;background:none;}
.button-default{padding:0 10px;height:30px;line-height:30px;background:#f7f7f7;}
input.button-default,button.button-default{line-height:1;}
a.button{text-decoration: none;color:#000;}
.button-default:hover{background:#E9E9E9;}
.button-close-small{width:16px;height:16px;cursor:pointer;background:url("/images/remove-icon-small.png") 50% 50% no-repeat;opacity: .3;filter: alpha(opacity=30);-moz-opacity: .3;}
.button-close-small:hover{opacity:1;filter: alpha(opacity=100);-moz-opacity:1;}
.button i.fa{margin-right:5px;color:#444444;}
.button i.arrow{float:right;display:inline-block;border-top:4px solid #444;border-left:4px solid transparent;border-right:4px solid transparent;}
.button-green i.arrow{border-top-color:#fff;}
.button-green div.button__handler{border-right-color:#fff;}

.button-submit,
.button-refresh,
.button-darkblue{background-color:#ed1b33;}
.button-blue{background-color: #4db7e9;}
.button-red{background-color: #eb5d52;}
.button-orange{background-color: #E67E22;}
.button-pink{background-color:#e49ee4;color:#fff;}
.button-purple{background-color:#8a70f7;color:#fff;}
.button-yellow{background-color:#eea033;color:#fff;}
.button-cancel,
.button-gray,
.button-reset{background-color: #a39f9e}
.button-green{background-color: #33BE7B;color:#fff;}
.app-user-request-panel-button-delete{background-color: #e0e0e0;}

.button-submit:hover,
.button-refresh:hover,
.button-darkblue:hover{background: #3BA1E0;}
.button-lightblue:hover{background: #68d1f5;}
.button-red:hover{background-color: #ef7d75;}
.button-orange:hover{background-color: #F57D13;}
.button-cancel:hover,
.button-gray:hover,
.button-reset:hover{background-color: #c3bfbe;}
.button-green:hover{background-color:#39D88C;}

.button-default:active,
.button-darkblue:active,
.button-lightblue:active,
.button-orange:active,
.button-red:active,
.button-gray:active,
.button-green:active,
.button-submit:active,
.button-refresh:active,
.button-cancel:active,
.button-reset:active,
.button-green:active{box-shadow: inset 0 1px 1px rgba(4, 19, 32, 0.21);}

.button-darkblue.disabled,
.button-lightblue.disabled,
.button-orange.disabled,
.button-red.disabled,
.button-gray.disabled,
.button-green.disabled,
.button-submit.disabled,
.button-refresh.disabled,
.button-cancel.disabled,
.button-reset.disabled,
.button-green.disabled{box-shadow: none;opacity: 0.6;filter:alpha(opacity=60);-moz-opacity: 0.6;cursor: default;background-color: #c3bfbe;}

.button-refresh i{font-family: "FontAwesome";font-style: normal;display: inline-block;font-size: 14px;}
.button-refresh i:before{content:"\f021";}

.button-text{border:none;border-bottom:1px dashed #666;background: none;color:#666;text-decoration: none;display: inline-block;cursor: pointer;}
.button-text:hover{border-bottom: none;padding-bottom:1px;}

.button-toggle{color:#268ccc;display: inline-block;border-bottom: 1px dashed #268ccc;cursor: pointer;}
.button-toggle:hover{border-bottom-color: transparent;}

.button-collapse{display:inline-block;background:none;border:none;padding:0 3px;cursor:pointer;}
.button-collapse i{font-family:FontAwesome;font-style:normal;font-size:14px;}
.button-collapse i:before{content:"\f106";}
.collapsed .button-collapse i:before{content:"\f107";}

div.panel{position: relative;border:1px solid #dde4e6;}
div.panel div.panel-title{border-bottom:1px solid #ebebeb;padding:10px 40px 10px 20px;background:#dde4e6;color:#777;}
div.panel div.panel-title.collapsible{cursor:pointer;}
div.panel div.panel-title.collapsed{border-bottom:none;}
div.panel div.panel-tooltip{float:right;margin-right:-29px;}
div.panel div.panel-body{padding:10px 20px;}
div.panel div.panel-buttons{padding:10px 20px;text-align:right;}
div.panel-search{}
div.panel-search div.search-head div.form-field{display: inline-block;margin-right: 5px;vertical-align: top;}
div.panel-search div.search-head div.select,
div.panel-search div.search-head select{margin:0 10px 10px 0;width:180px;}
div.panel-search div.search-head div.search-buttons{float:right;padding-top:5px;}

ul.tabs{}
ul.tabs li{display: inline-block;text-align: center;padding:5px 10px;cursor: pointer;white-space: nowrap;border-bottom: 3px solid #ddd;}
ul.tabs li.empty{color:#999999;}
ul.tabs li.current{border-color: #268ccc;cursor: default;color:#000000;}
ul.tabs li i{vertical-align: middle;}
div.tab{display:none;padding-top:20px;}

table.table-params{}
table.table-params th,
table.table-params td{padding:4px 0;}
table.table-params th{font-weight: normal;text-align: left;min-width: 150px;padding-right:10px;}
table.table-params td{color:#555555;}

div.boundlist{padding:4px 0;z-index:99;position:absolute;top:120%;left:0;width:100%;border-radius:3px;border: 1px solid #c3c3c3;background:#fff;box-shadow: 0 10px 20px -5px rgba(0,0,0,.4);}
div.boundlist{}
div.boundlist .item_hr{border-bottom: 1px solid #e1e1e1;margin:5px 15px;}
div.boundlist .item{line-height:18px;padding:4px 10px 4px 20px;cursor:default;}
div.boundlist .item:hover{background:#f9f9f9;}
div.boundlist .item.focused{background: #f1f8fe;}
div.boundlist .item.selected{color: #268ccc;}

div.select{display: inline-block;position: relative;border-radius: 3px;min-width:170px;border:1px solid #c3c3c3;min-height:26px;background:#fff;vertical-align:top;}
div.select.element-focused{border-color:#268ccc;}
div.select.disabled,
div.select.empty{opacity:.6;filter:alpha(opacity=60);-moz-opacity: 0.6;}
div.select i.arrow{display: inline-block;position:absolute;right:10px;top:0;font-family: FontAwesome;
  font-style: normal;
  font-size: 14px;}
div.select i.arrow:before{content:"\f107";}
div.select.element-focused i.arrow:before{content:"\f106";}
div.select .select-button{line-height: 24px;min-height:24px;padding:0 10px;}
div.select input[type="text"]{border:none;width:80px;display: none;padding:0;height:100%;}
div.select.single{height:26px;}
div.select.single input{width:100%;}
div.select.element-focused input{display: inline-block;}
div.select .button__text{cursor: default;}
div.select.single .select-button{padding-right:25px;}
div.select.single .button__text{white-space: nowrap;display:block;width:100%;overflow: hidden;-o-text-overflow: ellipsis;text-overflow: ellipsis;}
div.select.multiple .button__text{display: inline-block;}
div.select.multiple .button__text span{display: inline-block;font-size: 11px;border:1px solid #7bc5f1;background:#b3e2fa;padding: 0 5px;
line-height: 18px;height: 20px;border-radius: 3px;margin-right: 3px;}
div.select.single.hasinput.element-focused .button__text{display: none;}
div.select .button__text i{margin-top:6px;margin-right: 3px;}
div.select div.boundlist{width:100%;min-width:210px;max-height: 260px;overflow-y: auto;left:-1px;}
div.select .item_reset i{display: inline-block;background:url("/images/remove-icon-small.png") no-repeat 50% 50%;width:9px;height:9px;margin-right: 5px;}

div.timeline{position:relative;}
div.timeline:before{background-color: #C7CBD6;
  bottom: 0px;
  content: "";
  left:96px;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 0;
}
div.timeline div.item{position:relative;margin-bottom:5px;padding-left:120px;}
div.timeline i.icon{display:block;border: 3px solid #FFFFFF;border-radius: 50%;-webkit-border-radius: 50%;height: 12px;width: 12px;position:absolute;left:90px;top:15px;}
div.timeline span.date{position:absolute;left:0;top:12px;color:#555555;width:80px;text-align:right;}
div.timeline div.body{padding:12px;background:#f7f7f7;display:inline-block;position:relative;border-radius:3px;}
div.timeline i.tail{border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-right: 8px solid #F4F4F4;display: block;height: 0;
  left: 113px;
  position: absolute;
  top: 13px;
  width: 0;}
div.timeline i.icon{background:#a39f9e;box-shadow:0 0 0 3px #a39f9e;}
div.timeline div.title{color:#a39f9e;}
div.timeline div.item.green i.icon{background:#33BE7B;box-shadow:0 0 0 3px #33BE7B;}
div.timeline div.item.total i.icon{background:#EF6F66;box-shadow:0 0 0 3px #EF6F66;}
div.timeline div.item.green div.title{color:#33BE7B;}
div.timeline div.item.total div.title{color:#EF6F66;}