/* Coded by: Alfonsus David */

html, body{
	height: 100%;
	width: 100%;
}

#logo_welcome{
	width: 100%;
	height: 100%;
	/* background: #FFFFFF url('../images/logo/logo_welcome.jpg') no-repeat center center; */
	text-align: center;
}
#logo_welcome span{
	display: inline-block;
	height: 100%;
	width: 0;
	vertical-align: middle;
}
#logo_welcome img{
	max-width: 50%;
	max-height: 50%;
	vertical-align: middle;
}

#burrow{
	width: 0;
	height: 0;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	border: none 0;
	visibility: hidden;
	position: absolute;
}

#container{
	height: 100%;
	width: 100%;
	overflow: hidden;
}

#login_form{
	width: 100%;
}
#login_form.not_dialog{
	margin-top: 100px;
}
#login_form fieldset{
	margin: 0 auto;
}
#login_form .success_box, #login_form .error_box, #login_form .loader_box{
	margin: 10px auto 0;
}

#header{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 40px;
	background-color: #333;
	z-index: 999997;
	
	/* -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5); */
}
#logo{
	display: table-cell;
	height: 40px;
	vertical-align: bottom;
	padding-left: 5px;
}
#logo img{
	height: 36px;
}
#user{
	position: absolute;
	right: 5px;
	top: 9px;
	font-size: 1.1em;
	color: #FFFFFF;
	text-shadow: none;
	padding-left: 5px;
}
#user [class^="icon-"]:before, #user [class*=" icon-"]:before{
	font-size: 1.25em;
}
#user .separator{
	font-size: 1.4em;
}
#user .menu a{
	color: #fff;
}
#user .menu a span{
	display: none;
}
#user .menu a:hover{
	text-decoration: none;
	color: #009EB8;
}
#show_user{
	display: none;
}

#menu{
	position: fixed;
	background-color: #eee;
	width: 200px;
	top: 40px;
	bottom: 0;
	overflow: auto;
	left: -100%;
	width: 80%;
	max-width: 250px;
	z-index: 99999;
	
	_height: expression(document.body.clientHeight - header.offsetHeight);
	
	-moz-box-shadow: inset 0 0 5px #aaa;
	-ms-box-shadow: inset 0 0 5px #aaa;
	-o-box-shadow: inset 0 0 5px #aaa;
	-webkit-box-shadow: inset 0 0 5px #aaa;
	box-shadow: inset 0 0 5px #aaa;
}
#menu.visible{ left: 0; }

#menu ul{
	position: relative;
	/* width: 200px; */
	width: 100%;
}
#menu h4, #menu a{
	color: #333;
	font-weight: normal;
	position: relative;
	display: block;
	padding: 3px 0 3px 25px;
	/* padding: 5px 0 5px; */
	/* background: transparent url(../images/cosmetics/dot.gif) no-repeat 5px center; */
	cursor: pointer;
	cursor: hand;
	
    -moz-transition: background 0.3s, box-shadow 0.3s;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
#menu .arrow{
	width: auto;
    height: auto;
    border: none 0;
}
#menu [class^="icon-"]:before, #menu [class*=" icon-"]:before{
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	line-height: 1.4em;
	font-size: 1.4em;
	text-decoration: none;
	z-index: 1;
}
#menu h4.arrow:after, #menu a.arrow:after{
	font-family: "fontello";
	font-style: normal;
	font-weight: normal;
	font-size: 1.4em;
	speak: none;
	display: inline-block;
	text-decoration: inherit;
	width: 1em;
	margin-right: .2em;
	text-align: center;
	font-variant: normal;
	text-transform: none;
	line-height: 1.4em;
	margin-left: .2em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e81c';
}
#menu h4.parent_active.arrow:after, #menu a.parent_active.arrow:after{
	content: '\e81d';
}
#menu h4.arrow:hover:after, #menu a.arrow:hover:after{
	text-decoration: none;
}
#menu .icon-parent-default:before{
	content: '\e81f';
}
#menu .icon-parent-default.parent_active:before, #menu .icon-parent-default.parent_active:hover:before{
	content: '\e81c';
}
#menu .icon-child-default:before{
	content: '\f111';
	font-size: 0.65em;
	line-height: 3em;
	padding-left: 4px;
}
#menu a:hover, #menu .active{
	background-color: #FFFFFF;
	text-decoration: none;
	
	-moz-box-shadow: -1px 0 5px #aaa;
	-ms-box-shadow: -1px 0 5px #aaa;
	-o-box-shadow: -1px 0 5px #aaa;
	-webkit-box-shadow: -1px 0 5px #aaa;
	box-shadow: -1px 0 5px #aaa;
}
#menu a:hover [class^="icon-"]:before, #menu a:hover [class*=" icon-"]:before{
	/* color: #000; */
}
#menu ul ul a{
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
}
#menu h4{
	font-weight: bold;
}
#menu h4:hover{
	text-decoration: underline;
}
#menu h4:hover [class^="icon-"]:before, #menu h4:hover [class*=" icon-"]:before{
	text-decoration: none;
}
#menu .parent_link_chosen{ text-decoration: underline; }
#menu .parent_link .void{
	display: block;
	position: absolute;
	width: 20px;
	height: 20px;
	margin-left: -20px;
}
#menu ul ul{ margin-left: 20px; }
#menu li{
	margin-top: 5px;
	display: block;
	position: relative;
}

#menu_small{
	position: fixed;
	background-color: #eee;
	width: 40px;
	top: 40px;
	bottom: 0;
	overflow: auto;
	left: 0;
	max-width: 40px;
	z-index: 3;
	
	_height: expression(document.body.clientHeight - header.offsetHeight);
	
	-moz-box-shadow: inset 0 0 5px #aaa;
	-ms-box-shadow: inset 0 0 5px #aaa;
	-o-box-shadow: inset 0 0 5px #aaa;
	-webkit-box-shadow: inset 0 0 5px #aaa;
	box-shadow: inset 0 0 5px #aaa;
}
#menu_small ul{
	position: relative;
	width: 100%;
}
#menu_small h4, #menu_small a{
	color: #333;
	font-size: 24px;
	font-weight: normal;
	position: relative;
	display: block;
	padding: 10px 0;
	text-align: center;
	cursor: pointer;
	cursor: hand;
	
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
#menu_small h4:hover, #menu_small a:hover, #menu_small .active{
	color: #009EB8;
	text-decoration: none;
}
#menu_small .active{
	background-color: #fff;
	
	-moz-box-shadow: -1px 0 5px #aaa;
	-ms-box-shadow: -1px 0 5px #aaa;
	-o-box-shadow: -1px 0 5px #aaa;
	-webkit-box-shadow: -1px 0 5px #aaa;
	box-shadow: -1px 0 5px #aaa;
}
#menu_small .icon-menu-default:before{
	content: '\f111';
}

#show_menu{
	display: block;
	margin: 5px 0 0;
	width: 30px;
	height: 30px;
	cursor: pointer;
	cursor: hand;
	background: transparent no-repeat left top;
}
#show_menu{
	float: left;
	margin: 8px 0 0 8px;
	color: #fff;
	font-size: 2em;
	/* background: #fff;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; */
	-moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
#show_menu:before{
	margin: 0;
}
#show_menu:hover, #show_menu.active{
	color: #009EB8;
}
#menu_wrapper{
	background-color: #f4f4f4;
	position: fixed;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	z-index: 99998;
	opacity: 0;
	filter: (opacity=0);
}
#menu_wrapper.visible{
	width: 100%;
	height: 100%;
	opacity: 0.4;
	filter: (opacity=40);
}

.notification_status.disabled:before{
	content: '\f1f7';
}

#content{
	position: absolute;
	top: 50px;
	left: 50px;
	right: 10px;
	bottom: 0;
	overflow: hidden;
	_height: expression(document.body.clientHeight - header.offsetHeight - 10);
	_width: expression(document.body.clientWidth - menu.offsetWidth - 20);
}
#content_1{
	height: 50px;
	
	/* -moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); */
}
#content_1 .tabs{
	margin-top: 5px;
}
#content_1 .tabs div.menu{
	padding: 0;
}
#content_2{
	position: absolute;
	top: 57px;
	left: 0;
	right: 0;
	bottom: 10px;
	overflow: auto;
	_height: expression(content.offsetHeight - 70);
	_width: expression(content.offsetWidth);
}
#content_1.no_commands{
	height: 33px;
	border-bottom: solid 1px #333;
}
#content_2.no_commands{ top: 40px }
#content_3{
	overflow-x: auto;
	min-height: 55px;
}

.tabs div.line{
	border-bottom: solid 1px #333;
	z-index: 1;
	position: relative;
	margin-top: -1px;
}
.tabs div.menu{
	/* border-bottom: solid 1px #333; */
	height: 23px;
	/* padding: 0 5px; */
	z-index: 2;
	position: relative;
}
.tabs ol.menu, .tabs .menu ol{
	height: 24px;
	/* border-bottom: solid 1px #333; */
	white-space: nowrap;
	margin-left: 0;
}
.tabs .menu li{
	display: inline-block;
	padding-left: 3px;
	/* float: left; */
}
.tabs .menu a, .tabs .menu .anchor{
	display: inline-block;
	box-sizing: border-box;
	height: 23px;
	border: solid 1px #333;
	/* border-bottom: none 0; */
	padding: 0 10px;
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #eee, #ddd);
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: -ms-linear-gradient(top, #eee, #ddd);
	background-image: -o-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(to bottom, #eee, #ddd);
	color: #333;
	
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	
	-moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.tabs .menu a:hover, .tabs .menu a.active,
.tabs .menu .anchor:hover, .tabs .menu .anchor.active{
	text-decoration: none;
	background-color: #fff;
	background-image: none;
}
.tabs .menu a.active, .tabs .menu .anchor.active{
	border-bottom: 1px solid #fff;
}
.tabs .contents{
	z-index: 1;
	position: relative;
}
.tabs .contents{
	margin: 0;
}
.tabs .contents li.content{
	display: none;
}
.tabs .contents li.content.active{
	display: block;
}

.tabs.boxed .contents{
	padding: 5px;
	border: solid 1px #333;
	z-index: 1;
	position: relative;
	margin-top: -0.5px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.tabs.boxed .menu li:first-child{
	margin-left: 10px;
}
.tabs.boxed .line{
	display: none;
}

.tabs.horizontal div.menu{
	border: none 0;
	height: auto;
	padding: 0;
}
.tabs.horizontal div.menu div{
	overflow: visible;
}
.tabs.horizontal .menu{
	float: left;
	width: 200px;
	display: block;
}
.tabs.horizontal ol.menu, .tabs.horizontal .menu ol{
	border: none 0;
}
.tabs.horizontal .menu li{
	display: block;
	padding-top: 3px;
}
.tabs.horizontal .menu li:nth-child(1){
	padding-top: 10px;
}
.tabs.horizontal .menu a{
	display: block;
	width: calc(100% + 1px);
	box-sizing: border-box;
	overflow: hidden;
	text-overflow: ellipsis;
	
	border-bottom: solid 1px #333;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topright: 0;
	border-bottom-left-radius: 4px;
	border-top-right-radius: 0;
}
.tabs.horizontal .menu a.active{
	border-right: solid 1px #fff;
}
.tabs.horizontal .contents{
	float: left;
	display: block;
	width: calc(100% - 200px);
	height: 100%;
	overflow: auto;
	border: solid 1px #333;
	padding: 5px;
	box-sizing: border-box;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#monitor{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
}
#monitor .contents{
	height: calc(100% - 34px);
}
#monitor .content, #monitor .tabs.horizontal, #monitor .tabs.horizontal .contents{
	height: 100%;
}
#monitor .monitor_table{
	min-width: 800px;
}

#giro_cheque .content{
	padding-top: 7px;
}

/* TABLE */
.table_style{
	width: 100%;
	table-layout: fixed; 
	/* _width: expression(content.offsetWidth - 30); */
}
.table_style thead th, .table_style tfoot th{
	padding: 5px;
	text-shadow: none;
	overflow: hidden;
	text-overflow: ellipsis;
	background-color: #333333;
	background-image: -webkit-linear-gradient(top, #333333, #242424);
	background-image: -moz-linear-gradient(top, #333333, #242424);
	background-image: -ms-linear-gradient(top, #333333, #242424);
	background-image: -o-linear-gradient(top, #333333, #242424);
	background-image: linear-gradient(to bottom, #333333, #242424);
}
.table_style.tight_table thead th, .table_style.tight_table tfoot th{
	white-space: nowrap;
}
.table_style.tight_table thead th{
	padding-right: 19px;
}
.table_style.tight_table thead th.commands{
	padding-right: 5px;
}
.table_style.tight_table thead b{
	position: absolute;
	top: 5px;
	right: 2px;
}
.table_style thead th, .table_style thead th *,
.table_style tfoot th, .table_style tfoot th *{
	font-weight: bold;
	color: #FFFFFF;
}
.table_style thead th.sorted *{
	color: #A29600;
}
.table_style thead th input, .table_style thead th textarea,
.table_style thead th select, .table_style thead th option{
	font-weight: normal;
	color: #333333;
}
.table_style thead th.top{ padding-bottom: 0; }
.table_style thead th.middle{
	padding-top: 0;
	padding-bottom: 0;
}
.table_style thead th.bottom{ padding-top: 0; }
.table_style thead th.small_1{ width: 200px; }
.table_style thead th.small_2{ width: 150px; }
.table_style thead th, .table_style tfoot th{
	border: solid 1px #555;
	border-top-color: #333;
	/* border-bottom-color: #333; */
}
.table_style thead th:first-child, .table_style tfoot th:first-child{ border-left-color: #333; }
.table_style thead th:last-child, .table_style tfoot th:last-child{ border-right-color: #333; }
.table_style td{ border: solid 1px #555; }
.table_style thead th.overflow{ overflow: visible; }
.table_style thead th.borderless_left{ border-left: none 0; }
.table_style thead th.borderless_right{ border-right: none 0; }
.table_style thead th.borderless, .table_style td.borderless,
.table_style tr.borderless td, .table_style tr.borderless th{
	border: none 0;
}
.table_style td{
	padding: 0 5px;
	overflow: hidden;
    white-space: nowrap;
	line-height: 2.5em;
	text-overflow: ellipsis;
	-moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.table_style td.wrap{ white-space: normal; }
.table_style td, .table_style tfoot th{ vertical-align: top; }
.table_style td.text_middle, .table_style tfoot th.text_middle{ vertical-align: middle; }
.table_style tbody tr:hover td{ background-color: #eee; }

.table_style.table_select tbody tr{
	cursor: pointer;
}
.table_style tbody tr.active td, .table_style tbody tr.active:hover td{
	background-color: #ffff81;
}
.table_style tbody tr.inactive td, .table_style tbody tr.inactive:hover td{
	cursor: default;
	background-color: #f47474;
}
/* .table_style tbody tr td{
	position: relative;
	z-index: 1;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}
.table_style tbody tr td:before{
	background-color: #eee;
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(to bottom, #dfdfdf, #eee);
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.table_style tbody tr:hover td:before{
	opacity: 1;
	filter: alpha(opacity=100);
} */
.table_style tbody tr:hover a, .table_style tbody tr:hover .anchor{ border-color: #eee; }

.table_style .width_5.commands{ width: 25px; }
.table_style .commands{ width: 85px; }
.table_style .commands_1{ width: 20px; }
.table_style .commands_2{ width: 45px; }
.table_style .commands_3{ width: 65px; }
.table_style .commands_4{ width: 85px; }
.table_style .commands_5{ width: 105px; }
.table_style .commands_6{ width: 130px; }
.table_style .commands_7{ width: 150px; }
.table_style .commands_8{ width: 170px; }
.table_style .commands_9{ width: 195px; }
.table_style .commands_10{ width: 220px; }
.table_style td.commands span.icon-menu{ display: none; }
.table_style tbody tr td.commands div .wrapper{
	display: none;
}

.table_style tr.opened td{ border-bottom: 0 none; }
.table_style tr.clean:hover td, .table_style tr.clean td tr.clean:hover td,
.table_style tr.clean td tr.clean td tr.clean:hover td, .table_style tbody tr.clean td:before{
	background-color: transparent;
	background-image: none;
}
.table_style tr.clean td tr:hover td, .table_style tr.clean td tr.clean td tr:hover td,
.table_style tr.clean td tr.clean td tr.clean td tr:hover td{
	background-color: #eee;
}
.table_style tr.clean:hover thead th{ background-color: #333; }
.table_style tr.clean:hover a{ border-color: transparent; }
.table_style tr.clean td,
.table_style tr.clean td .clean td,
.table_style tr.clean td .clean td .clean td{
	padding: 10px 20px;
}
.table_style tr.clean td td,
.table_style tr.clean td .clean td td,
.table_style tr.clean td .clean td .clean td td{
	padding: 0 5px;
}
.table_style tr.clean.none{ display: none; }
.table_style tr.clean.none td{ padding: 0; }
.table_style tr.clean.none table, .table_style tr.clean.none h3{ display: none; }
.table_style tr.disabled td, .table_style tr.disabled:hover td{
	background-color: #aaa;
}

.table_top td{ vertical-align: top; }

.form_list .table_style td{ line-height: 2.5em; }
/* .form_list .table_style thead th{ border-right: solid 1px #aaa; } */
/* .form_list .table_style td{ border: solid 1px #aaa; } */

.commands a, .commands .anchor{
	font-size: 2em;
	color: #333;
}
.commands a:hover, .commands .anchor:hover,
.commands a.active, .commands .anchor.active{
	text-decoration: none;
	color: #3498db;
}
.commands a img, .commands a span{ display: none; }
.table_style .commands a, .table_style .commands .anchor{ font-size: 1.4em; }

/* Table Marker */
div.marked{
	padding: 2px 10px;
	height: 20px;
	border: solid 1px #333;
	float: left;
	margin-right: 5px;
	text-align: center;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

/* .table_style tr.marked td{
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	position: relative;
	z-index: 1;
}
.table_style tr.marked td:before{
	content: "";
	display: block;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	position: absolute;
	z-index: -1;
	opacity: 0;
	filter: alpha(opacity=0);
	-moz-transition: opacity 0.3s;
	-webkit-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
.table_style tr.marked:hover td:before{
	opacity: 1;
	filter: alpha(opacity=100);
} */

div.marked.deleted{ background-color: #f47474; }
.table_style tr.marked.deleted td{ background-color: #f47474; }
/* .table_style tr.marked.deleted td{
	background-color: #f47474;
	background-image: -webkit-linear-gradient(top, #f47474, #ff8383);
	background-image: -moz-linear-gradient(top, #f47474, #ff8383);
	background-image: -ms-linear-gradient(top, #f47474, #ff8383);
	background-image: -o-linear-gradient(top, #f47474, #ff8383);
	background-image: linear-gradient(to bottom, #f47474, #ff8383);
} */
.table_style tr.marked.deleted a, .table_style tr.marked.deleted .anchor{ border-color: #f47474; }
.table_style tbody tr.marked.deleted:hover td{ background-color: #e26464; }
/* .table_style tbody tr.marked.deleted td:before{
	background-color: #e26464;
	background-image: -webkit-linear-gradient(top, #e26464, #d35555);
	background-image: -moz-linear-gradient(top, #e26464, #d35555);
	background-image: -ms-linear-gradient(top, #e26464, #d35555);
	background-image: -o-linear-gradient(top, #e26464, #d35555);
	background-image: linear-gradient(to bottom, #e26464, #d35555);
} */
.table_style tbody tr.marked.deleted:hover a, .table_style tbody tr.marked.deleted:hover .anchor{ border-color: #e26464; }
.table_style tr.marked.deleted a, .table_style tr.marked.deleted .anchor{ color: #fff; }
.table_style tr.marked.deleted .error, .table_style tr.marked.deleted .success, .table_style tr.marked.deleted .status { color: #fff; }
.table_style .marked.deleted .commands a, .table_style .marked.deleted .commands .anchor{ color: #333; }
.table_style .marked.deleted .commands a:hover, .table_style .marked.deleted .commands .anchor:hover,
.table_style .marked.deleted .commands a.active, .table_style .marked.deleted .commands .anchor.active
{
	color: #fff;
}

div.marked.warning{ background-color: #ffff81; }
.table_style tr.marked.warning td{ background-color: #ffff81; }
/* .table_style tr.marked.warning td{
	background-color: #ffff81;
	background-image: -webkit-linear-gradient(top, #ffff81, #f0f072);
	background-image: -moz-linear-gradient(top, #ffff81, #f0f072);
	background-image: -ms-linear-gradient(top, #ffff81, #f0f072);
	background-image: -o-linear-gradient(top, #ffff81, #f0f072);
	background-image: linear-gradient(to bottom, #ffff81, #f0f072);
} */
.table_style tr.marked.warning a, .table_style tr.marked.warning .anchor{ border-color: #ffff81; }
.table_style tbody tr.marked.warning:hover td{ background-color: #ffff2e; }
/* .table_style tbody tr.marked.warning td:before{
	background-color: #ffff2e;
	background-image: -webkit-linear-gradient(top, #ffff2e, #f0f01f);
	background-image: -moz-linear-gradient(top, #ffff2e, #f0f01f);
	background-image: -ms-linear-gradient(top, #ffff2e, #f0f01f);
	background-image: -o-linear-gradient(top, #ffff2e, #f0f01f);
	background-image: linear-gradient(to bottom, #ffff2e, #f0f01f);
} */
.table_style tbody tr.marked.warning:hover a, .table_style tbody tr.marked.warning:hover .anchor{ border-color: #ffff2e; }
.table_style .marked.warning .commands a:hover, .table_style .marked.warning .commands .anchor:hover,
.table_style .marked.warning .commands a.active, .table_style .marked.warning .commands .anchor.active{
	border-color: #009EB8;
}

div.marked.success{ background-color: #adea9b; }
.table_style tr.marked.success td{ background-color: #adea9b; }
/* .table_style tr.marked.success td{
	background-color: #adea9b;
	background-image: -webkit-linear-gradient(top, #adea9b, #a8dd97);
	background-image: -moz-linear-gradient(top, #adea9b, #a8dd97);
	background-image: -ms-linear-gradient(top, #adea9b, #a8dd97);
	background-image: -o-linear-gradient(top, #adea9b, #a8dd97);
	background-image: linear-gradient(to bottom, #adea9b, #a8dd97);
} */
.table_style tr.marked.success a, .table_style tr.marked.success .anchor{ border-color: #adea9b; }
.table_style tbody tr.marked.success:hover td{ background-color: #9be583; }
/* .table_style tbody tr.marked.success td:before{
	background-color: #9be583;
	background-image: -webkit-linear-gradient(top, #9be583, #8bc476);
	background-image: -moz-linear-gradient(top, #9be583, #8bc476);
	background-image: -ms-linear-gradient(top, #9be583, #8bc476);
	background-image: -o-linear-gradient(top, #9be583, #8bc476);
	background-image: linear-gradient(to bottom, #9be583, #8bc476);
} */
.table_style tbody tr.marked.success:hover a, .table_style tbody tr.marked.success:hover .anchor{ border-color: #9be583; }
.table_style .marked.success .commands a:hover, .table_style .marked.success .commands .anchor:hover,
.table_style .marked.success .commands a.active, .table_style .marked.success .commands .anchor.active{
	border-color: #009EB8;
}

/* div.marked.blue{ background-color: #54baec; }
.table_style tr.marked.blue td{ background-color: #54baec; }
.table_style tr.marked.blue a, .table_style tr.marked.blue .anchor{ border-color: #54baec; }
.table_style tbody tr.marked.blue:hover td{ background-color: #1ba0e2; }
.table_style tbody tr.marked.blue:hover a, .table_style tbody tr.marked.blue:hover .anchor{ border-color: #1ba0e2; }

div.marked.red{ background-color: #f47474; }
.table_style tr.marked.red td{ background-color: #f47474; }
.table_style tr.marked.red a, .table_style tr.marked.red .anchor{ border-color: #f47474; }
.table_style tbody tr.marked.red:hover td{ background-color: #e26464; }
.table_style tbody tr.marked.red:hover a, .table_style tbody tr.marked.red:hover .anchor{ border-color: #e26464; }

div.marked.orange{ background-color: #fcb654; }
.table_style tr.marked.orange td{ background-color: #fcb654; }
.table_style tr.marked.orange a, .table_style tr.marked.orange .anchor{ border-color: #fcb654; }
.table_style tbody tr.marked.orange:hover td{ background-color: #fa9d1c; }
.table_style tbody tr.marked.orange:hover a, .table_style tbody tr.marked.orange:hover .anchor{ border-color: #fa9d1c; }

div.marked.maroon{ background-color: #ef2a93; }
.table_style tr.marked.maroon td{ background-color: #ef2a93; }
.table_style tr.marked.maroon a, .table_style tr.marked.maroon .anchor{ border-color: #ef2a93; }
.table_style tbody tr.marked.maroon:hover td{ background-color: #d80073; }
.table_style tbody tr.marked.maroon:hover a, .table_style tbody tr.marked.maroon:hover .anchor{ border-color: #d80073; }

div.marked.purple{ background-color: #bc54d3; }
.table_style tr.marked.purple td{ background-color: #bc54d3; }
.table_style tr.marked.purple a, .table_style tr.marked.purple .anchor{ border-color: #bc54d3; }
.table_style tbody tr.marked.purple:hover td{ background-color: #a137b9; }
.table_style tbody tr.marked.purple:hover a, .table_style tbody tr.marked.purple:hover .anchor{ border-color: #a137b9; }

div.marked.pink{ background-color: #fa9bdf; }
.table_style tr.marked.pink td{ background-color: #fa9bdf; }
.table_style tr.marked.pink a, .table_style tr.marked.pink .anchor{ border-color: #fa9bdf; }
.table_style tbody tr.marked.pink:hover td{ background-color: #f472cf; }
.table_style tbody tr.marked.pink:hover a, .table_style tbody tr.marked.pink:hover .anchor{ border-color: #f472cf; }

div.marked.green{ background-color: #85c941; }
.table_style tr.marked.green td{ background-color: #85c941; }
.table_style tr.marked.green a, .table_style tr.marked.green .anchor{ border-color: #85c941; }
.table_style tbody tr.marked.green:hover td{ background-color: #5fa916; }
.table_style tbody tr.marked.green:hover a, .table_style tbody tr.marked.green:hover .anchor{ border-color: #5fa916; }

div.marked.brown{ background-color: #ab8150; }
.table_style tr.marked.brown td{ background-color: #ab8150; }
.table_style tr.marked.brown a, .table_style tr.marked.brown .anchor{ border-color: #ab8150; }
.table_style tbody tr.marked.brown:hover td{ background-color: #825a2c; }
.table_style tbody tr.marked.brown:hover a, .table_style tbody tr.marked.brown:hover .anchor{ border-color: #825a2c; }

div.marked.yellow{ background-color: #ffff81; }
.table_style tr.marked.yellow td{ background-color: #ffff81; }
.table_style tr.marked.yellow a, .table_style tr.marked.yellow .anchor{ border-color: #ffff81; }
.table_style tbody tr.marked.yellow:hover td{ background-color: #ffff2e; }
.table_style tbody tr.marked.yellow:hover a, .table_style tbody tr.marked.yellow:hover .anchor{ border-color: #ffff2e; }

.table_style tr.marked.blue a, .table_style tr.marked.blue .anchor,
.table_style tr.marked.red a, .table_style tr.marked.red .anchor,
.table_style tr.marked.orange a, .table_style tr.marked.orange .anchor,
.table_style tr.marked.maroon a, .table_style tr.marked.maroon .anchor,
.table_style tr.marked.purple a, .table_style tr.marked.purple .anchor,
.table_style tr.marked.pink a, .table_style tr.marked.pink .anchor,
.table_style tr.marked.green a, .table_style tr.marked.green .anchor,
.table_style tr.marked.brown a, .table_style tr.marked.brown .anchor
{
	color: #fff;
}
.table_style tr.marked.red .error, .table_style tr.marked.red .success, .table_style tr.marked.red .status,
.table_style tr.marked.maroon .error, .table_style tr.marked.maroon .success, .table_style tr.marked.maroon .status,
.table_style tr.marked.purple .error, .table_style tr.marked.purple .success, .table_style tr.marked.purple .status,
.table_style tr.marked.pink .error, .table_style tr.marked.pink .success, .table_style tr.marked.pink .status,
.table_style tr.marked.green .error, .table_style tr.marked.green .success, .table_style tr.marked.green .status,
.table_style tr.marked.brown .error, .table_style tr.marked.brown .success, .table_style tr.marked.brown .status
{
	color: #fff;
}
.table_style .marked.blue .commands a, .table_style .marked.blue .commands .anchor,
.table_style .marked.red .commands a, .table_style .marked.red .commands .anchor,
.table_style .marked.orange .commands a, .table_style .marked.orange .commands .anchor,
.table_style .marked.maroon .commands a, .table_style .marked.maroon .commands .anchor,
.table_style .marked.purple .commands a, .table_style .marked.purple .commands .anchor,
.table_style .marked.pink .commands a, .table_style .marked.pink .commands .anchor,
.table_style .marked.green .commands a, .table_style .marked.green .commands .anchor,
.table_style .marked.brown .commands a, .table_style .marked.brown .commands .anchor
{
	color: #333;
}
.table_style .marked.blue .commands a:hover, .table_style .marked.blue .commands .anchor:hover,
.table_style .marked.red .commands a:hover, .table_style .marked.red .commands .anchor:hover,
.table_style .marked.orange .commands a:hover, .table_style .marked.orange .commands .anchor:hover,
.table_style .marked.maroon .commands a:hover, .table_style .marked.maroon .commands .anchor:hover,
.table_style .marked.purple .commands a:hover, .table_style .marked.purple .commands .anchor:hover,
.table_style .marked.pink .commands a:hover, .table_style .marked.pink .commands .anchor:hover,
.table_style .marked.green .commands a:hover, .table_style .marked.green .commands .anchor:hover,
.table_style .marked.brown .commands a:hover, .table_style .marked.brown .commands .anchor:hover,
.table_style .marked.blue .commands a.active, .table_style .marked.blue .commands .anchor.active,
.table_style .marked.red .commands a.active, .table_style .marked.red .commands .anchor.active,
.table_style .marked.orange .commands a.active, .table_style .marked.orange .commands .anchor.active,
.table_style .marked.maroon .commands a.active, .table_style .marked.maroon .commands .anchor.active,
.table_style .marked.purple .commands a.active, .table_style .marked.purple .commands .anchor.active,
.table_style .marked.pink .commands a.active, .table_style .marked.pink .commands .anchor.active,
.table_style .marked.green .commands a.active, .table_style .marked.green .commands .anchor.active,
.table_style .marked.brown .commands a.active, .table_style .marked.brown .commands .anchor.active
{
	color: #fff;
}
.table_style .marked.yellow .commands a:hover, .table_style .marked.yellow .commands .anchor:hover,
.table_style .marked.yellow .commands a.active, .table_style .marked.yellow .commands .anchor.active{
	border-color: #009EB8;
} */

.document_detail_status{
	padding: 0 !important;
	height: 1em !important;
	width: 1em !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

/* END TABLE MARKER */

.plain_table{ float: left; }
.plain_table th, .plain_table td{ text-align: center; }
.plain_table th, .plain_table td{ padding-right: 10px; }

.table_style thead th.advanced_table{
	overflow: visible;
	position: relative;
	padding-right: 55px;
}
.table_style thead th.advanced_table.no_filter{
	padding-right: 19px;
}
.table_style thead th.advanced_table.no_sort{
	padding-right: 36px;
}
.table_style thead th.advanced_table.no_filter.no_sort{
	padding-right: 2px;
}
.table_style thead th.advanced_table span:first-child, .table_style thead th.advanced_table a:first-child{
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.table_style .advanced_table b{
	position: absolute;
	top: 5px;
	right: 2px;
}
.compact_table .advanced_table b{
	position: relative;
	float: right;
}
.advanced_table span.icon-filter, .advanced_table span.icon-trash-empty,
.advanced_table span.icon-up-dir, .advanced_table span.icon-down-dir{
	height: 10px;
	cursor: pointer;
	cursor: hand;
	position: absolute;
}
.advanced_table span.icon-filter:before, .advanced_table span.icon-trash-empty:before,
.advanced_table span.icon-up-dir:before, .advanced_table span.icon-down-dir:before{
	display: block;
}
.advanced_table span.icon-filter:hover, .advanced_table span.icon-filter.active,
.advanced_table span.icon-trash-empty:hover,
.advanced_table span.icon-up-dir:hover, .advanced_table span.icon-up-dir.active,
.advanced_table span.icon-down-dir:hover, .advanced_table span.icon-down-dir.active{
	color: #3498db;
}
.advanced_table span.icon-filter{
	right: 30px;
	top: 6px;
}
.advanced_table span.icon-trash-empty{
	right: 15px;
	top: 6px;
}
.advanced_table span.icon-up-dir, .advanced_table span.icon-down-dir{
	right: 0;
}
.advanced_table span.icon-up-dir{
	top: 2px;
}
.advanced_table span.icon-down-dir{
	top: 10px;
}
.advanced_table .filter{
	display: none;
	position: absolute;
	background-color: #fff;
	padding: 5px;
	width: 215px;
	border: solid 1px #333;
	top: 26px;
	right: -81px;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
.advanced_table .filter:before{
	content: " ";
	
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 10px solid #fff;
	
	position: absolute;
	right: 50%;
	top: -10px;
}
.advanced_table .filter.left{
	float: none;
	right: 15px;
}
.advanced_table .filter.left:before{
	right: 16px;
}
.advanced_table .filter.right{
	float: none;
	right: -155px;
}
.advanced_table .filter.right:before{
	right: auto;
	left: 29px;
}
.advanced_table .filter.active{
	display: block;
	z-index: 999999;
}
.advanced_table .filter input{
	width: 215px !important;
}

.advanced_table.no_sort .icon-filter{
	right: 15px;
}
.advanced_table.no_sort .icon-trash-empty{
	right: 0;
}
.advanced_table.no_sort .filter{
	right: 0;
}

/* CLASSIC TABLE */
.classic_table{
	width: 100%;
	table-layout: fixed; 
}
.classic_table th{
	background-color: #ccc;
	border: solid 1px #333;
	vertical-align: middle;
	padding: 0 5px;
}
.classic_table th, .classic_table th *{
	font-weight: bold;
}
.classic_table td{
	border: solid 1px #333;
	padding: 0 5px;
}
/* END CLASSIC TABLE */

/* FORM */
.form_list div{
	margin-left: 10px;
	position: relative;
}
.form_list div div, .form_list div.spaceless{ margin-left: 0; }
.form_list div ul, .form_list div ol{ margin-left: 20px; }
.form_list div ul li{ list-style-type: disc; }
.form_list div ol li{ list-style-type: decimal; }
.form_list div.scroll_container{
	overflow-y: auto;
	overflow-x: auto;
	max-height: 400px;
}

form.center fieldset, form.center .success_box, form.center .error_box, form.center .status_box, form.center .loader_box{
	margin-left: auto;
	margin-right: auto;
}

fieldset{
	width: 450px;
	padding: 10px;
	border: solid 1px #aaa;
	background-color: #eee;
	margin-bottom: 5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px #bbb;
	-ms-box-shadow: 0 0 5px #bbb;
	-o-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
}
fieldset p{ margin-top: 0; }
fieldset ul{
	border-top: solid 1px #aaa;
	margin-top: 5px;
    padding-top: 5px;
}
fieldset li{
	clear: both;
	border: solid 1px #eee;
}
fieldset ul ul{
	border-top: none 0;
	margin-top: 0;
    padding-top: 0;
}
form .buttons_container{
	margin: 5px 0 0 160px;
}
fieldset .buttons_container{
	margin: 5px 0 0 190px;
}
label{
	display: block;
	width: 190px;
	float: left;
	line-height: 2.2em;
}
label select, label .chosen-container{ width: 180px; }
label.small_1{ width: 100px; }
label.small_2{ width: 50px; }
label.big_1{ width: 250px; }
label.big_2{ width: 300px; }
label.inline_label{
	display: inline;
	float: none;
	width: auto;
}
label.nowrap{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
input, textarea, select{
	border: solid 1px #aaa;
	padding: 5px 7px;
	width: 200px;
	box-sizing: border-box;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	
	-moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
textarea{ resize: none; }
input.error_submit, textarea.error_submit, select.error_submit{
	/* border-color: #FE4819;
	background-color: #FFEEF1; */
	background: #f47474;
	border-color: #e26464;
	color: #fff;
}
/* input.input_submit, a.anchor_submit, .anchor_submit{
	width: auto;
	background-color: #5d97cd;
	border-color: #5d97cd;
	padding: 5px;
	font-weight: bold;
	color: #BEE1FF;
	margin-right: 10px;
	cursor: pointer;
	cursor: hand;
	text-shadow: none;
	
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
} */
input.input_submit, a.anchor_submit, .anchor_submit{
	width: auto;
	background: #3498db;
	background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
	background-image: -moz-linear-gradient(top, #3498db, #2980b9);
	background-image: -ms-linear-gradient(top, #3498db, #2980b9);
	background-image: -o-linear-gradient(top, #3498db, #2980b9);
	background-image: linear-gradient(to bottom, #3498db, #2980b9);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-color: transparent;
	color: #ffffff;
	padding: 5px 10px;
	text-decoration: none;
	margin-right: 5px;
	cursor: pointer;
	cursor: hand;
}
input.input_submit:hover, a.anchor_submit:hover, .anchor_submit:hover{
	background: #3cb0fd;
	background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
	background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
	background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
	text-decoration: none;
}
/* a.anchor_submit, .anchor_submit{ padding: 4px 6px; } */
input.input_submit:hover, a.anchor_submit:hover, .anchor_submit:hover{
	text-decoration: none;
	background-color: #3d72b3;
}
input.input_submit_disabled:hover{
	background-color: #5d97cd;
	cursor: default;
}
input.auto, select.auto, .chosen-container.auto{ width: auto; }
input.auto{ border: none 0; }
select, .chosen-container{
	width: 216px;
}
.chosen-container.width_100{ width: 100% !important; }
select{ padding: 1px 2px; }
select.multiple{ height: 100px; }
select.multiple.mini{ height: 50px; }
select.currency, .chosen-container.currency{
	width: 75px !important;
}
textarea{ height: 100px; }

input[type="checkbox"], input[type="radio"]{
	vertical-align: text-top;
}

.big_form fieldset, fieldset.big_form{
	width: 1000px;
}
.big_form label{ width: 250px; }
.big_form label select, .big_form label .chosen-container{ width: 240px; }
.big_form label.small_1{ width: 125px; }
.big_form label.small_2{ width: 75px; }
.big_form label.big_1{ width: 275px; }
.big_form label.big_2{ width: 325px; }
.big_form input, .big_form textarea{ width: 356px; }
.big_form select, .big_form .chosen-container{ width: 356px; }
.big_form textarea{ height: 150px; }
.big_form select.multiple{ height: 150px; }
.big_form select.multiple.mini{ height: 75px; }
.big_form fieldset .buttons_container{ margin-left: 250px; }

.dialog .big_form input, .dialog .big_form textarea{ width: 266px; }
.dialog .big_form input.range{ width: 128px !important; }
.dialog .big_form select, .dialog .big_form .chosen-container{ width: 266px; }

input.small_1, textarea.small_1{ width: 150px !important; }
textarea.small_1{ height: 75px; }
.big_form input.small_1, .big_form textarea.small_1{ width: 200px !important; }
.big_form textarea.small_1{ height: 125px; }
select.small_1, .chosen-container.small_1{ width: 156px !important; }
.big_form select.small_1, .big_form .chosen-container.small_1{ width: 216px !important; }

input.small_2, textarea.small_2{ width: 100px !important; }
textarea.small_1.small_2{ width: 150px !important; }
textarea.small_2{ height: 50px; }
.big_form input.small_2, .big_form textarea.small_2{ width: 150px !important; }
.big_form textarea.small_1.small_2{ width: 200px !important; }
.big_form textarea.small_2{ height: 100px; }
select.small_2, .chosen-container.small_2{ width: 106px !important; }
.big_form select.small_2, .big_form .chosen-container.small_2{ width: 156px !important; }

input.small_3, textarea.small_3{ width: 41px; }
textarea.small_3{ height: 30px; }
.big_form input.small_3{ width: 106px !important; }
.big_form input.date_picker{ width: 253px !important; }
.big_form input.range{ width: 173px !important; }
.big_form input.range.date_picker{ width: 120px !important; }
.big_form input.range.time{ width: 76px !important; }
.big_form select.time, .big_form .chosen-container.time{ width: 72px !important; }
.big_form textarea.small_3{
	width: 140px !important;
	height: 75px;
}
select.small_3, .chosen-container.small_3{ width: 36px !important; }
.big_form select.small_3, .big_form .chosen-container.small_3{ width: 106px !important; }

.big_form input.small_4, .big_form textarea.small_4{ width: 66px !important; }
.big_form textarea.small_4{ height: 66px; }
.big_form select.small_4, .big_form .chosen-container.small_4{ width: 56px !important; }

.big_form input.small_5{ width: 41px !important; }
.big_form select.small_5, .big_form .chosen-container.small_5{ width: 31px !important; }

.big_form input.input_submit, .big_form input.auto, .big_form select.auto, .big_form .chosen-container.auto{ width: auto !important; }

.big_form input.name.command_0{ width: calc(100% - 70px) !important; }
.big_form input.name.command_1{ width: calc(100% - 90px) !important; }
.big_form input.name.command_2{ width: calc(100% - 110px) !important; }
.big_form input.name.command_3{ width: calc(100% - 140px) !important; }


.full_form fieldset, fieldset.full_form{
	width: 100%;
	min-width: 1000px;
	box-sizing: border-box;
}

select.day, .chosen-container.day{ width: 60px; }
select.month, .chosen-container.month{ width: 100px; }
select.year, .chosen-container.year{ width: 70px; }

.form_box div.input_photo_preview{
	margin: 0;
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 25px;
}
.form_box div.input_photo_preview div{
	margin: 0;
	text-align: center;
}
.input_photo_preview div strong{
	display: inline-block;
	color: #3498db;
}
.input_photo_preview div span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.input_photo_preview div img{
	vertical-align: middle;
	max-width: 100%;
	max-height: 25px;
}
.input_photo_preview input{
	position: absolute;
	width: 100%;
	height: 100%;
	padding: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	cursor: pointer;
	cursor: hand;
}
.form_box div.input_photo_preview:hover{
	height: 100%;
}
.form_box div.input_photo_preview:hover img{
	max-height: 100%;
}

.photo_preview{
	width: 100%;
	height: 100%;
}
.photo_preview img{
	max-width: 100%;
	max-height: 100%;
}

.form_separator{
	margin: 2px 0;
}

.error p, .success p, .status p,
.error_box p, .success_box p, .status_box p, .loader_box p{
	margin: 0;
}
.error ul, .success ul, .status ul,
.error_box ul, .success_box ul, .status_box ul, .loader_box ul,
.error ol, .success ol, .status ol,
.error_box ol, .success_box ol, .status_box ol, .loader_box ol{
	margin-top: 5px;
}
.error_box li, .success_box li, .status_box li, .loader_box li{
	margin: 0;
	float: none;
}
fieldset .error_box ul, fieldset .success_box ul,
fieldset .status_box ul, fieldset .loader_box ul,
fieldset .error_box ol, fieldset .success_box ol,
fieldset .status_box ol, fieldset .loader_box ol{
	border-top: none 0;
}
fieldset .error_box ul li, fieldset .success_box ul li,
fieldset .status_box ul li, fieldset .loader_box ul li,
fieldset .error_box ol li, fieldset .success_box ol li,
fieldset .status_box ol li, fieldset .loader_box ol li{
	border: none 0;
}
.error_box, .success_box, .status_box, .loader_box{
	display: none;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 5px 10px;
	width: 400px;
	_margin-top: 0;
	*margin-top: 0;
	text-shadow: 0 1px 2px rgba(0,0,0,0.4);
}
.error_box, .success_box, .status_box{
	border: solid 1px;
	white-space: normal;
	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-moz-box-shadow: 0 1px 2px 0 #bbb;
	-ms-box-shadow: 0 1px 2px 0 #bbb;
	-o-box-shadow: 0 1px 2px 0 #bbb;
	-webkit-box-shadow: 0 1px 2px 0 #bbb;
	box-shadow: 0 1px 2px 0 #bbb;
}
.error_box a, .success_box a, .status_box a{
	color: #fff;
}
.big_form .error_box, .big_form .success_box, .big_form .status_box, .big_form .loader_box{ width: 650px; }
.error_box.big_box, .success_box.big_box, .status_box.big_box, .loader_box.big_box{ width: 1000px; }
.error_box{
	background: #f47474;
	border-color: #e26464;
	color: #fff;
}
.success_box{
	background: #83e46d;
	border-color: #7bd766;
	color: #fff;
}
.status_box{
	background: #b9ab00;
	border-color: #A29600;
	color: #fff;
}
.error li, .success li, .status li,
.error_box li, .success_box li, .status_box li{
	list-style-position: outside;
	line-height: 1.5em;
	padding: 0;
	margin-left: 40px;
}
.error ul li, .success ul li, .status ul li,
.error_box ul li, .success_box ul li, .status_box ul li{
	list-style-type: disc;
}
.error ol li, .success ol li, .status ol li,
.error_box ol li, .success_box ol li, .status_box ol li{
	list-style-type: decimal;
}
.loader_box{
	color: #000000;
	text-align: center;
}
.error{ color: #e26464; }
.success{ color: #35a41c; }
.status{ color: #A29600; }
.default_color{ color: #333333; }

.error_box.flexible, .success_box.flexible, .status_box.flexible{
	width: auto;
	margin: 0;
}

.error_background{ background-color: #e26464; }
.success_background{ background-color: #35a41c; }
.status_background{ background-color: #A29600; }

.highlight{ background-color: #FFFF00; }
.form_detail{
	float: left;
	width: 498px;
}
.form_note, .big_form .form_note{
	float: left;
	width: 150px;
	margin-left: 190px;
}
.big_form .form_note{
	width: 334px;
	margin-left: 250px;
}
form.center .form_note{ margin-left: 250px; }

form a[class^="icon-"], form a[class*=" icon-"],
form .anchor[class^="icon-"], form .anchor[class*=" icon-"]{
	font-size: 1.4em;
	color: #333;
}
form a[class^="icon-"]:hover, form a[class*=" icon-"]:hover,
form .anchor[class^="icon-"]:hover, form .anchor[class*=" icon-"]:hover{
	color: #3498db;
}

/* MISC */
.search_container{
	float: left;
}
.search_input{
	float: left;
	padding-right: 10px;
	min-width: 256px;
	width: expression(document.body.clientWidth < 256 ? "256px" : "auto");
}
.big_form .search_input{ min-width: 356px; }
.dialog .big_form .search_input{ min-width: 256px; }

.anchor_image{
	border: solid 1px #FFFFFF;
	height: 28px;
	float: left;
	display: block;
}
.anchor_image img{ padding: 2px; }
.anchor_image:hover{ border-color: #009EB8; }

.wrapper{
	background-color: #FFFFFF;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	min-width: 100%;
	min-height: 100%;
	
	opacity: 0;
	filter: alpha(opacity=0);
	
	-moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.wrapper.active{
	opacity: 0.8;
	filter: alpha(opacity=80);
}
.dialog{
	width: 90%;
	max-height: 90%;
	box-sizing: border-box;
	/* min-width: 1000px; */
	background-color: #FFFFFF;
	position: fixed;
	/* padding: 10px; */
	
	left: 50%;
	top: 50%;
	overflow: hidden;
	
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	
	-moz-box-shadow: 0 0 10px #777;
	-ms-box-shadow: 0 0 10px #777;
	-o-box-shadow: 0 0 10px #777;
	-webkit-box-shadow: 0 0 10px #777;
	box-shadow: 0 0 10px #777;
	
	/* For IE 8 and below */
	border: solid 1px #AAAAAA\9;
	
	opacity: 1;
	filter: alpha(opacity=100);
	
	-ms-transform: scale(0) translate(-200%,-200%); /* IE 9 */
    -moz-transform: scale(0) translate(-200%,-200%); /* Safari */
    -webkit-transform: scale(0) translate(-200%,-200%); /* Safari */
    -o-transform: scale(0) translate(-200%,-200%); /* Safari */
    transform: scale(0) translate(-200%,-200%);
	-moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
	
	/* Drop shadow */
	/* For IE 8 */
	/* -ms-filter:
		"progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#EEEEEE')"
		"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#DDDDDD')"
		"progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#DDDDDD')"
		"progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=270, Color='#EEEEEE')"; */
	/* For IE 5.5 - 7 */
	/* filter:
		progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=0, Color='#EEEEEE')
		progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=90, Color='#DDDDDD')
		progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=180, Color='#DDDDDD')
		progid:DXImageTransform.Microsoft.Shadow(Strength=7, Direction=270, Color='#EEEEEE'); */
}
.dialog.active{
	-ms-transform: scale(1) translate(-50%, -50%); /* IE 9 */
    -moz-transform: scale(1) translate(-50%, -50%); /* Safari */
    -webkit-transform: scale(1) translate(-50%, -50%); /* Safari */
    -o-transform: scale(1) translate(-50%, -50%); /* Safari */
    transform: scale(1) translate(-50%, -50%);
}
.dialog.selector{
	width: 800px;
}
.dialog.report{
	width: 370px;
}
.dialog_container{
    max-height: calc(85vh);
}
.dialog_header{
	padding: 10px;
	
	background-color: #333333;
	background-image: -webkit-linear-gradient(top, #333333, #242424);
	background-image: -moz-linear-gradient(top, #333333, #242424);
	background-image: -ms-linear-gradient(top, #333333, #242424);
	background-image: -o-linear-gradient(top, #333333, #242424);
	background-image: linear-gradient(to bottom, #333333, #242424);
	
	color: #fff;
	font-size: 1.3em;
	min-height: 1.6em; /* if font-size is 12px, then the min-height is 20px */
	height: expression(document.body.clientHeight < 20 ? "20px" : "auto");
}
.dialog_header *{
	float: left;
	display: block;
}
.dialog_header div{
	overflow: hidden;
	max-width: 80%;
	max-width: calc(100% - 100px);
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.dialog_header div.marked{
	height: 19px;
	width: 19px;
	padding: 0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
.dialog_header div.clear{
	overflow: hidden;
	max-width: 0;
	height: 0;
}
.dialog_body{
	clear: both;
	position: relative;
	/* margin-top: 10px; */
	/* margin-bottom: 10px; */
	/* border-top: solid 1px #AAAAAA; */
	overflow: auto;
	max-height: calc(85vh - 50px) !important;
	/* max-height: 450px;
    _height: expression(this.scrollHeight > 449 ? "450px" : "auto"); */
}
.dialog_body_inner{
	padding: 10px;
}
.dialog_footer{
	
}
.dialog_button{
	height: 22px;
	width: 23px;
	color: #333;
	font-size: 1.2em;
	margin-left: 5px;
	/* border: solid 1px #FFFFFF; */
}
/* .dialog_button img{
	margin-top: 3px;
	margin-left: 3px;
}
.dialog_button:hover{ border-color: #009EB8; } */
.dialog_close{
	right: 15px;
	top: 10px;
	width: 22px;
	height: 23px;
	position: absolute;
	font-size: 2em;
	color: #333;
	/* background: transparent url(../images/cosmetics/dialog_close.png) no-repeat center center; */
	cursor: pointer;
	cursor: hand;
}
.dialog_button:before, .dialog_close:before{
	margin: 0;
	color: #fff;
	-moz-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
}
.dialog_button:hover, .dialog_close:hover,
.dialog_button:hover:before, .dialog_close:hover:before{
	color: #3498db;
	text-decoration: none;
}
/* .dialog .big_form fieldset, .dialog fieldset.big_form{ width: 90%; } */

.pagination .left *{
	float: left;
	display: block;
	margin-right: 5px;
}
.pagination .left a span, .pagination .left span span{
	display: inline;
	margin-right: 0;
}
.pagination .left .clear{
	float: none;
	margin-right: 0;
}
.pagination .left form{ margin-right: 4px; }
.pagination .left form *{ margin-right: 0; }
.pagination span.first, .pagination span.previous,
.pagination span.next, .pagination span.last,
.pagination .left .icon-cog{
	color: #999;
	font-size: 1.3em;
}
.pagination a span.first, .pagination a span.previous,
.pagination a span.next, .pagination a span.last,
.pagination .left .icon-cog{
	color: #333;
}
.pagination a:hover span.first, .pagination a:hover span.previous,
.pagination a:hover span.next, .pagination a:hover span.last,
.pagination .left .icon-cog:hover, .pagination .left .icon-cog.active{
	color: #009EB8;
	text-decoration: none;
}
.pagination .left .icon-cog span{
	display: none;
}
.pagination form.settings{
	position: relative;
}
.pagination form .container{
	top: 30px;
	left: -20px;
	position: absolute;
	background-color: #fff;
	padding: 10px;
	float: none;
	width: 200px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 13px #777;
	-ms-box-shadow: 0 0 13px #777;
	-o-box-shadow: 0 0 13px #777;
	-webkit-box-shadow: 0 0 13px #777;
	box-shadow: 0 0 13px #777;
	
	z-index: 1;

}
.pagination form .container:after{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 10px 13px;
	border-color: #fff transparent;
	width: 0;
	height: 0;
	display: block;
	
	top: -13px; /* value = - border-top-width - border-bottom-width */
	left: 20px;
}
.pagination form .container.none{
	display: none;
}
.pagination form .container *{
	float: none;
}
.pagination form .container ul{
	max-height: 300px;
	overflow: auto;
	margin-bottom: 10px;
}
.pagination form .container li{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.pagination form .container input, .pagination form .container label, .pagination form .container .anchor_submit{
	display: inline;
}
.pagination form .container .anchor_submit{
	padding-top: 6px;
	padding-bottom: 6px;
}
/* .pagination span.previous, .pagination span.next{ width: 18px; }
.pagination span.first, .pagination span.last{ width: 25px; } */
.pagination span.first span, .pagination span.previous span,
.pagination span.next span, .pagination span.last span{
	display: none;
}

#select_language a{
	padding: 10px 10px 0;
	text-decoration: none;
	color: #777777;
	font-size: 1.3em;
}
#select_language a img{ vertical-align: middle; }
#select_language a:hover{ color: #FF8A00; }

#languages_list label{
	display: inline;
	float: none;
}
#languages_list .auto{ margin-left: 5px; }
#languages_list ul{ margin-left: 40px; }
#languages_list ul li{ list-style-type: disc; }
#languages_list .red{
	background-color: #FFEEF1;
	color: #FE4819;
}
#languages_list .red input{
	border-color: #FE4819;
	background-color: #FFEEF1;
	color: #FE4819;
}

#verbiages ul{ margin-left: 40px; }
#verbiages li{
	list-style-type: disc;
	padding-bottom: 5px;
}
#verbiages label{ width: 300px; }
#verbiages input, #verbiages textarea{
	width: 350px;
	float: left;
}
#verbiages .toogle_textarea{
	float: left;
	display: block;
	background: transparent url(../images/cosmetics/textarea.png) center center no-repeat;
	height: 20px;
	width: 20px;
}
#verbiages .toogle_textarea span{ display: none; }
#verbiages .toogle_textarea:hover, #verbiages .toogle_textarea_active{
	background-image: url(../images/cosmetics/textarea_active.png);
}

.form_filter{ margin-left: 30px; }
.form_filter li{
	float: left;
	margin-right: 10px;
}

.hr{
	height: 1px;
	margin: 10px 0;
	
	background-color: #333;
	background-image: -webkit-linear-gradient(top, #333, #444);
	background-image: -moz-linear-gradient(top, #333, #444);
	background-image: -ms-linear-gradient(top, #333, #444);
	background-image: -o-linear-gradient(top, #333, #444);
	background-image: linear-gradient(to bottom, #333, #444);
	
	/* -moz-box-shadow: 0 0 5px #000;
	-ms-box-shadow: 0 0 5px #000;
	-o-box-shadow: 0 0 5px #000;
	-webkit-box-shadow: 0 0 5px #000;
	box-shadow: 0 0 5px #000; */
}
.hr hr{ display: none; }
/* .dialog_body .hr{ background-color: #AAAAAA; } */

/* CUSTOM STYLES */
.loader_bar .bar{
	height: 20px;
	border: solid 1px #aaa;
	width: 500px;
	overflow: hidden;
	float: left;
}
.loader_bar .bar .inner{
	background-color: #AACAE6;
	height: 20px;
	width: 0%;
}
.loader_bar .indicator{
	float: left;
	margin-left: 5px;
	font-size: 1.3em;
}

.form_box{
	border: solid 1px #aaa;
	padding: 5px;
	height: 300px;
	overflow: auto;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.long_form_box{ height: 500px; }
.form_box div{ margin-bottom: 10px; }
.form_box div.spaceless, .form_box div.clear{ margin: 0; }
.form_box div.spaceless_bottom{ margin-bottom: 0; }
.form_box table{ width: 100%; }
.form_box thead th{
	border-bottom: solid 1px #aaa;
	font-weight: bold;
}
.form_box thead th.input{ width: 100px; }
.form_box thead th.commands{ width: 16px; }
.form_box tfoot th{
	border-top: solid 1px #aaa;
	font-weight: bold;
}
.form_box .commands img{
	display: block;
	cursor: pointer;
	cursor: hand;
}
.form_box th, .form_box td{ padding: 2px 5px; }
.form_box td{ vertical-align: top; }
.form_box td.text_middle{ vertical-align: middle; }
.form_box h3{
	font-weight: bold;
	font-size: 1.5em;
}
.form_box textarea, .form_box textarea.small_2, .form_box textarea.small_3, .form_box textarea.small_4{ height: 50px; }

.option_disabled{
	font-weight: bold;
	font-size: 1em;
}

.print_options{
	margin-left: 10px;
	float: left;
}
.previous_option{
	padding-right: 10px;
	border-right: solid 1px #aaa;
}

/* #normal_goods .total td{ border-bottom: solid 1px #aaa; }
#goods_combinations h3{
	margin-top: 10px;
	padding-top: 10px;
	border-top: solid 1px #aaa;
}
#goods_combinations h3.first{
	margin-top: 0;
	padding-top: 0;
	border-top: none 0;
}
#goods_combinations h4{
	font-weight: bold;
	font-size: 1.2em;
} */

.form_list div ul.filter_table{
	margin-left: 0;
}
.form_list div ul.filter_table li{
	float: left;
	list-style-type: none;
	margin-right: 10px;
}

#contacts ul, #contacts ol{ margin-left: 40px; }
#contacts ol li{ list-style-type: disc; }

.payments ul, #sales_orders li{ border-bottom: solid 1px #aaa; }
.payments ul ul, #sales_orders li li{ border-bottom: none 0; }
.orders{ margin-left: 30px; }
.orders li{ list-style-type: disc; }
.orders li li{ list-style-type: none; }

div.list{ width: 455px; }
li div.list{ width: 415px; }
li li div.list{ width: 375px; }
.form_box .spaceless th, .form_box .spaceless td{ padding: 0; }

.letter{
	border: solid 1px #aaa;
	padding: 10px 20px;
	margin-right: 20px;
}

td.goods{ padding: 0 100px; }
td.goods .container{
	border: solid 1px #aaa;
	padding: 5px;
	margin: 0;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
td.goods .container.space_top_5{ margin-top: 5px; }
td.goods .goods{ padding: 0 50px; }
td.goods h4{
	font-weight: bold;
	font-size: 1.2em;
}

.selector input, .selector select, .selector .chosen-container{ margin-right: 5px; }
.selector input.spaceless, .selector select.spaceless{ margin-right: 0; }
.selector .container{
	margin-top: 5px;
	padding: 5px;
	border: solid 1px #aaa;
	height: 300px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.selector li{
	padding: 2px 5px;
	border-bottom: solid 1px #aaa;
	cursor: pointer;
	cursor: hand;
}
.selector li.chosen, .selector li:hover{ background-color: #AACAE6; }
.selector li.chosen{ cursor: default; }
.selector .left, .selector .right{
	width: 50%;
	box-sizing: border-box;
}
.selector .right{
	padding-left: 9px;
}
.selector .right h3{ font-weight: bold; }
.selector .container .left{
	padding: 0 9px 0 0;
	border-right: solid 1px #aaa;
}
.selector .container .left, .selector .container .right{
	height: 300px;
	overflow: auto;
}
.selector .info{
	margin-top: 3px;
	border-bottom: solid 1px #aaa;
}
.selector .info .right{ width: 390px; }
.selector .head{
	
}
.selector .foot{
	line-height: 1.7em;
	font-size: 0.8em;
	/* margin-top: -7px; */
	font-style: italic;
}

.filter_report .header{
	border-bottom: solid 1px #aaa;
	margin-bottom: 5px;
	padding-bottom: 5px;
}
.filter_report .header input{
	width: 100%;
}
.filter_report .body{
	height: 275px;
	overflow: auto;
}
.filter_report .foot{
	border-top: solid 1px #aaa;
	margin-top: 5px;
	padding-top: 5px;
}

.breadcrumbs a{
	font-size: 1em;
	font-weight: normal;
}
ol.list_decimal, ul.list_disc{
	margin-left: 40px;
}
ol.list_decimal li{ list-style-type: decimal; }
ul.list_disc li{ list-style-type: disc; }
ul ol.list_decimal li{ list-style-type: decimal; }
.static_view img{
	vertical-align: middle;
	max-width: 100%;
}
.static_view dl{ margin-top: 15px; }
.static_view dl.first{ margin-top: 0; }
.static_view dt, .static_view dt a.inherit{ font-weight: bold; }
.static_view dt .anchor{
	font-weight: normal;
	font-size: 1em;
}
.help_navigation dl{ margin-top: 0; }
.help_navigation li{
	border-bottom: solid 1px #AACAE6;
	padding: 5px 0;
}
.help_navigation li.first{ border-top: solid 1px #AACAE6; }
.help_navigation li li{
	border-bottom: none 0;
	padding: 0;
}
.formula{
	border: solid 1px #333;
	padding: 5px 10px;
	float: left;
}
.formula td{
	padding: 0 5px;
	text-align: center;
}
.formula td.first{ padding-left: 0; }
.formula td.wider{ padding-right: 10px; }
.formula td.wider.reverse{ padding-right: 5px; padding-left: 10px; }
.formula td.divide{ border-bottom: solid 1px #333; }
.formula td.square{
	width: 16px;
	padding-bottom: 15px;
	background: transparent url('../images/cosmetics/square.png') center center no-repeat;
}
.formula td.square_top{ border-top: solid 1px #333; }

.amount input{ width: 190px; }
.amount select{
	width: 55px;
	margin-left: 5px
}
div.combination{ margin: 0 0 0 40px; }

.strong{ font-weight: bold; }

#events_table label{
	display: block;
	width: 40px;
}
#events_table div{
	float: left;
}

.schedule{ width: 100%; }
.schedule_year{
	width: 32%;
	height: 380px;
	min-width: 350px;
	float: left;
	margin-right: 1%;
}
.schedule th, .schedule td{
	border: solid 1px #AAAAAA;
	padding: 5px;
	width: 50px;
}
.schedule th.previous, .schedule th.next{
	padding: 0;
	height: 1em;
}
.schedule th.previous a, .schedule th.next a{
	display: block;
	height: 100%;
	text-align: center;
	-moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.schedule th.previous a:hover, .schedule th.next a:hover{
	background-color: #3498db;
	color: #fff;
	text-decoration: none;
}
.schedule th.previous a em, .schedule th.next a em{
	display: inline-block;
	height: 100%;
}
.schedule th.previous a *, .schedule th.next a *{
	vertical-align: middle;
}
.schedule th, .schedule .times{
	font-weight: bold;
	text-align: center;
}
.schedule th.empty{ border: none 0; }
.schedule td{
	vertical-align: top;
}
.schedule th.previous, .schedule th.next{ width: 10%; }
.schedule td.times{ width: 80px; }
.schedule dt span{
	font-weight: bold;
	text-decoration: underline;
	font-size: 1.2em;
}
.schedule thead th.today{
	border-top: solid 2px #000000;
}
.schedule thead th.today, .schedule td.today{
	border-left: solid 2px #000000;
	border-right: solid 2px #000000;
}
.schedule td.today.last{
	border-bottom: solid 2px #000000;
}
.schedule.month td.today{
	border: solid 2px #000000;
}
.schedule th.holiday, .schedule td.holiday{
	color: #fff;
	background: #f47474;
}
.schedule th.holiday a, .schedule td.holiday a{
	color: #fff;
}
.schedule td.previous_month, .schedule td.next_month{
	background-color: #eee;
	height: 50px;
}
.schedule_year a, .schedule.month a{
	color: #333;
	display: block;
	height: 50px;
	width: 100%;
	font-weight: normal;
	padding: 5px;
	box-sizing: border-box;
	
	-moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.schedule_year td, .schedule.month td{
	padding: 0;
}
.schedule_year a:hover, .schedule.month a:hover{
	text-decoration: none;
	background-color: #3498db;
	color: #fff;
}
.text_date{
	color: #009EB8;
	font-size: 0.8em;
}

div.progress_bar{
	width: 99%;
	position: relative;
	border: solid 1px #555555;
	height: 25px;
	overflow: hidden;
	margin: 0;
}
.progress_bar div{
	background-color: #C5D7ED;
	height: 100%;
	margin: 0;
	position: absolute;
}
.progress_bar span{
	display: block;
	text-align: center;
	position: relative;
}

div.percentage_bar{
	margin: 0;
	position: relative;
	height: 50px;
}
.percentage_bar .bar{
	height: 24px;
	width: 50%;
	float: left;
	border: solid 1px #000000;
	padding: 2px;
	position: relative;
	box-sizing: border-box;
	display: block;
}
.percentage_bar .label{
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	position: absolute;
	display: block;
}
.percentage_bar .fill{
	display: block;
	height: 100%;
	background-color: #7bd766;
	background-image: -webkit-linear-gradient(top, #7bd766, #6cc857);
	background-image: -moz-linear-gradient(top, #7bd766, #6cc857);
	background-image: -ms-linear-gradient(top, #7bd766, #6cc857);
	background-image: -o-linear-gradient(top, #7bd766, #6cc857);
	background-image: linear-gradient(to bottom, #7bd766, #6cc857);
}
.percentage_bar .fill.status{
	background-color: #b9ab00;
	background-image: -webkit-linear-gradient(top, #b9ab00, #aa9c00);
	background-image: -moz-linear-gradient(top, #b9ab00, #aa9c00);
	background-image: -ms-linear-gradient(top, #b9ab00, #aa9c00);
	background-image: -o-linear-gradient(top, #b9ab00, #aa9c00);
	background-image: linear-gradient(to bottom, #b9ab00, #aa9c00);
}
.percentage_bar .fill.error{
	background-color: #ff8383;
	background-image: -webkit-linear-gradient(top, #ff8383, #f47474);
	background-image: -moz-linear-gradient(top, #ff8383, #f47474);
	background-image: -ms-linear-gradient(top, #ff8383, #f47474);
	background-image: -o-linear-gradient(top, #ff8383, #f47474);
	background-image: linear-gradient(to bottom, #ff8383, #f47474);
}
.percentage_bar .fill_label{
	text-align: center;
	float: left;
	display: block;
	/* overflow: hidden; */
	white-space: nowrap;
	text-overflow: ellipsis;
}
.percentage_bar .fill_label.visible{
	overflow: visible;
}
.percentage_bar .finish{
	display: block;
	padding-left: 5px;
	position: absolute;
	left: 50%;
}

#allPolicies ul{
	margin-left: 40px;
}
#allPolicies ul li:before{
   content: "\2022";
   font-size: 2em;
   padding-right: 5px;
   display: block;
   float: left;
}
#allPolicies .chosen-container ul{
	margin-left: 0;
}
#allPolicies .chosen-container ul li:before{
	content: "";
	display: none;
}

#disc_space{
	width: 250px;
	height: 24px;
	border: solid 1px #000000;
	padding: 2px;
	position: relative;
	box-sizing: border-box;
}
#disc_space p{
	top: 0;
	left: 0;
	text-align: center;
	width: 100%;
	margin: 0;
	position: absolute;
}
#disc_space div{ height: 100%; }
#disc_space .low{ background-color: #00ff06; }
#disc_space .medium{ background-color: #fffc00; }
#disc_space .high{ background-color: #ff9c00; }
#disc_space .full{ background-color: #ff0000; }

#bot_log{
	margin-left: 25px;
	padding: 5px 10px 5px;
	width: 600px;
	height: 478px;
	border: solid 1px #aaa;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 5px #bbb;
	-ms-box-shadow: 0 0 5px #bbb;
	-o-box-shadow: 0 0 5px #bbb;
	-webkit-box-shadow: 0 0 5px #bbb;
	box-shadow: 0 0 5px #bbb;
}
#bot_log div{
	border-top: 1px solid #aaa;
	height: 450px;
	overflow: auto;
}

.invoice_deduction td{
	padding: 0 5px;
}
.invoice_deduction .line{
	border-top: solid 1px #000;
}

.table_style .trigger_same *{
	font-weight: normal;
}

.document_colors input{
	width: 70%;
	box-sizing: border-box;
}
.document_colors div{
	display: inline-block;
	box-sizing: border-box;
	height: 20px;
	border: solid 1px #333;
	vertical-align: middle;
	float: none;
	width: 25%;
	margin: 0 0 0 2%;
}

/* Financial report */
.financial_report{
	overflow-x: auto;
}
.financial_report .inner_container{
	min-width: 1200px;
}
.financial_report label{ width: auto; }
.financial_report ul{
	margin-left: 25px;
}
.financial_report .hr{
	margin: 0;
	background-color: #555555;
	
	-moz-box-shadow: 0 0 0;
	-ms-box-shadow: 0 0 0;
	-o-box-shadow: 0 0 0;
	-webkit-box-shadow: 0 0 0;
	box-shadow: 0 0 0;
}
.financial_report .hr, .financial_report span{
	display: block;
	float: right;
	width: 200px;
	text-align: right;
}
.financial_report span.percent{
	width: 50px;
}
.financial_report .level_1{ padding: 0 200px 0 25px; }
.financial_report .level_2, .financial_report .level_3,
.financial_report .level_4, .financial_report .level_5{ padding: 0 400px 0 50px; }
.financial_report span.level_1, .financial_report span.level_2,
.financial_report span.level_3, .financial_report span.level_4,
.financial_report span.level_5{
	padding-left: 0;
}
.financial_report .hr.level_1, .financial_report .hr.level_2,
.financial_report .hr.level_3, .financial_report .hr.level_4,
.financial_report .hr.level_5{
	padding: 0;
}
.financial_report .hr.level_1{ margin-right: 200px; }
.financial_report .hr.level_2, .financial_report .hr.level_3,
.financial_report .hr.level_4, .financial_report .hr.level_5{ margin-right: 400px; }

.financial_report .activa, .financial_report .pasiva{
	width: 49%;
	float: left;
}
.financial_report .label{ float: right; }

.income_statement{ width: 100%; }
.income_statement .label{
	padding-left: 25px;
	float: none;
}
.income_statement .last{ border-bottom: solid 1px #555555; }
.income_statement .line{ border-top: solid 1px #555555; }
.income_statement .percent{
	padding-left: 10px;
	width: 50px;
	text-align: right;
}
.income_statement .balance{
	width: 200px;
	text-align: right;
}

/* OVERVIEW */
#overview{
	position: relative;
	margin: 0 20px 20px 0;
}
#overview li{
	position: absolute;
	display: block;
}
#overview a, #overview .anchor{
	display: block;
	width: 150px;
	height: 30px;
	padding: 10px 10px 2px;
	color: #333;
	text-align: center;
	vertical-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	opacity: 0.9;
	filter: alpha(opacity=90);
	-moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
#overview a:hover{
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.5);
}
#overview .anchor{
	cursor: default;
	text-decoration: none;
}
#overview .purchase_order, #overview .sales_order{
	border: dashed 1px #333;
	display: block;
	position: relative;
	width: 970px;
}
#overview .purchase_order{
	height: 250px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
#overview .sales_order{
	border-top: none 0;
	height: 300px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

#overview .begin{
	position: absolute;
	display: block;
	width: 250px;
	height: 300px;
	border: dashed 1px #333;
	background-color: #ffc08a;
	top: 100px;
	left: 20px;
	text-transform: uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#overview .begin h3{
	position: absolute;
	width: 250px;
	text-align: center;
	top: 15px;
}
#overview .begin h3.last{
	top: 260px;
}

#overview .arrow{
	display: block;
	position: absolute;
}
#overview .arrow_right{
	top: 13px;
	left: -8px;
}
#overview .arrow_left{
	top: 13px;
	right: -7px;
}
#overview .arrow_up{
	bottom: -7px;
	left: 75px;
}
#overview .arrow_down{
	top: -8px;
	left: 78px;
}
#overview .arrow_right span, #overview .arrow_left span{
	display: block;
	position: absolute;
	width: 55px;
	height: 2px;
	top: -1px;
	background: transparent url(../images/cosmetics/connector_h.png) center center repeat-x;
}
#overview .arrow_right span{ left: -55px; }
#overview .step_2 .arrow_right span{
	width: 75px;
	left: -75px;
}
#overview .arrow_left span{ left: 0; }
#overview .arrow_up span, #overview .arrow_down span{
	display: block;
	position: absolute;
	width: 2px;
	height: 58px;
	left: -1px;
	background: transparent url(../images/cosmetics/connector_v.png) center center repeat-y;
}
#overview .arrow_down span{ top: -58px; }

#overview .arrow_right span.vertical{
	background: transparent url(../images/cosmetics/connector_bl.png) left bottom no-repeat;
	height: 102px;
	width: 22px;
	left: -22px;
}
#overview .arrow_right span.vertical.reverse{
	top: -100px;
}
#overview .arrow_left span.vertical{
	background: transparent url(../images/cosmetics/connector_tr.png) right top no-repeat;
	height: 102px;
	width: 22px;
}
#overview .arrow_left span.vertical.reverse{
	background: transparent url(../images/cosmetics/connector_br.png) right bottom no-repeat;
	top: -100px;
}
#overview .arrow_right span.vertical.long{
	height: 133px;
}
#overview .arrow_right span.vertical.long{
	background: transparent url(../images/cosmetics/connector_tl.png) left top no-repeat;
}
#overview .arrow_left span.vertical.long{ background-image: url(../images/cosmetics/connector_tr.png); }

#overview .connector{
	display: block;
	position: absolute;
}
#overview .connector_l, #overview .connector_r{
	height: 42px;
	width: 22px;
	background: transparent url(../images/cosmetics/connector_h.png) center center repeat-x;
	top: 0;
}
#overview .connector_l{ left: -22px; }
#overview .connector_r{ right: -22px; }
#overview .connector_t, #overview .connector_b{
	height: 29px;
	width: 170px;
	background: transparent url(../images/cosmetics/connector_v.png) center center repeat-y;
	left: 0;
}
#overview .connector_t{ top: -42px; }
#overview .connector_b{ top: 42px; }
#overview .connector_t.long, #overview .connector_b.long{
	height: 41px;
}

#overview .bend{
	display: block;
	position: absolute;
	height: 58px;
	width: 225px;
}
#overview .bend_t{
	background: transparent url(../images/cosmetics/connector_v.png) center center repeat-y;
}
#overview .bend_tl{
	background: transparent url(../images/cosmetics/connector_tl.png) left 27px no-repeat;
	top: -57px;
	left: 85px;
}
#overview .bend_br{
	background: transparent url(../images/cosmetics/connector_br.png) right -971px no-repeat;
	left: -142px;
	top: 42px;
}
#overview .bend.jump_1{ width: 448px; }
#overview .bend.jump_2{ width: 448px; }
#overview .bend_br.jump_1{ left: -365px; }

#overview .bend.bend_t, #overview .bend.bend_b{
	width: 2px;
	height: 29px;
	left: 84px;
}
#overview .bend.bend_t{ top: -29px; }

#overview .bend.top.long, #overview .bend.bottom.long{
	height: 41px;
}
#overview .bend.top.long{}

#overview .bend_br.long, #overview .bend_tl.long{ height: 90px; }
#overview .bend.long.jump_2{ width: 696px; }
#overview .bend_tl.long{
	top: -89px;
	left: 85px;
	background-position: left 40px;
}
#overview .bend_br.long{
	left: -154px;
	background-position: right -60px;
}

#overview h2{
	position: absolute;
	text-transform: uppercase;
	left: 20px;
}
#overview .purchase_order h2{ top: 10px; }
#overview .sales_order h2{ bottom: 15px; }

#overview .purchase_order a, #overview .purchase_order .anchor, #overview .block .purchase_order{ background-color: #00b0f0; }
#overview .sales_order a, #overview .sales_order .anchor, #overview .block .sales_order{ background-color: #f49ac1; }
#overview .inventory a, #overview .inventory .anchor, #overview .block .inventory{ background-color: #fff200; }
#overview .finance a, #overview .finance .anchor, #overview .block .finance{ background-color: #00b050; }

#overview .block{
	margin-top: 10px;
}
#overview .block li{
	display: block;
	float: left;
	margin-right: 10px;
	position: relative;
}
#overview .block li.last{
	margin-right: 0;
}
#overview .block li span, #overview .block li a{
	display: block;
	width: auto;
	height: auto;
	margin: 0;
	border: none 0;
	padding: 5px 10px 5px;
	font-weight: bold;
	position: relative;
	cursor: pointer;
	cursor: hand;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#overview .block li ul{
	/* position: absolute; */
	display: block;
}
#overview .block li ul.hidden{
	display: none;
}
#overview .block li ul li{
	margin-top: 5px;
}

#overview .purchase_order .step_1, #overview .purchase_order .step_2,
#overview .purchase_order .step_3, #overview .purchase_order .step_4
{
	top: 150px;
}
#overview .purchase_order .step_5, #overview .purchase_order .step_6,
#overview .purchase_order .step_7, #overview .purchase_order .step_8{
	top: 50px;
}

#overview .sales_order .step_1, #overview .sales_order .step_2,
#overview .sales_order .step_3, #overview .sales_order .step_4{
	top: 30px;
}
#overview .sales_order .step_5, #overview .sales_order .step_6,
#overview .sales_order .step_7{
	top: 130px;
}
#overview .sales_order .step_8, #overview .sales_order .step_9{
	top: 230px;
}

#overview .step_1{ left: 60px; }
#overview .step_2, #overview .step_7, #overview .step_8{ left: 305px; }
#overview .step_3, #overview .step_6, #overview .step_9{ left: 530px; }
#overview .step_4, #overview .step_5, #overview .step_10{ left: 755px; }

/* END OVERVIEW */

h3.goods_grouping{
	text-align: center;
	padding: 5px;
	background-color: #3498db;
	color: #fff;
	position: relative;
}
h3.goods_grouping.no_group, .recap .no_group{
	background-color: #f47474;
}
h3.goods_grouping .anchor{
	position: absolute;
	right: 5px;
	color: #fff;
}
h3.goods_grouping .anchor:hover{
	color: #fff;
}
th.group_name{
	background-color: #3498db;
}
.recap .number{
	width: 40px;
}
.recap .text{
	width: 80px;
}

/* Print format */
.print_block{
	width: 160px;
	height: 210px;
	border: solid 1px #555555;
	float: left;
	margin: 0 10px 10px 0;
	text-align: center;
	font-weight: normal;
	position: relative;
	display: table;
	
	-moz-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
	
	-moz-transition: background 0.3s, color 0.3s;
    -webkit-transition: background 0.3s, color 0.3s;
    -o-transition: background 0.3s, color 0.3s;
    transition: background 0.3s, color 0.3s;
}
.print_block:hover{
	background-color: #555555;
	cursor: pointer;
	cursor: hand;
}
.print_block .link{
	color: #555555;
	font-size: 1.2em;
	font-weight: normal;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	
	color: #555555;
	font-size: 1.2em;
}
.print_block:hover .link{
	color: #ffffff;
	text-decoration: none;
}
.print_block .delete{
	margin-top: 10px;
	margin-left: -30px;
	width: 20px;
	height: 5px;
	background-color: #aaaaaa;
	display: block;
	position: absolute;
}
.print_block .delete:hover{
	background-color: #ffffff;
}
.new_print_template{
	background-color: #eeeeee;
}
.new_print_template .arrow_ver, .new_print_template .arrow_hor{
	background-color: #aaaaaa;
	display: block;
	position: relative;
}
.new_print_template .arrow_ver{
	height: 30px;
	width: 10px;
	margin-top: 90px;
	margin-left: 75px;
}
.new_print_template .arrow_hor{
	height: 10px;
	width: 30px;
	margin-top: -20px;
	margin-left: 65px;
}
.new_print_template span{
	display: none;
}

#print_template_disabled{
	display: none;
	width: 100%;
	height: 100%;
}
#print_template_disabled td{
	vertical-align: middle;
	text-align: center;
}

#print_commands{
	padding: 5px 5px 0 5px;
	height: 30px;
	width: 100%;
	background-color: #ffffff;
	border-bottom: solid 1px #555555;
	z-index: 9998;
	position: absolute;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#print_commands span{
	padding: 2px;
	cursor: pointer;
	cursor: hand;
	border: solid 1px #ffffff;
}
#print_commands span:hover{
	border-color: #555555;
}
#print_layers{
	top: 36px;
	left: 0;
	bottom: 0;
	width: 200px;
	position: absolute;
	border-right: solid 1px #555555;
	z-index: 9997;
	
	overflow: auto;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
	
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#print_layers li{
	border-bottom: solid 1px #555555;
	padding: 3px 5px;
	white-space: nowrap;
	text-overflow: ellipsis;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}
.print_layer{
	border-top: solid 1px #555555;
	border-bottom: solid 1px #555555;
	padding: 3px 5px;
	white-space: nowrap;
	background-color: #eeeeee;
	text-overflow: ellipsis;
	cursor: pointer;
	cursor: hand;
	overflow: hidden;
}
#print_layers li span{
	font-style: italic;
}
#print_layers li.selected{
	background-color: #eeeeee;
}
#print_template{
	top: 36px;
	left: 200px;
	bottom: 0;
	right: 0;
	background-color: #aaaaaa;
	overflow: auto;
	position: absolute;
	z-index: 9996;
	
	-webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
#print_template_paper_parent{
	background-color: #ffffff;
	margin: 20px auto 20px;
	border: solid 1px #555555;
	position: relative;
	
	-moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.4);
}
#print_template_paper{
	position: relative;
}
#print_template_paper div{
	overflow: hidden;
}
#print_template_paper .object_wrapper{
	border: dashed 1px #000000;
	position: absolute;
	cursor: all-scroll;
}
#print_template_paper .corner{
	background-color: #ffffff;
	border: solid 1px #000000;
	height: 5px;
	width: 5px;
	position: absolute;
}
#print_template_paper .corner_l, #print_template_paper .corner_r{ cursor: ew-resize; }
#print_template_paper .corner_t, #print_template_paper .corner_b{ cursor: ns-resize; }
#print_template_paper .corner_tl, #print_template_paper .corner_br{ cursor: nwse-resize; }
#print_template_paper .corner_bl, #print_template_paper .corner_tr{ cursor: nesw-resize; }
#print_template_paper .selected{ cursor: all-scroll; }
#print_template_paper_margin_top, #print_template_paper_margin_right,
#print_template_paper_margin_bottom, #print_template_paper_margin_left,
.print_template_paper_margin_void{
	background-color: #eeeeee;
}
#print_template_paper_margin_top, #print_template_paper_margin_right,
#print_template_paper_margin_bottom, #print_template_paper_margin_left{
	border: dashed 1px #000000;
}
#print_template_paper_margin_top{ border-top: none 0; }
#print_template_paper_margin_right{ border-right: none 0; }
#print_template_paper_margin_bottom{ border-bottom: none 0; }
#print_template_paper_margin_left{ border-left: none 0; }
.print_template_color_preview{
	border: solid 1px #000000;
	width: 10px;
	height: 10px;
	display: inline-block;
}
#print_template_paper th, #print_template_paper td{ overflow: hidden; }

#image_browser li{
	height: 100px;
	width: 100px;
	padding: 5px;
	border: solid 1px #aaaaaa;
	text-align: center;
	float: left;
	margin: 0 4px 4px 0;
	display: block;
	cursor: pointer;
	cursor: hand;
	
	-moz-transition: background 0.3s, box-shadow 0.3s;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
#image_browser li.selected, #image_browser li:hover{
	background-color: #5D97CD;
}
#image_browser li img{
	vertical-align: middle;
}
#image_browser li span{
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}

#content_fields{
	border: solid 1px #aaaaaa;
	background-color: #ffffff;
	height: 100px;
	position: absolute;
	overflow: auto;
}
#content_fields li{
	padding: 0 2px;
	cursor: pointer;
	cursor: hand;
	
	-moz-transition: background 0.3s, box-shadow 0.3s;
    -webkit-transition: background 0.3s, box-shadow 0.3s;
    -o-transition: background 0.3s, box-shadow 0.3s;
    transition: background 0.3s, box-shadow 0.3s;
}
#content_fields li.title{
	font-weight: bold;
}
#content_fields li.field:hover{
	background-color: #5D97CD;
}

.table_full_center{
	width: 100%;
	height: 100%;
}
.table_full_center td{
	text-align: center;
	vertical-align: middle;
}

.arrow{
	width: 0;
	height: 0;
	border: solid 8px #000;
}
.arrow_up{
	border-top: none 0;
	border-left-color: transparent;
	border-right-color: transparent;
}
.arrow_down{
	border-bottom: none 0;
	border-left-color: transparent;
	border-right-color: transparent;
}
.arrow_right{
	border-right: none 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}
.arrow_left{
	border-left: none 0;
	border-top-color: transparent;
	border-bottom-color: transparent;
}

.transition{
	-moz-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

/* Hack for message box */
.block{ display: block; }

.zebra_table{
	
}
.zebra_table thead th, .zebra_table tfoot th{
	border: solid 1px #000;
	background-color: #3f3f3f;
	color: #fff;
}
.zebra_table tbody td{
	border: solid 1px #000;
	border-top: none 0;
}
.zebra_table tbody tr.odd td{
	background-color: #fff;
}
.zebra_table tbody tr.even td{
	background-color: #dcdcdc;
}
.zebra_table .delete{
	display: inline-block;
	font-size: 1.4em;
}
.zebra_table .delete:before{
	margin: 0;
}
.zebra_table tbody tr.even td .delete{
	border-color: #dcdcdc;
}
.zebra_table .delete span{
	display: none;
}
.zebra_table tbody tr td .delete:hover{
	border-color: #3f3f3f;
}
.form_box .zebra_table thead th.commands,
.zebra_table .commands{
	width: 20px;
	text-align: center;
	vertical-align: middle;
}
.form_box .zebra_table thead th.commands.width_10,
.zebra_table .commands.width_10{
	width: 38px;
}
.zebra_table tfoot .empty{
	border-left: none 0;
	border-right: none 0;
}
.zebra_table tfoot .first.empty{
	border-left: solid 1px #000;
}
.zebra_table tfoot .last.empty{
	border-right: solid 1px #000;
}

.form_box div.compact_table{
    margin-bottom: 0;
}
.compact_table thead, .compact_table tbody, .compact_table tfoot{
	display: block;
}
.compact_table thead tr, .compact_table tbody tr, .compact_table tfoot tr{
	display: table;
	table-layout: fixed;
	width: 973px;
}
.full_form .compact_table thead tr, .full_form .compact_table tfoot tr{
	width: calc(100% - 17px);
}
.full_form .compact_table tbody tr{
	width: 100%;
}
.compact_table thead tr.none, .compact_table tbody tr.none, .compact_table tfoot tr.none,
.compact_table tbody .goods tbody tr.none{
	display: none;
}
.compact_table thead th, .compact_table tfoot th{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	/* overflow: visible;
	position: relative;
	padding-right: 55px;
	box-sizing: border-box; */
}
.compact_table tbody{
	height: 272px;
	position: relative;
	overflow-y: scroll;
	overflow-x: hidden;
}
.compact_table.footer tbody{
	height: 244px;
}
.long_form_box .compact_table tbody{
	height: 470px;
}
.long_form_box .compact_table.footer tbody{
	height: 442px;
}
.compact_table tbody td{
	overflow: hidden;
	white-space: nowrap;
	height: 25px;
	/* position: relative; */
	/* text-overflow: ellipsis; */
}
.compact_table tbody td br{
	display: none;
}
.compact_table thead th.wrap, .compact_table tfoot th.wrap, .compact_table tbody td.wrap{
	white-space: normal;
}
.compact_table tbody td.wrap br{
	display: inline;
}
.compact_table tbody td a[class^="icon-"], .compact_table tbody td a[class*=" icon-"],
.compact_table tbody td .anchor[class^="icon-"], .compact_table tbody td .anchor[class*=" icon-"]{
	display: inline-block;
}
.compact_table tbody td a[class^="icon-"]:hover, .compact_table tbody td a[class*=" icon-"]:hover,
.compact_table tbody td .anchor[class^="icon-"]:hover, .compact_table tbody td .anchor[class*=" icon-"]:hover{
	color: #3498db;
}
.compact_table tbody td .anchor.inactive{
	color: #999;
}
.compact_table tbody td .anchor.inactive:hover, .compact_table tbody td .anchor.inactive.active{
	color: #e26464;
}
.compact_table tbody td .anchor img{
	display: block;
	margin-top: 4px;
}
.compact_table tbody td a span{
	display: none;
}
.compact_table tbody td a.normal, .compact_table tbody td .anchor.normal,
.compact_table tbody td.text_center a, .compact_table tbody td.text_center .anchor,
.compact_table tbody td.text_right a, .compact_table tbody td.text_right .anchor
{
	display: inline;
	float: none;
	width: auto;
	height: auto;
	margin-right: 0;
	background: none;
}
.compact_table tbody td a.normal span, .compact_table tbody td .anchor.normal span{
	display: inline;
}
.compact_table tbody td input.width_full,
.compact_table tbody td textarea.width_full,
.compact_table tbody td select.width_full, .compact_table tbody td .chosen-container.width_full{
	width: 100%;
	box-sizing: border-box;
}
.compact_table tbody td input.file{
	padding: 0;
	border: none 0;
}

/*
= padding-left + padding-right + border-left + border-right
= 7px + 7px + 1px + 1px
= 16 px
*/
.compact_table tbody td input.width_full.code{
	width: 70px;
}
.compact_table tbody td input.width_full.name{
	width: calc(100% - 74px);
}
.compact_table tbody td input.width_full.commands_1,
.compact_table tbody td textarea.width_full.commands_1,
.compact_table tbody td select.width_full.commands_1, .compact_table tbody td .chosen-container.width_full.commands_1{
	width: calc(100% - 23px); /* 39px - 16px */
}
.compact_table tbody td input.width_full.commands_2,
.compact_table tbody td textarea.width_full.commands_2,
.compact_table tbody td select.width_full.commands_2, .compact_table tbody td .chosen-container.width_full.commands_2{
	width: calc(100% - 44px); /* 60px - 16px */
}
.compact_table tbody td input.width_full.commands_3,
.compact_table tbody td textarea.width_full.commands_3,
.compact_table tbody td select.width_full.commands_3, .compact_table tbody td .chosen-container.width_full.commands_3{
	width: calc(100% - 67px); /* 83px - 16px */
}
.compact_table tbody td textarea{
	display: block;
}
.compact_table tbody td textarea,
.compact_table tbody td textarea.small_1,
.compact_table tbody td textarea.small_2,
.compact_table tbody td textarea.small_3,
.compact_table tbody td textarea.small_4{
	height: 12px;
}
.compact_table tbody td textarea.width_full{
	height: 24px;
}
.compact_table tbody td textarea:focus,
.compact_table tbody td textarea.width_full:focus,
.compact_table tbody td textarea.small_1:focus,
.compact_table tbody td textarea.small_2:focus,
.compact_table tbody td textarea.small_3:focus,
.compact_table tbody td textarea.small_4:focus
{
	height: 50px;
}

.compact_table tbody .goods thead, .long_form_box .compact_table tbody .goods thead,
.compact_table tbody .goods tbody, .long_form_box .compact_table tbody .goods tbody,
.compact_table tbody .goods tfoot, .long_form_box .compact_table tbody .goods tfoot
{
	display: table-row-group;
	height: auto;
}
.compact_table tbody .goods thead tr, .compact_table tbody .goods tbody tr, .compact_table tbody .goods tfoot tr{
	display: table-row;
	width: auto;
}
.compact_table tbody td a.none, .compact_table tbody td .anchor.none{
	display: none;
}

#conditionalPrice.long_form_box .compact_table tbody{
	height: 340px;
}

.details .icon-attention{
	font-size: 14px;
}

/* DIAGRAM */

.diagram{
	position: relative;
}
.diagram .scroller{
	width: 100%;
	height: 409px;
	border: solid 1px #555;
	overflow: auto;
	position: relative;
	box-sizing: border-box;
}
.diagram.one_line_diagram .scroller{
	height: 159px;
}
.diagram .legends{
	margin: 0 0 10px 0;
}
.diagram .legends li{
	list-style-type: none;
	display: inline-block;
	padding: 5px 10px;
	margin-right: 5px;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.diagram .legends li.line{
	border: dashed 2px #00b050;
	padding: 3px 9px;
}
.diagram .legends li.normal{ background-color: #00b0f0; }
.diagram .legends li.new_material{ background-color: #A29600; }
.diagram .legends li.warning{ background-color: #e26464; }
.diagram .legends li.continuation{ background-color: #fff200; }
.diagram .toggle_fullscreen{
	position: absolute;
	font-size: 2em;
	top: 15px;
	right: 30px;
	color: #fff;
	background-color: #777;
	padding: 5px 2px;
	z-index: 2;
	cursor: hand;
	cursor: pointer;
	opacity: 0.8;
	filter: (opacity=80);
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-transition: opacity 0.3s;
    -webkit-transition: opacity 0.3s;
    -o-transition: opacity 0.3s;
    transition: opacity 0.3s;
}
.diagram .toggle_fullscreen.legends{
	top: 60px;
}
.diagram .toggle_fullscreen:hover{
	opacity: 1;
	filter: (opacity=100);
}
.diagram svg{
	z-index: 1;
}
.diagram text.row_number{
	alignment-baseline: middle;
	font-size: 2em;
}
.diagram text.title{
	alignment-baseline: hanging;
	fill: #333;
	font-size: 1.2em;
}
.diagram a text.title{
	fill: #3498db;
}
.diagram rect, .diagram circle, .diagram ellipse{
	fill: #00b0f0;
}
.diagram .warning rect{ fill: #e26464; } /* #A29600 */
.diagram .new_material rect{ fill: #A29600; } /* #a137b9 */

.diagram .shadow rect{
	fill: #fff200;
}
.diagram .shadow *{
	cursor: pointer;
	cursor: hand;
}
.diagram rect.group{
	fill: transparent;
	stroke: #00b050;
	stroke-width: 2;
	stroke-dasharray: 5, 3;
}
.diagram .rect:hover rect, .diagram .circle:hover circle, .diagram .ellipse:hover ellipse{
	filter: url(#hover);
}
.diagram line, .diagram polyline{
	fill: none;
	stroke: #333;
	stroke-width: 2;
	stroke-linecap: butt;
}
.diagram .rect a:hover, .diagram .rect a:active,
.diagram .rect .anchor:hover, .diagram .rect .anchor:active{
	text-decoration: none;
}
.diagram .rect text, .diagram .rect tspan{
	alignment-baseline: hanging;
	fill: #333;
}
.diagram .arrow line, .diagram .arrow polyline{
	stroke: #333;
}
.diagram .arrow path{
	fill: #333;
}
.diagram .highlight rect{
	animation: highlight 1s ease 5;
}
@keyframes highlight{
  0% { opacity: 1; }
  50% { opacity: 0; }
} 
.diagram .shadow .arrow line, .diagram .shadow .arrow polyline{
	stroke: #fff200;
	stroke-opacity: 0;
}
.diagram .shadow .arrow path{
	fill: #fff200;
	fill-opacity: 0;
}
.diagram .shadow:hover .arrow line, .diagram .shadow:hover .arrow polyline{
	stroke-opacity: 1;
}
.diagram .shadow:hover .arrow path{
	fill-opacity: 1;
}
.diagram .popup foreignObject{
	overflow: visible;
}
.diagram .popup foreignObject body{
	width: 500px;
	padding-top: 15px;
	overflow: visible;
}
.diagram .popup foreignObject div{
	position: relative;
	padding: 3px 10px 5px;
	display: inline-block;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: 0 0 10px #777;
	-ms-box-shadow: 0 0 10px #777;
	-o-box-shadow: 0 0 10px #777;
	-webkit-box-shadow: 0 0 10px #777;
	box-shadow: 0 0 10px #777;
}
.diagram .popup foreignObject div:before{
	content: "";
	position: absolute;
	border-style: solid;
	border-width: 0 10px 13px;
	width: 0;
	height: 0;
	display: block;
	
	top: -13px; /* value = - border-top-width - border-bottom-width */
	left: 20px;
}
.diagram .popup.new_material foreignObject div{ background-color: #A29600; }
.diagram .popup.new_material foreignObject div:before{ border-color: #A29600 transparent; }
.diagram .popup.warning foreignObject div{ background-color: #e26464; }
.diagram .popup.warning foreignObject div:before{ border-color: #e26464 transparent; }
.diagram .popup ul, .diagram .popup ol{ margin-left: 20px; }
.diagram .popup ul li{ list-style-type: disc; }
.diagram .popup ol li{ list-style-type: decimal; }

.diagram_fullscreen{
	position: absolute;
	width: 100vw;
	height: 100vh;
	padding: 5px;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 99;
	background-color: #fff;
	box-sizing: border-box;
}
.diagram_fullscreen .scroller{
	height: calc(100vh - 52px);
}

/* END DIAGRAM */

.toggle_expand span, .toggle_collapse span{
	display: none;
}
.toggle_expand, .toggle_collapse{
	background-color: #3f3f3f;
	background-repeat: no-repeat;
	background-position: center center;
	display: none;
	width: 24px;
	height: 24px;
	border: solid 4px #3f3f3f;
	position: absolute;
	/* margin-left: 942px; */
	margin-left: 960px;
	margin-top: -37px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.toggle_expand:hover, .toggle_collapse:hover{
	border-color: #1e1e1e;
	background-color: #1e1e1e;
}
.toggle_expand{ background-image: url(../images/icons/expand/white/expand_icon_24.png); }
.toggle_collapse{ background-image: url(../images/icons/collapse/white/collapse_icon_24.png); }
.form_box:hover .toggle_expand,
.form_box:hover .toggle_collapse{
	display: block; 
}

.dropdown{
	display: inline-block;
	width: 205px;
	position: relative;
	z-index: 99999;
}
.big_form .dropdown{
	width: 355px;
}
.dropdown ul{
	display: none;
	position: absolute;
	background-color: #fff;
	border: 1px solid #aaa;
	border-top: none 0;
	width: 100%;
	box-sizing: border-box;
	
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.dropdown li{
	border: none 0;
	border-top: 1px solid #eee;
}
.dropdown .label{
	border: 1px solid #eee;
	border-bottom: none 0;
	
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}
.dropdown .label, .dropdown li a, .dropdown li .anchor{
	display: block;
	padding: 2px 5px;
}
.dropdown:hover{
	background-color: #fff;
}
.dropdown:hover ul{
	display: block;
}
.dropdown:hover .label{
	border: 1px solid #aaa;
	border-bottom: none 0;
}
.dropdown .label:hover, .dropdown li a:hover, .dropdown li .anchor:hover{
	background-color: #3498db;
	color: #fff;
	text-decoration: none;
}

.file_preview{
	position: relative;
}
.file_preview .auto{
	display: none;
}
.file_preview .input_file{
	position: absolute;
	top: 0;
	left: 0;
	cursor: pointer;
	cursor: hand;
	padding: 0;
	border: none 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
}
.file_preview .delete{
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	font-size: 1.8em;
	cursor: pointer;
	cursor: hand;
}
.file_preview .delete:hover{
	color: #3498db;
}
.file_preview .delete:before{
	margin: 0;
}
.file_preview div{
	text-align: center;
	width: 100%;
	height: 100%;
	margin: 0;
}
.file_preview div span, .file_preview div img{
	vertical-align: middle;
}
.file_preview div span{
	display: inline-block;
	height: 100%;
	width: 0;
}
.file_preview div img{
	max-width: 100%;
	max-height: 100%;
}

.monitor_table td.new,
.monitor_table td.delivery,
.monitor_table td.receipt,
.monitor_table td.invoiceissue,
.monitor_table td.payment
{
	display: none;
}
.monitor_table.new td.new,
.monitor_table.delivery td.delivery,
.monitor_table.receipt td.receipt,
.monitor_table.invoiceissue td.invoiceissue,
.monitor_table.payment td.payment
{
	display: table-cell;
}

table.time_map{
	width: 100%;
	min-width: 600px;
}
.time_map .date{
	width: 70px;
}
.time_map .day{
	width: 50px;
}
.time_map ul{
	position: relative;
	width: 100%;
	height: 20px;
}
.time_map ul li{
	position: absolute;
	display: block;
	height: 21.3px;
}
.time_map th{
	height: 40px;
}
.time_map ul li span{
	position: absolute;
	display: block;
	top: 12px;
	left: -5px;
}
.time_map ul li span:before{
	margin: 0;
	padding: 0;
}
.time_map td{
	padding: 2px 0;
	position: relative;
}
.time_map td ol{
	position: absolute;
	left: 0;
	right: 0;
	height: 20px;
}
.time_map td ol li{
	position: absolute;
	display: block;
}
.time_map .free{ background-color: #b7b7b7; }
.time_map .check_in{ background-color: #0098ff; }
.time_map .check_out{ background-color: #f964dd; }
.time_map .work{ background-color: #ffb000; }
.time_map .break{ background-color: #00ffa3; }
.time_map .overtime{ background-color: #ff3c00; }
.time_map td li{
	width: 5px;
	background-color: #000000;
	cursor: hand;
	cursor: pointer;
}

#maintenance{
	display: flex;
	flex-direction: column;
	height: 100%;
}
#maintenance_log{
	flex-grow: 1;
	border: solid 1px #aaa;
	padding: 10px;
	min-height: 350px;
	overflow: auto;
}

.context_menu{
	position: fixed;
	width: 200px;
	border: solid 1px #aaa;
	background-color: #fff;
	display: block;
	z-index: 9999999;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	-moz-box-shadow: -1px 0 5px #aaa;
	-ms-box-shadow: -1px 0 5px #aaa;
	-o-box-shadow: -1px 0 5px #aaa;
	-webkit-box-shadow: -1px 0 5px #aaa;
	box-shadow: -1px 0 5px #aaa;
}
.context_menu li{
	display: block;
}
.context_menu li.separator{
	margin: 2px 0;
	height: 1px;
	background-color: #aaa;
}
.context_menu li a, .context_menu li .anchor, .context_menu li .text{
	display: block;
	padding: 5px;
	
	-moz-transition: background 0.3s;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
}
.context_menu li a:hover, .context_menu li .anchor:hover{
	background-color: #009EB8;
	color: #fff;
	text-decoration: none;
}

.loader{
	display: inline-block;
	/* width: 50px;
	height: 50px; */
	text-align: center;
}
.loader:before{
	font-size: 4em;
	color: #4279bd;
	margin: 2px 0 0;
	-webkit-animation: spin 2s linear infinite;
    -moz-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}
.small_loader .loader{
	width: 20px;
	height: 20px;
}
.small_loader .loader:before{
	font-size: 1.5em;
}
.anchor_submit.small_loader{
	display: inline-block;
}
.anchor_submit.small_loader .loader{
	line-height: 5px;
}
.anchor_submit.small_loader .loader:before{
	color: #ffffff;
}
@-moz-keyframes spin{
	100% { -moz-transform: rotate(360deg); }
}
@-webkit-keyframes spin{
	100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin{
	100% {
		-webkit-transform: rotate(360deg);
		transform:rotate(360deg);
	}
}

/* Fix fontello */
.icon-cardboard-closed:before { width: 1.2em; }
.icon-cardboard-opened:before { width: 1.5em; }