/**
* Global styling of the elements on the page
*/
body {
	background: #F0F0EF;
	font: normal 1em/1.4em Calibri,Tahoma,"Century Gothic",Verdana,Arial,sans-serif;
}


a {
	color: #000;
}

b, strong {
	font-weight: bold;
}

i, em {
	font-style: italic;
}
table {
	width: 100%;
}

td {
	vertical-align: top;
}

tr[onclick] {
	cursor: pointer;
}

th {
	white-space: nowrap;
}

.text-smaller {
	font-size: 0.9em;
}
h1,h2,h3,h4,h5,h6{ font-weight: bold; }

h1 {font-size: 1.6em;}
h2 {font-size: 1.5em;}
h3 {font-size: 1.4em;}
h4 {font-size: 1.3em;}
h5 {font-size: 1.2em;}
h6 {font-size: 1.1em;}

.clear:after {
	content: ".";
	display: block;
	height: 1px;
	width: 1px;
	clear: both;
	visibility: hidden;
}

.left {
	float: left;
	margin-right: 5px;
}
.left.wide {
	margin-right: 10px;
}

.right {
	float: right;
	/* margin-left: 5px; */
}
.right.wide {
	/* margin-left: 10px; */
}

.right:after {
	right: 12px;
	left: auto;
}

.center {
	text-align: center;
}

/**
* Breadcrumb
*/
.breadcrumb {
	list-style: none;
	overflow: hidden;
	font: 11px Helvetica, Arial, Sans-Serif;
	white-space: nowrap;
	padding: 0;
	margin-bottom: 5px;
}
.breadcrumb > li {
	float: left;
	white-space: nowrap;
	background-color: hsla(0,0%,90%,1);
	-moz-transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.breadcrumb > li > a, .breadcrumb > li > span {
	margin: 0;
	color: #32353e;
	text-decoration: none;
	padding: 4px 15px 4px 25px;
	/* box-shadow: inset 10px 0 5px rgba(220,220,220,0.5); */
	position: relative;
	display: block;
	float: left;
	border: 1px solid rgba(252,175,26,0.5);
	transition: all 0.25s ease-in-out;
}

.breadcrumb > li > a:after {
	content: " ";
	display: block;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;           /* Go big on the size, and let overflow hide */
	border-bottom: 9px solid transparent;
	border-left: 10px solid hsla(0,0%,90%,1);
	position: absolute;
	top: 50%;
	margin-top: -9px;
	left: 100%;
	z-index: 2;
}


.breadcrumb li a:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-top: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 10px solid #fcaf1a;
	position: absolute;
	top: 50%;
	margin-top: -9px;
	margin-left: 1px;
	left: 100%;
	z-index: 1;
}

.breadcrumb li span {
	cursor: default;
	box-shadow: none;
	background: #fff;
	border-radius: 0 3px 3px 0;
}

.breadcrumb li:first-child a {
	padding-left: 10px;
	border-radius: 3px 0 0 3px;
}
.breadcrumb li:nth-child(2)       { background:        hsla(0,0%,93%,1); }
.breadcrumb li:nth-child(2) a:after { border-left-color: hsla(0,0%,93%,1); }
.breadcrumb li:nth-child(3)       { background:        hsla(0,0%,96%,1); }
.breadcrumb li:nth-child(3) a:after { border-left-color: hsla(0,0%,96%,1); }
.breadcrumb li:nth-child(4)       { background:        hsla(0,0%,98%,1); }
.breadcrumb li:nth-child(4) a:after { border-left-color: hsla(0,0%,98%,1); }
.breadcrumb li:nth-child(5)       { background:        hsla(0,0%,99%,1); }
.breadcrumb li:nth-child(5) a:after { border-left-color: hsla(0,0%,99%,1); }
.breadcrumb li:last-child {
	background: transparent !important;
	color: black;
	pointer-events: none;
	cursor: default;
}

.breadcrumb > li:hover {
	background-color: #f6f6f6;
}

.breadcrumb a:hover {
	text-decoration: underline;
}

/**
* Boxed
*/
.boxed {
	display: block;
	padding: 10px;
	margin: 10px 0;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: rgba(0,0,0,0.05);
	border-radius: 3px;
}

.table:after {
	/*content: '.';*/
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
/**
* Table
*/
.table {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%;
	border-radius: 10px;
	border: 1px solid rgba(252,176,26,0.8);
	font-size: 0.8em;
		background-color:#FDFDFD;
	/* border-collapse: collapse; */
}

table.mt{ /*margin top*/
margin-top:39px;
}

.table > thead {
}

.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > td {
	padding: 10px;
	color: #fff;
	text-align: left;
	font-weight: bold;
	background-color: #393B42;
	*background-color: #595B62;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62,  #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#595B62', endColorstr='#393B42', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
}

.table > tbody > tr > td {
	/* border-bottom: 1px dotted rgba(252,176,26,0.3); */
	border-bottom: 1px dotted rgba(0,0,0,0.2);
	padding: 5px 2px;
}

.table > tbody > tr:last-child > td {
	border-bottom: 0;
}


.table > tbody > tr:nth-child(even) {
	background-color: rgba(252,176,26,0.1);
}

.table > tbody > tr:nth-child(odd) {
	background-color: #fdfdfd;
}


.table tr:first-child {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}


.table tr:first-child th:first-child, .table tr:first-child > td:first-child {
	border-top-left-radius: 5px;
}

.span6 .table tr:first-child th:first-child{
		border-top-right-radius: 5px;
}

.table thead tr:first-child th:last-child, .table tbody tr:first-child td:last-child {
	border-top-right-radius: 5px;
}

.table tr:last-child {
	border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}
.table tr:last-child td:first-child {
	border-radius: 0 0 0 8px;
	/* border-bottom-left-radius: 6px; */
	/* border-radius: 10px; */
}

.table tr:last-child td:last-child {
	border-bottom-right-radius: 8px;
}

.table tbody td {
	border-right: 1px dotted #ddd;
}

.table tbody td:last-child {
	border-right: 0;
}

.table.table-over tr {
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
}

.table.table-over tr:nth-child(odd):hover, .table.table-over tr:nth-child(even):hover, .table.table-over tr:hover {
	background: #cccccf;
	color: #fff;
}

table.plain{
		border-radius:0px!important;
		border:none!important;
}

table th span.badge{
		padding:3px 5px;
		border-radius: 3px;
		background-color:rgba(255,255,255,0.1);
		margin-right:12px;
}

/**
* Form elements
*/

label,
input,
button,
select,
textarea {
	font-size: 1em;
	font-weight: normal;
	line-height: 20px;
}

select,
textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 20px;
	padding: 4px 6px;
	margin-bottom: 3px;
	font-size: 14px;
	line-height: 20px;
	color: #555555;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
}

input,
textarea,
.uneditable-input {
	width: 206px;
}

textarea {
	height: auto;
	font: normal 1em/1.4em Calibri,Tahoma,"Century Gothic",Verdana,Arial,sans-serif;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
		 -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
			 -o-transition: border linear 0.2s, box-shadow linear 0.2s;
					transition: border linear 0.2s, box-shadow linear 0.2s;
}


textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	border-color: rgba(252, 176, 26, 0.8);
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(252, 176, 26, 0.6);
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(252, 176, 26, 0.6);
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(252, 176, 26, 0.6);
}

input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] {
	width: auto;
}

select {
width: 220px;
background-color: white;
border: 1px solid #CCC;
}

select, input[type="file"] {
height: 30px;
line-height: 30px;
}

select[multiple], select[size] {
height: auto;
}

input[type="text"][name$="_street"], .input-street {
	width: 134px;
	margin-right: 2px;
}
input[name$="_number"], .input-number {
	width: 20px;
	margin-right: 2px;
}
input[name$="twofactor_number"]{
		width:auto;
}
input[name$="_add"], .input-add {
	width: 20px;
}
input[name$="_zipcode"], .input-zipcode {
	width: 50px;
	margin-right: 2px;
}
input[name$="_place"], .input-place {
	width: 140px;
}
input[name$="_firstname"], .input-firstname {
	width: 66px;
	margin-right: 2px;
}
input[name$="_infix"], .input-infix {
	width: 20px;
	margin-right: 2px;
}
input[name$="_lastname"], .input-lastname {
	width: 80px;
}

.input-xlarge {
	width: 400px;
}

.input-large {
	width: 240px;
}

.input-medium {
	width: 120px;
}
select.input-medium {
	width: 134px;
}

.input-small, .validate-date-nl {
	width: 80px;
}
.input-mini {
	width: 40px;
}
.input-micro {
	width: 26px;
}

.input-mega {
	width: 507px;
}


.input-append,
.input-prepend {
	margin-bottom: 5px;
	font-size: 0;
	white-space: nowrap;
	display: inline-block;
}

.input-append input,
.input-prepend input,
.input-append select,
.input-prepend select,
.input-append .uneditable-input,
.input-prepend .uneditable-input {
	position: relative;
	margin-bottom: 0;
	*margin-left: 0;
	font-size: 14px;
	vertical-align: top;
	-webkit-border-radius: 0 3px 3px 0;
		 -moz-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
}

.input-append input:focus,
.input-prepend input:focus,
.input-append select:focus,
.input-prepend select:focus,
.input-append .uneditable-input:focus,
.input-prepend .uneditable-input:focus {
	z-index: 2;
}

.input-append .add-on,
.input-prepend .add-on {
	display: inline-block;
	width: auto;
	height: 20px;
	min-width: 16px;
	padding: 4px 5px;
	font-size: 14px;
	font-weight: normal;
	line-height: 20px;
	text-align: center;
	text-shadow: 0 1px 0 #ffffff;
	background-color: #eeeeee;
	border: 1px solid #ccc;
}

.input-append .add-on,
.input-prepend .add-on,
.input-append .btn,
.input-prepend .btn {
	vertical-align: top;
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}

.input-append .active,
.input-prepend .active {
	background-color: #a9dba9;
	border-color: #46a546;
}

.input-prepend .add-on,
.input-prepend .btn {
	margin-right: -1px;
}

.input-prepend .add-on:first-child,
.input-prepend .btn:first-child {
	-webkit-border-radius: 3px 0 0 3px;
		 -moz-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
}

.input-append input,
.input-append select,
.input-append .uneditable-input {
	-webkit-border-radius: 3px 0 0 3px;
		 -moz-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
}

.input-append .add-on,
.input-append .btn {
	margin-left: -1px;
}

.input-append .add-on:last-child,
.input-append .btn:last-child {
	-webkit-border-radius: 0 3px 3px 0;
		 -moz-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
}

.input-prepend.input-append input,
.input-prepend.input-append select,
.input-prepend.input-append .uneditable-input {
	-webkit-border-radius: 0;
		 -moz-border-radius: 0;
					border-radius: 0;
}

.input-prepend.input-append .add-on:first-child,
.input-prepend.input-append .btn:first-child {
	margin-right: -1px;
	-webkit-border-radius: 3px 0 0 3px;
		 -moz-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
}

.input-prepend.input-append .add-on:last-child,
.input-prepend.input-append .btn:last-child {
	margin-left: -1px;
	-webkit-border-radius: 0 3px 3px 0;
		 -moz-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
}

/**
* Buttons
*/
.btn-group {
	display: inline-block;
	white-space: nowrap;
	vertical-align: middle;
	margin-bottom: 10px;
	overflow: hidden;
}

.btn-group-vertical {
		display: inline-block;
		*display: inline;
		/* IE7 inline-block hack */

		*zoom: 1;
}

.btn-group-vertical > .btn {
		display: block;
		float: none;
		max-width: 100%;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
}

.btn-group-vertical > .btn + .btn {
		margin-top: -1px;
		margin-left: 0;
}

.btn-group-vertical > .btn:first-child {
		-webkit-border-radius: 4px 4px 0 0;
		-moz-border-radius: 4px 4px 0 0;
		border-radius: 4px 4px 0 0;
}

.btn-group-vertical > .btn:last-child {
		-webkit-border-radius: 0 0 4px 4px;
		-moz-border-radius: 0 0 4px 4px;
		border-radius: 0 0 4px 4px;
}

.btn-group-vertical > .btn-large:first-child {
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
}

.btn-group-vertical > .btn-large:last-child {
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
}

.btn {
	display: inline-block;
	text-decoration: none;
	padding: 0.25rem 1rem;
	margin: 0;
	font-size: 1rem;
	line-height: 22px;
	*line-height: 24px;
	color: #333333;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	background-color: #f5f5f5;
	border: 1px solid #ddd;
	text-decoration: none;
	transition: all 0.15s ease-in-out;
}

.btn-sm {
	font-size: 0.8rem;
	line-height: 16px;
}
.btn:hover {
	color: rgb(252,176,26);
	background-color: #fafafa;
}

.btn.btn-primary {
	background-color: rgb(252,176,26);
	*background-color: rgb(252,176,26);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(247, 193, 93)), to(rgb(252,176,26)));
	background-image: -webkit-linear-gradient(top, rgb(247, 193, 93), rgb(252,176,26));
	background-image: -o-linear-gradient(top, rgb(247, 193, 93), rgb(252,176,26));
	background-image: linear-gradient(to bottom, rgb(247, 193, 93), rgb(252,176,26));
	background-image: -moz-linear-gradient(top, rgb(247, 193, 93), rgb(252,176,26));
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#f9bf52', endColorstr='#fcb01a', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn.btn-primary:hover {
	color: #333;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(252,176,26)), to(rgb(247, 193, 93)));
	background-image: -webkit-linear-gradient(top, rgb(252,176,26), rgb(247, 193, 93));
	background-image: -o-linear-gradient(top, rgb(252,176,26), rgb(247, 193, 93));
	background-image: linear-gradient(to bottom, rgb(252,176,26), rgb(247, 193, 93));
	background-image: -moz-linear-gradient(top, rgb(252,176,26), rgb(247, 193, 93));
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#fcb01a', endColorstr='#f9bf52', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}

.btn > img {
	vertical-align: middle;
	margin-left: -8px;
}

.btn-group > .btn {
	position: relative;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}


.btn-group > .btn + .btn {
	margin-left: -1px;
}


.btn-group > .btn:first-child {
	margin-left: 0;
	-webkit-border-bottom-left-radius: 4px;
					border-bottom-left-radius: 4px;
	-webkit-border-top-left-radius: 4px;
					border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-topleft: 4px;
}

.btn-group > .btn:last-child,
.btn-group > .dropdown-toggle {
	-webkit-border-top-right-radius: 4px;
					border-top-right-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
					border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
}

.btn-small {
padding: 3px 9px;
font-size: 12px;
line-height: 18px;
}

.btn-heigh {
	height: 80px;
	line-height: 80px;
}

/**
* Social fields in form
*/
.social_close {
	float: left;
	width: 20px;
	height: 16px;
	margin-bottom: 3px;
	overflow: hidden;
}

.social_open {
	display: block;
	clear: both;
}

/**
* Status
*/
.status-pending, .status-good, .status-confirm, .status-bad {
	transition: all 0.25s ease-in-out;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	color: #333;
}

.status-inactive {
	color: #666;
}
.status-start {
	background: #ff8 !important;
}

.dot {
	display: inline-block;
	width: 18px;
	height: 18px;
	border-radius: 50%;
	margin: 0 0.25rem;
}
.dot-error {
	background-color: #d00;
}
.dot-success {
	background-color: #0b0;
}

th.status-start {
	color: #333 !important;
}

.status-continue, .status-ordrd{
	background: #ff0 !important;
}
th.status-continue {
	color: #333 !important;
}
.status-pre {
	background: #ffa !important;
}
.status-pending {
	background: #fa0 !important;
}



.status-good {
	background: #cdeb8e !important;
}

#div_js_message.status-good{
		background: #cdeb8e !important;
		border:1px solid #A5C956!important;
		border-top:none!important;
}

.status-confirm {
	background: #008a00 !important;
}

.status-bad {
	background: #f88 !important;
}

.status-neutral {
	background: #aaf !important;
}

.status-over {
	background: #88f;
}
.status-open {
	background: purple !important;
}
.status-pending:hover {
	background: #e90 !important;
}

.status-good:hover {
	background: #8f8 !important;
}

.status-confirm:hover {
	background: #1f1 !important;
}

.status-bad:hover {
	background: #f55 !important;
}

.status-partially{
	background: #00ADC4 !important;
}

/**
* Search
*/
.search {
	padding: 5px;
	border-radius: 5px;
	border: 1px solid rgba(252,176,26,0.5);
	margin: 10px 0;
	background-color: rgba(0,0,0,0.05);
	font-size: smaller;
}

.search input[type="text"],
.search input[type="password"] {
	height: 13px;
	line-height: 12px;
	padding: 3px 4px;
	font-size: 11px;
}

.search .input-small {
	width: 60px;
}


.search .add-on {
	height: 15px;
	line-height: 15px;
	padding: 2px 3px;
}


.search select {
	height: 21px;
	line-height: 12px;
	font-size: 11px;
	padding: 2px 2px;
}
.search .search-fields select {
	width: 216px;
}
.search td {
	padding: 1px 5px;
}

/**
* Sortable list
*/
.list-sortable {
	padding: 0;
	clear:both;
	border: 1px solid rgba(252,176,26,0.8);
	border-top: 0;
	border-radius: 0 0 5px 5px;
}

.list-sortable li {
	cursor: move;
	vertical-align: top;
	padding: 0;
	border-bottom: 1px dotted rgba(0,0,0,0.2);
}

.ist-sortable li:last-child {
	border-bottom: 0;
}

.list-sortable-head {
	/* float:left;
	height: 40px;
	vertical-align: middle;
	color: #fff;
	font-weight: bold;
	background: #787b81 url(/template/basic/img/bck-thead.png) repeat-x top !important;
	margin: 0;
	padding: 0 2px 0 2px;
	*/
	display: inline-block;
	color: #fff;
	text-align: left;
	background-color: #393B42;
	*background-color: #f5f5f5;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62,  #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
	border-top: 1px solid rgba(252,176,26,0.8);
	border-bottom: 0;
}

div .list-sortable-head:first-child {
	border-top-left-radius: 5px;
	border-left: 1px solid rgba(252,176,26,0.8);
}

div .list-sortable-head:last-child {
	border-top-right-radius: 5px;
	border-right: 1px solid rgba(252,176,26,0.8);
}

.list-sortable-head span {
	display: block;
	padding: 5px;
}

/*
Colors per column for testing. Uncomment if headers do not align with items
.list-sortable-head:nth-child(1), .list-sortable li > span:nth-child(1) {background-image: none; background-color: blue; }
.list-sortable-head:nth-child(2), .list-sortable li > span:nth-child(2) {background-image: none; background-color: red; }
.list-sortable-head:nth-child(3), .list-sortable li > span:nth-child(3) {background-image: none; background-color: yellow; }
.list-sortable-head:nth-child(4), .list-sortable li > span:nth-child(4) {background-image: none; background-color: orange; }
.list-sortable-head:nth-child(5), .list-sortable li > span:nth-child(5) {background-image: none; background-color: purple; }
.list-sortable-head:nth-child(6), .list-sortable li > span:nth-child(6) {background-image: none; background-color: red; }
.list-sortable-head:nth-child(7), .list-sortable li > span:nth-child(7) {background-image: none; background-color: blue; }
.list-sortable-head:nth-child(8), .list-sortable li > span:nth-child(8) {background-image: none; background-color: red; }
.list-sortable-head:nth-child(9), .list-sortable li > span:nth-child(9) {background-image: none; background-color: yellow; }
.list-sortable-head:nth-child(10), .list-sortable li > span:nth-child(10) {background-image: none; background-color: orange; }
.list-sortable-head:nth-child(11), .list-sortable li > span:nth-child(11) {background-image: none; background-color: purple; }
.list-sortable-head:nth-child(12), .list-sortable li > span:nth-child(12) {background-image: none; background-color: red; }
*/
.list-sortable li:last-child {
	border-radius: 0 0 6px 6px;
}
.list-sortable li span {
	vertical-align: top;
	display: inline-block;
	font-size: 0.9em;
}
.list-sortable li span span {
	padding: 5px;
}

.list-sortable li:nth-child(odd) {
	background-color: #fdfdfd;
}

.list-sortable li:nth-child(even) {
	background-color: rgba(252,176,26,0.1);
}

.list-sortable .td_buttons {
	text-align: right;
}


.date_toggler {
	cursor: pointer;
}

.td_buttons {
	width: 0;
	white-space: nowrap;
	text-align: right;
}

.td_buttons a {
	margin: 0 3px;
}

.container-half, .container-full {
	border-radius: 5px;
	border: 1px solid rgba(252,176,26,0.5);
}

.container-half {
	width: 49%;
}

.container-full {
	width: 100%;
}

.container-header {
	padding: 10px;
	color: #fff;
	text-align: left;
	background-color: #393B42;
	*background-color: #f5f5f5;
	border-radius: 5px 5px 0 0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62,  #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
}

#debug_info {
	display: none;
}

.close {
	display: none;
}

.total {
		float: right;
		border-radius: 5px;
		border: 1px solid #DDD;
		background: #FAFAFA;
		padding: 10px;
		margin-top: 10px;
		width: 250px;
		text-align: right;
}

div.total_name {
	display: inline-block;
	width: 100px;
	font-size: 14px;
	text-align: left;
}

div.total_price {
display: inline-block;
width: 100px;
text-align: right;
font-size: 14px;
}

.msg_no_records {
	clear: both;
	border: 1px solid #ddd;
	font-style: italic;
	padding: 10px;
	border-radius: 5px;
	margin-bottom: 10px;
}

#divSelectCat {
position: absolute;
position: fixed;
top: 300px;
left: 0;
right: 0;
width: 400px;
margin: 0 auto;
z-index: 100;
background: white;
box-shadow: 5px 5px 5px #AAA;
padding: 10px;
border-radius: 10px;
border: 1px solid #333;
}

.validation-failed {
	border-color: rgba(255, 0, 0, 0.8);
	outline: 0;
	outline: thin dotted \9;
	border: 1px solid rgba(255,0,0,0.8) !important;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 0, 0.6) !important;
}

.validation-passed {
	border-color: rgba(0, 255, 0, 0.8);
	outline: 0;
	outline: thin dotted \9;
	border: 1px solid rgba(0,255,0,0.8) !important;
	/* IE6-9 */

	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,255, 0, 0.6) !important;
		 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,255, 0, 0.6) !important;
					box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0,255, 0, 0.6) !important;
}

.container_document {
	border-radius: 3px;
	border: 1px solid rgba(252,176,26,0.8);
	padding: 3px;
	background-color: rgba(255,255,255,0.8);
	margin-bottom: 2px;
}

.container_controls {
	float: right;
}


.alert {
	padding: 8px 35px 8px 14px;
	margin-bottom: 10px;
	color: #c09853;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #fbeed5;
	-webkit-border-radius: 4px;
		 -moz-border-radius: 4px;
					border-radius: 4px;
}

.alert h4 {
	margin: 0;
}

.alert .close {
	position: relative;
	top: -2px;
	right: -21px;
	line-height: 20px;
}

.alert-message {
	color: rgba(0,200,0,1);
	background-color: rgba(0,200,0,0.1);
	border-color: rgba(0,200,0,1);
}

.alert-warning {
	color: rgba(255,127,0,1);
	border-color: rgba(255,127,0,1);
	background-color: rgba(255,127,0,0.1);
}

.alert-danger,
.alert-error {
	color: rgba(255,0,0,1);
	background-color: rgba(255,0,0,0.1);
	border-color: rgba(255,0,0,1);
}

.alert-info {
	color: #3a87ad;
	background-color: #d9edf7;
	border-color: #bce8f1;
}

.alert-block {
	padding-top: 14px;
	padding-bottom: 14px;
}

.alert-block > p,
.alert-block > ul {
	margin-bottom: 0;
}

.alert-block p + p {
	margin-top: 5px;
}

/**
* Pagination
*/
.pagination {
	height: 40px;
	margin: 10px 0;
}

.pagination ul {
	display: inline-block;
	*display: inline;
	margin-bottom: 0;
	margin-left: 0;
	-webkit-border-radius: 3px;
		 -moz-border-radius: 3px;
					border-radius: 3px;
	*zoom: 1;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
		 -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
					box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
	display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
	float: left;
	padding: 0 14px;
	line-height: 38px;
	text-decoration: none;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
	background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
	color: rgba(252,176,26,1);
	cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
	color: #999999;
	cursor: default;
	background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
	border-left-width: 1px;
	-webkit-border-radius: 3px 0 0 3px;
		 -moz-border-radius: 3px 0 0 3px;
					border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
	-webkit-border-radius: 0 3px 3px 0;
		 -moz-border-radius: 0 3px 3px 0;
					border-radius: 0 3px 3px 0;
}

.pagination-centered {
	text-align: center;
}

.pagination-right {
	text-align: right;
}

.pager {
	margin: 20px 0;
	text-align: center;
	list-style: none;
	*zoom: 1;
}

.pager:before,
.pager:after {
	display: table;
	line-height: 0;
	content: "";
}

.pager:after {
	clear: both;
}

.pager li {
	display: inline;
}

.pager a,
.pager span {
	display: inline-block;
	padding: 5px 14px;
	background-color: #fff;
	border: 1px solid #ddd;
	-webkit-border-radius: 15px;
		 -moz-border-radius: 15px;
					border-radius: 15px;
}

.pager a:hover {
	text-decoration: none;
	background-color: #f5f5f5;
}

.pager .next a,
.pager .next span {
	float: right;
}

.pager .previous a {
	float: left;
}

.pager .disabled a,
.pager .disabled a:hover,
.pager .disabled span {
	color: #999999;
	cursor: default;
	background-color: #fff;
}

.text-right, td.text-right {
	text-align: right !important;
}

.text-left, td.text-left {
	text-align: left;
}

.text-center, td.text-center {
	text-align: center !important;
}
.validation-advice {
	display: inline-block;
	color: #333;
	font-size: 12px;
	top: 30px;
	left: 0;
}

/* Tooltip */
.tip-wrap {
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 5px;
	background-color: rgba(255,255,255,0.95);
	max-width: 300px;
	box-shadow: 3px 3px 8px #aaa;
	font-size: 0.9em;
	z-index: 1000;
}

.invoice_expired {
	background-color: #faa !important;
}

.gray {
	color: #aaa;
}

.status-deadline {
	background-color: #f33;
}

.status-job {
	background-color: #33f;
}

.notes-name {
	font-weight: bold;
}
.notes-time {
	font-size: 0.8em;
}
.notes-body {
	margin-bottom: 20px;
}

#area_notification {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -250px;
	width: 500px;
	font-size: 0.8em;
	overflow: auto;
}

.notification-number {
	padding: 10px;
	border-radius: 5px;
	box-shadow: 3px 3px 8px #888;
	background: rgba(255,127,0,0.8);
	color: #fff;
	margin: 10px;
	text-align: center;
	display: none;
	cursor: pointer;
}

#notifications {
	display: none;
	background: #fff;
	box-shadow: 3px 3px 8px #888;
	border-radius: 5px;
	padding: 5px;
	margin: 10px;
}
.notification {
	background-color: rgba(252,176,26,0.1);
	border-radius: 5px;
	margin-bottom: 4px;
	border: 1px dotted #ddd;
}

.notification-title {
	color: #fff;
	text-align: left;
	background-color: #393B42;
	*background-color: #f5f5f5;
	border-radius: 5px 5px 0 0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62,  #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
	border-radius: 5px 5px 0 0;
}

.notification-title a {
	color: #fff;
	font-weight: bold;
}
.notification > div {
	padding: 3px;
}

.notification-controls {
	float: right;
}

.delNot {
	cursor: pointer;
}

.validate-integer {
	text-align: right;
}

.folder_controls {
	float: right;
}


.boxFeature {
	display: block;
	border: 1px solid #bbb;
	background: #d8d8d8;
	padding: 3px;
	width: 205px;
	border-radius: 3px;
	margin-bottom: 1px;
}

.scan_placeholder {
	border: 0 !important;
	background: none !important;
	box-shadow: none !important;
}


div.select-list {
	margin-top: 15px;
	margin-left: 4px;
	font-size: 12px;
	display:inline-block;
	border: 1px solid #ddd;
	background: #eee;
	padding: 5px;
	border-radius: 3px;
}

div.select-list select {
	padding: 3px;
	height: 26px;
	line-height: 26px;
	margin-bottom: 0;
}


.select-list img {
	/* vertical-align: bottom; */
	vertical-align: middle;
}
.check-all {
	margin-left: -4px;
}

.input-text-after {
	display: inline-block;
	height: 24px;
	vertical-align: bottom;
	line-height: 24px;
	margin: 0 5px 5px 5px;
}


.closed {
	display: none;
}

.openClosed {
	background-color: #ffa !important;
	padding: 5px;
}

.openClosed td {
	position: relative;
	padding: 5px;
	font-weight: bolder;
	cursor: pointer;
}

.openClosed td:after {
	content: ' ';
	position: absolute;
	display: block;
	top: 11px;
	right: 10px;
	width: 0;
	height: 0;
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-left: 8px solid #666;
	border-right: 0;
}

.openClosed.openedClosed td:after {
	content: ' ';
	position: absolute;
	display: block;
	top: 11px;
	right: 10px;
	width: 0;
	height: 0;
	border-top: 8px solid #666;
	border-right: 5px solid transparent;
	border-left: 5px solid transparent;
	border-bottom: 0;

}

.with-selected {
	display: inline-block;
	padding: 5px 5px 5px 25px;

	background: #ffa url(../img/icon/fs_right.png) no-repeat 3px 12px;
	border-radius: 5px;
	box-shadow: 1px 1px 3px #ddd;
}

.div-maximize {
	width: 980px;
	overflow: auto;
}

#div-maximized {
	position: absolute;
	top: 2px;
	right: 2px;
	left: 2px;
	bottom: 2px;
	background: rgba(255,255,255,0.95);
	padding: 10px;
	overflow: auto;
	z-index: 900;
}

table.basic {
	font-size: 10px;
	border-collapse: collapse;
}

table.basic td, table.basic th {
	padding: 3px;
	border: 1px solid #aaa;
}
.ac-field { white-space: nowrap; }
.autocomplete-invoice-in-date { width: 80px; }
.autocomplete-invoice-in-number {	width: 100px; }
.autocomplete-invoice-in-name { width: 250px; }
.autocomplete-invoice-in-amount { width: 80px; text-align: right; }
.autocomplete-invoice-in-status {	width: 80px; }
.ac-invoice-out-date { width: 80px; }
.ac-invoice-out-number { width: 80px; }
.ac-invoice-out-name { width: 250px; }
.ac-invoice-out-amount { width: 80px; text-align: right; }
.ac-invoice-out-status { width: 80px; }
.ac-an-number { width: 60px; }
.ac-an-description { width: 350px; }
.ac-an-keywords { width: 150px; }
.ac-creditor-name { width: 300px; }
.ac-creditor-number { width: 100px; }
.ac-cust-name { width: 350px; overflow: hidden; white-space: nowrap;}
.ac-cust-person { width: 300px; }
.ac-contact-name { width: 200px; overflow: hidden; white-space: nowrap; }
.ac-contact-type { width: 100px; overflow: hidden; }
.ac-task-customer { width: 150px; overflow: hidden; }
.ac-task-reference { width: 200px; overflow: hidden; }
.ac-art-contact { width: 16px; overflow: hidden; }
.ac-art-cat { width: 50px; overflow: hidden; white-space: nowrap; font-size: 12px;}
.ac-art-name { width: 300px; overflow: hidden; white-space: nowrap; }
.ac-art-unit { width: 50px; overflow: hidden; }
.ac-art-ex { width: 80px; overflow: hidden; text-align: right;}
.ac-art-inc { width: 80px; overflow: hidden; text-align: right;}
.ac-p-name { width: 150px; overflow: hidden;}
.ac-p-company { width: 200px; overflow: hidden; white-space: nowrap; }
.ac-assess-customer { width: 150px; overflow: hidden; white-space: nowrap; }
.ac-assess-person { width: 200px; overflow: hidden; white-space: nowrap; }
.ac-assess-type { width: 100px; overflow: hidden; white-space: nowrap; }
.ac-task-pnumber { width: 80px; }
.text-big {
	font-size: 16px;
	font-weight: bold;
}

#div-difference {
	font-size: 18px;
	font-weight: bold;
}

.text-good {
	color: green;
}

.text-bad {
	color: red;
}

.mceEditor {
	display: inline;
	float: left;
}

sup, sub { font-size: 0.83em; }
sup { vertical-align: super; }
sub { vertical-align: sub; }

.contacts-profile-container {
	clear: both;
	width: 100%;
}

.contacts-profile-company,
.contacts-profile-accommodation,
.contacts-profile-person,
.contacts-profile-employee,
.contacts-profile-instructor,
.contacts-profile-skiArea,
.contacts-profile-contact {
	position: relative;
	border: 1px solid #999;
	border-radius: 3px;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	background: #fff;
}

.contacts-profile-company-add {
	position: absolute;
	top: 0;
	right: 0;
	background: #eee url(../img/icon/add.png) no-repeat 5px 5px;
	width: 24px;
	height: 24px;
	border-radius: 0 3px 0 3px;
	border: 1px solid #999;
	border-top: 0;
	border-right: 0;
	cursor: pointer;
}

.contacts-profile-company, .contacts-profile-accommodation {
	float: left;
	width: 40%;
	margin-right: 2%;
}

.contacts-profile-accommodation {
	width: 68%;
}

.contacts-profile-person {
	width: 58%;
	float: right;
	margin-bottom: 20px;
}

.contacts-profile-person.one-column {
	width: 30%;
}

.contacts-profile-employee,
.contacts-profile-contact {
	width: 100%;
	margin-bottom: 20px;
}

.company-logo, .person-picture {
	float: left;
	padding-right: 10px;
}

.company-name, .person-name {
	font-weight: bold;
	margin-bottom: 10px;
}

.person-name:after {
	position: relative;
	display: inline;
	content: '.';
	height: 0;
	clear: both;
	visibility: hidden;
}

.contacts-profile-label, .contacts-profile-values {
	position: relative;
	font-size: 12px;
	/* border-top: 1px solid #ddd; */

	/* border-top: 1px solid #fcaf1a; */
	border-top: 1px dotted rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
}
.contacts-profile-values {
	font-size: 13px;
}

.contacts-profile-label:nth-child(odd), .contacts-profile-values:nth-child(odd) {
	/* background-color: #f6f6f6;*/
}
.contacts-profile-label {
	clear: left;
	float: left;
	width: 35%;
	font-weight: bold;
}

.contacts-profile-values {
	float: left;
	width: 65%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 5px;
}


.contacts-profile-notes {
	clear: both;
	border-top: 1px solid #ddd;
	margin-top: 10px;
	font-size: 12px;
	background: #f6f6f6;
}
.contacts-profile-notes-val {
	background: #fff;
	border: 1px solid #ddd;
	padding: 4px;
	font-size: 12px;
}
.contacts-profile-notes-val em {
	font-size: 11px;
	color: #aaa;
}
.contacts-profile-values:after {
	position: absolute;
	content: '';
	height: 0;
	clear: both;
}

.contacts-profile-column, .page-content .column {
	width: 50%;
	float: left;
}

.column50 {
	width: 50%;
	float: left;
}
.column33 {
	width: 33.33333%;
	float: left;
}

.column66 {
	width: 66.66666%;
	float: left;
}

.extended_info {
	display: none;
}

.show_extended {
	clear: both;
	color: #09a;
	font-size: 12px;
	cursor: pointer;
	text-align: right;
}

.show_extended:after {
	content: '...';
}

#submenu_items {
	position: absolute;
	background: #fff;
	border: 1px solid #999;
	box-shadow: 3px 3px 5px #aaa;
	border-radius: 5px;
	width: 150px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	z-index: 1000;
}

#submenu_items .company-item {
	font-size: smaller;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 3px 8px;
	border-bottom: 1px solid #eee;
}

#submenu_items .company-item:last-child {
	border-bottom: 0;
}

#submenu_items .company-item:hover {
	background: #08c;
	color: #fff;
	cursor: pointer;
}

#popup_form {
	position: absolute;
	width: 500px;
	border: 1px solid #999;
	background: #fff;
	padding: 10px;
	top: 200px;
	left: 50%;
	margin-left: -250px;
	max-height: 500px;
	overflow-x: hidden;
	overflow-y: auto;
	padding-bottom: 20px;
}

.edit-field {
	position: relative;
	min-height: 22px;
	z-index: 100;
}
.edit-handle {
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 16px;
	padding: 4px;
}

.delete-handle {
	position: absolute;
	top: 0;
	right: -28px;
	width: 16px;
	height: 16px;
	padding: 4px;
}

.add-handle {
	position: relative;
	float: right;
	/* top: 9px;
	right: 3px; */
	width: 16px;
	height: 16px;
}

.contacts-profile-values .add-handle {
	padding: 5px;
}

.default-handle {
	position: relative;
	float: right;
	width: 16px;
	height: 16px;
	opacity: 0;
	/*
	transition: all 0.5s ease-in 0.2s;
	-webkit-transition: all 0.5s ease-in 0.2s;
	-moz-transition: all 0.5s ease-in 0.2s;
	*/
}

.contacts-profile-label:hover .default-handle[data-default="1"], .contacts-profile-notes:hover .default-handle[data-default="1"], h3:hover .default-handle[data-default="1"] {
	opacity: 1;
	background: url(../img/icon/tab_delete.png);
}
.contacts-profile-label:hover .default-handle[data-default="0"], .contacts-profile-notes:hover .default-handle[data-default="0"], h3:hover .default-handle[data-default="0"] {
	opacity: 1;
	background: url(../img/icon/tab_add.png);
}

.contacts-profile-label:hover .add-handle {
	background: url(../img/icon/add.png);
}
.contacts-profile-values:hover .add-handle {
	background: #eee url(../img/icon/add.png) no-repeat 4px 4px;
	border-radius: 3px;
	border: 1px solid #ccc;
	padding: 4px;
}
.edit-field:hover .delete-handle {
	background: #eee url(../img/icon/delete.png) no-repeat 4px 4px;
	border-radius: 3px;
	border: 1px solid #ccc;

}

.edit-field:hover .edit-handle {
	background: #eee url(../img/icon/edit.png) no-repeat 4px 4px;
	border: 1px solid #ccc;
	border-radius: 3px;
}

#overlay-form {
	position: absolute;
	background: #fff;
	width: 300px;
	border: 1px solid #ccc;
	border-radius: 3px;
	box-shadow: 0 0 2px #aaa;
	padding: 5px;
	z-index: 10000;
}

.column-container {
	position: relative;
	width: 100%;
}

.column-container:after {
	position: absolute;
	height: 0;
	content: '';
	clear: both;
}

.container-collapsed {
	max-height: 1.5em;
	overflow: hidden;
	transition: all 1s ease-out 1000s;
	position: relative;
}

.container-collapsed:before {
	position: absolute;
	content: '';
	top: 5px;
	right: 5px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	cursor: pointer;
	border-top: 5px solid #666;
}

.container-collapsed:hover {
	transition: all 1s ease-out 0.5s;
	max-height: 1000px;
}

.container-collapsed:hover::before {
	transition: all 0.2s ease-out 0.5s;
	transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
	-o-transform: rotate(180deg);
}

.form-field {
	display: table-row;
	width: 100%;
	font-size: 12px;
}

.form-field label {
	width: 40%;
	display: table-cell;
	vertical-align: top;
	/* background: #eee; */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	padding: 3px 5px;
	line-height: 30px;
}

.form-title {
	padding: 10px;
	color: #FFF;
	text-align: left;
	font-weight: bold;
	background-color: #393B42;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62, #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#595B62', endColorstr='#393B42', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	border-radius: 5px 5px 0 0;
}

.form-field > div {
	display: table-cell;
	width: 60%;
	padding: 3px 5px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

.form-field:after {
	position: absolute;
	height: 0;
	content: '';
	clear: both;
}

.pull-right {
	float: right;
}

.form-slider {
	position: relative;
	width: 100%;
	margin: 15px auto;
	height: 12px;
	border: 1px solid #999;
	background: #eee;
	overflow: visible;
	width: 518px;
	border-radius: 2px;

	/* background: rgba(0,0,255,0.4); */
	background: #2989d8; /* Old browsers */
background: -moz-linear-gradient(left, #2989d8 0%, #78f404 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#2989d8), color-stop(100%,#78f404)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #2989d8 0%,#78f404 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #2989d8 0%,#78f404 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #2989d8 0%,#78f404 100%); /* IE10+ */
background: linear-gradient(to right, #2989d8 0%,#78f404 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2989d8', endColorstr='#78f404',GradientType=1 );
}

.form-slider.slider-small {
	width: 248px;
}
.form-slider.slider-big {
	width: 808px;
}

.form-slider .bar {
	position: absolute;
	top: 0;
	right: 0;
	height: 12px;
	background: #eee;
}
.form-slider .knob {
	cursor: pointer;
	position: absolute;
	top: -4px;
	height: 20px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	width: 30px;
	border-radius: 2px;
	border: 1px solid #aaa;
	background: #ccc;
	text-align: center;
	line-height: 20px;
	color: #333;
	text-shadow: 1px 1px 1px #fff;
	font-size: 12px;
	box-shadow: 1px 1px 5px rgba(0,0,0,0.1);
}

.autocomplete-group { display: none; }

.well {
	background: #eee;
	border-radius: 10px;
	text-align: center;
	margin: 10px 0;
	padding: 5px;
}

.social-box {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #eee;
	padding: 5px;
	margin-bottom: 2px;
}

.contacts-profile-container h3 {
	clear: both;
	background: #bbc;
	padding: 5px 10px;
	font-size: 18px;
}

.edit-value input[type="file"] {
	font-size: 11px;
}

.div_note ul li {
	list-style-type: disc;
	margin-left: 30px;
}

[data-tooltip] {
}
[data-tooltip]:before {
	opacity: 0;
}

[data-tooltip]:hover::before {
		transition: all 0.2s ease-in 1s;
		z-index: 100;
		display:block;
		background:#fff;
		opacity: 1;
		/*
		background:-webkit-gradient(linear, 0 0, 0 100%, from(#ddf), to(#eef));
		background:-moz-linear-gradient(#ddf, #eef);
		background:-o-linear-gradient(#ddf, #eef);
		background:linear-gradient(#ddf, #eef);
		*/
		font-size: 11px !important;
		content:attr(data-tooltip);
		position:absolute;
		color:#333;
		bottom:2em; /* ensure link is still visible under tooltip */
		right:0px;
		width:10em; /* a reasonable width to wrap the tooltip text */
		text-align:center;
		padding:4px;
		border:1px solid #666;
		-webkit-border-radius:6px;
			 -moz-border-radius:6px;
				-ms-border-radius:6px;
				 -o-border-radius:6px;
						border-radius:6px;
		-webkit-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
			 -moz-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
				-ms-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
				 -o-box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
						box-shadow: -2px 2px 2px rgba(20, 20, 20, 0.4);
}

.div-folder {
	max-height: 20px;
	overflow: hidden;
	transition: max-height 0.5s ease-out 0s;
}

.div-folder.opened {
	max-height: 100000px;
}
.div-files {
	padding-left: 16px;
}

.div-doc a {
	text-decoration: none;
	color: #333;
}

.div-doc a:hover {
	border-bottom: 1px dotted #aaa;
}

.list-sortable-head a {
	color: #fff;
}

.booking_checkbox_group {
	border: 1px solid #ccc;
	border-radius: 3px;
	background: #fafafa;
	max-height: 20px;
	padding: 5px;
	transition: all 0.5s ease-in-out 0s;
	cursor: pointer;
	overflow: hidden;
	margin-bottom: 10px;
}

.booking_checkbox_group.hover {
	max-height: 1000px;
}

.task_doc {
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 5px;
	background: #fafafa;
	margin-bottom: 2px;
}

.task_doc span {
	float: right;
	padding-top: 3px;
}

.input_t {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding: 0 10px;
}

.tabs {
	border-bottom: 1px solid #ccc;
	padding: 0 3px;
}

.tabs .tab {
	display: inline-block;
	margin-bottom: -1px;
	border: 1px solid #ccc;
	padding: 0 8px;
	border-radius: 3px 3px 0 0;
	background: #eee;
	line-height: 25px;
}

.tab.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab a {
	text-decoration: none;
	display: block;
}

.article_info {
	width: 400px;
	padding: 10px;
	border-radius: 5px;
	background: #fff;
	border: #aaa;
	box-shadow: 0 0 3px #aaa;
	margin: 0 auto;
}

.article_label {
	display: inline-block;
	text-align: right;
	margin-right: 10px;
	width: 190px;
}

.article_value {
	display: inline-block;
	text-align: left;
	width: 200px;
}

tr.task-completed, tr.task-completed a {
	color: #aaa;
	text-decoration: line-through;
}

tr.task-expired {
	color: red;
}

#div-emails, #div-address {
			position: absolute;
			z-index: 1000;
			border: 1px solid #666;
			border-radius: 5px;
			box-shadow: 3px 3px 5px #ccc;
			width: 300px;
			padding: 5px;
			background: #fff;
			overflow: auto;
			max-height: 300px;
		}

		.other-email, .other-address {
			border: 1px solid #ccc;
			border-radius: 3px;
			transition: all 0.1s ease-in-out;
			padding: 8px;
			margin-bottom: 5px;
		}

		.other-email:hover, .other-address:hover {
			background: #eee;
		}

		#other_address, #other_email {
			text-decoration: underline;
			cursor: pointer;
		}

tr.hidden { display: none; }

.company-name, .person-name {
	background-color: #393B42;
	*background-color: #595B62;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#595B62), to(#393B42));
	background-image: -webkit-linear-gradient(top,#595B62, #393B42);
	background-image: -o-linear-gradient(top,#595B62,  #393B42);
	background-image: linear-gradient(to bottom, #595B62, #393B42);
	background-image: -moz-linear-gradient(top, #595B62, #393B42);
	filter: progid:dximagetransform.microsoft.gradient(startColorstr='#595B62', endColorstr='#393B42', GradientType=0);
	filter: progid:dximagetransform.microsoft.gradient(enabled=false);
	*zoom: 1;
	color: #fff;
	margin: -10px -10px 0 -10px;
	padding: 10px;
	border-radius: 2px 2px 0 0;
}

.company-name a, .person-name a {
	color: #fff;
}

.contact-profile-content:nth-child(even) {
	background: rgba(252, 176, 26, 0.1)
}
.contact-profile-content:after {
	content: ".";
		display: block;
		height: 0;
		clear: both;
		visibility: hidden;
}

.ma-container ul li {
	white-space: nowrap;
}

.demo-container {
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	width: 400px;
	border-radius: 3px;
	border: 1px solid #ddd;
	background: #fff url(/img/lex.png) no-repeat;
	background-size: 80px 115px;
	box-shadow: 2px 2px 4px #aaa;
	z-index: 10000;
	padding: 10px;
	max-height: 400px;
	overflow-y: auto;
	overflow-x: hidden;
	font-size: 12px;
	padding-left: 90px;
	transition: width 0.5s ease-in-out;
}

.demo-container.demo-closed {
	width: auto;
	cursor: pointer;
	background-size: 21px 30px;
	background-position: 5px 5px;
	padding-left: 40px;
	overflow: hidden;
}

#demo-container-close {
	text-align: right;
	color: #fb0;
	cursor: pointer;
	position: fixed;
	left: 8px;
	top: 110px;

}

#photoLayover {
	position: absolute;
}

.table-th-sort, [class^="flex-sort"] {
	cursor: pointer;
}

[class^="flex-sort"] .table-th-sort-span {
	position: relative;
	height: 1px;
	float: right;
	top: 10px;
}

[class^="flex-sort"] .table-th-sort-span:before, .sort:before {
	content: "";
	position: absolute;
	top: -3px;
	left: 100%;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-bottom: 3px solid #666;

}

span.sort {
	position: relative;
	cursor: pointer;
}
[class^="flex-sort"] .table-th-sort-span:after, .sort:after {
	content: "";
	position: absolute;
	bottom: -3px;
	left: 100%;
	width: 0;
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 3px solid #666;
}

.sort:after {
	bottom: 3px;
	left: 103%;
	border-top-color: #fff;
}
.sort:before {
	top: 5px;
	left: 103%;
	border-bottom-color: #fff;
}

.table-th-sort .table-th-sort-span:before {
	border-bottom-color: transparent;
}
.table-th-sort .table-th-sort-span:after {
	border-top-color: #fff;
}


.table-th-sort-rev .table-th-sort-span:before {
	border-bottom-color: #fff;
}
.table-th-sort-rev .table-th-sort-span:after {
	border-top-color: transparent;
}

#table_board td:nth-child(-n+4) {
	background-color: #f4f4f4;
}

.search .field_container {
	width: 33%;
	display: inline-block;
	padding: 0;
	margin: 0;
	vertical-align: top;
}
.search .field_container label {
	display: inline-block;
	width: 29%;
	margin: 0;
	vertical-align: top;
}
.search .field_container div.field {
	width: 69%;
	display: inline-block;
	overflow: hidden;
	margin: 0;
}

.spinner {
	background: rgba(0,0,0,0.3);
}

.form-footer, .search-footer {
	background: rgba(0,0,0,0.1);
	margin: 5px -5px -5px -5px;
	padding: 3px 3px 6px 3px;
	border-radius: 0 0 4px 4px;
	border-top: 1px solid rgba(0,0,0,0.3);
	vertical-align: baseline;
	box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
}

.form-footer select {
	font-size: 11px;
}

.trigger-search-more {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-top: -4px;
	border: 1px solid rgba(0,0,0,0.3);
	border-radius: 0 0 2px 2px;
	background: rgba(255,255,255,0.9);
	color: rgba(0,0,0,0.3);
	cursor: pointer;
}
.trigger-search-more:before {
	position: absolute;
	top: 0;
	left: 5px;
	/* content: '\02c4'; */
	font-size: 10px;
	content: '\25b2';
	/* text-shadow: 0 0 1px rgba(0,0,0,0.3); */
	color: rgba(0,0,0,0.5);
}
.trigger-search-more-down:before {
	/* content: '\02c5'; */
	content: '\25bc';
}

.search-fields {
	max-height: 500px;
	transition: max-height 0.3s ease-out;
	/* transition: overflow 0 ease-out 0.3s; */
	overflow: auto;
}
.search-fields-collapsed {
	max-height: 30px;
	overflow: hidden;
}

.rotate90 {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	transform: rotate(90deg);
}

.btn_split {
	cursor: pointer;
}

.table.inactive {
	opacity: 0.5;
}

.well.article img{
		float:left;
		margin-left:5px;
}
.well.article h3{
		float: left;
		font-size: 18px;
		padding-left: 20px;
		padding-top: 15px;
}


.btn-group.article{
		margin-top:-26px;
		margin-right:11px;
}

.make-head-article-supplier{
		padding-left:8px;
}

.edit-article-supplier{
		float:right !important;
		margin-top:-20px !important;
		margin-right:24px;
}

.del-article-supplier{
		float:right !important;
		margin-top:-20px !important;
}

.icon{
		width:20px;
		height:20px;
}

td.empty{
		padding:20px!important;
}


#supplierSelect h3{
		padding:18px;
}

#supplierSelect .btn-group{
		margin:15px;
}

.btn-group.rtm{
		margin-top: -46px;
		margin-right: 3px;
}

.orderhistory{
		margin-top:0px;
}
.orderhistory td{
		border-radius:0px!important;
}
.orderhistory td.name{
		width:200px;
}
.orderhistory th{
		background-image:none!important;
		background-color:#FDFDFD!important;
		color:#000!important;
		font-size:12.8px;
}

input.ma-loading {
	background: rgba(0,0,0,0.02) url(/img/loading.gif) no-repeat top right;
	background-size: 14px 14px;
	background-position: right;
}

#div_js_message{
		position:fixed;
		top:0px;
		background-color:lightgreen;
		border-radius: 0px 0px 3px 3px;
		padding:6px 10px;
		background-color:#F9EDBE;
		border:1px solid #F0C36D;
		border-top:0px;
		-webkit-box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		box-shadow: 0 0 10px 0 rgba(0,0,0,0.2);
		left:auto;
		right:auto;
		color: rgba(0,0,0,0.8);
		text-shadow: 1px 1px rgba(255,255,255,0.5);
		z-index: 100000;
}

.span6.taskSelect{
		padding-top:16px;
}


td.status-good, td.status-bad, td.status-confirm, td.status-continue, td.status-pending{
		white-space: nowrap;
}

.ajax-loading {
	min-height: 30px;
	background: rgba(0,0,0,0.1) url(/img/loading.gif) no-repeat center 5px;
	background-size: 20px 20px;
	border-radius: 5px;
	border: 1px solid rgba(0,0,0,0.2);
}

.loader {
	position: fixed;
	width: 200px;
	height: 200px;
	top: 50%;
	left: 50%;
	margin-top: -10px;
	margin-left: -100px;
	border: 1px solid rgba(0,0,0,0.8);
	border-radius: 3px;
	background: #fff;
	text-align: center;
	line-height: 100px;
	z-index: 10000;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding-top: 20px;

}

.loading_text {
	font-size: 10px;
}