/*Custom CSS for this site on top of Bootstrap*/

body{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 12px;
	color: black;
}

body,input, button, select, textarea, svg *{
	font-family: "proxima-nova","Helvetica Neue", Helvetica, Arial, sans-serif;
}


.table th, .table td{
	border-color: #bbb;
}

a,.pseudolink{
	color:#0088cc;
}
a:hover,.pseudolink:hover{
	color:#005580;
	text-decoration: underline;
}

header{
	margin-top: 5px;
}
#logo{
	text-indent: -9999px;
	height: 80px;
	float: left;
	margin:-5px 0 -19px -20px;
}
header .nav{
margin:0;
}
#subheader{
	position: relative;
	top:-60px;
	margin-bottom:-61px;
	margin-left: 59px;
}
@media screen and (max-width: 769px) {
	#subheader {
	margin-bottom: 0;
	margin-left: 0;
	margin-top: 10px;
	top: 0;
	}
	#logo{
		display: none;
	}
	.action-login #logo{
		display: block;
		margin-top: -50px;
		margin-bottom: -25px;
		margin-left: 20px;
	}
	.navbar .nav > li > a {
	padding: 10px 6px 10px 7px;
	}
	.row.username label, .row.password label{
		float: none !important;
		text-align: left !important;
	}
	body.action-login .row.buttons {
	text-align: right;
	margin: 20px 30px -20px 0 !important;
	}
}
#subheader .navbar{
margin: 0 0 0px;
clear: both
}
#subheader .nav-tabs{
	margin-bottom: 0 !important;
	padding-left: 0;
}
#subheader .nav-tabs a{
	color:white;
	border-color: transparent !important;
}
#subheader .nav-tabs a:hover{
	color: #0088cc;
	background: white;
	opacity: 0.8;
	cursor: pointer;
}
.navbar-inner{
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.row{
margin-left: 0;
}

footer{
padding-top:20px;
}
footer .container{
	padding-top:20px;
	border-top:1px solid #ddd;
	padding-left: 20px;
	padding-bottom: 20px;
}



/****/

.leftlabel{
	padding-right: 10px;
vertical-align: middle;
margin-bottom: 0.6em;
	display: inline-block;
}
.quickaddtabs{
	margin-bottom: 0.8em;
}

#content{
	width: 100%;
	padding: 0 10px;
	margin: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.quickadd{
	border-radius:5px;
	padding: 10px 10px;
	color: silver;
	margin:5px -5px 10px -5px;
	width: auto;
}
.quickadd,
.addtablinks .tablink.active{
	background: #666;
}
.quickadd a{
	color: #fcfba5;
}
.quickadd a:hover{
	/*color: white;*/
}
.quickadd button{
	margin-bottom: 10px;
}
.quickadd.green{
	background: #dff0d8;
	border-color: #a6caa2;
}
.quickadd.orange{
	background: #faebd1;
	border-color: #fdc158;
}
.quickadd.subtle{
	/*background: #000;
	border-color: #000;
	color: white;*/
}
.quickadd.subtle .leftlabel{
	/*color: white;
	text-shadow:none;*/
}


.quickadd .alert-error{
	margin-bottom: 10px;
}


	.addtablinks{
		margin-bottom: -7px;
		margin-left: -5px;
		position: relative;
		z-index: 2;
	}
	.addtablinks span{
		color: gray;
		padding-right: 5px;
	}
	.addtablinks .tablink{
		cursor: pointer;
		display: inline-block;
		margin-left: 7px;
		margin-right: 7px;
		vertical-align: middle;
	}
	.addtablinks .tablink.active{
		margin:0;
		font-weight: bold;
		color: white;
		cursor: default;
		text-decoration: none;
		border-bottom: 0;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 5px 8px;
	}
	.addtablinks .plus{
		font-size: 16px;
	}
	.addtabcontent{

	}

.quickadd .leftlabel{
	font-size: 13px;
	font-weight: bold;
	margin-top: -2px;
	padding-right: 8px;
/*	color: black;*/
}
.quickadd .btn-large{
	padding: 7px 12px;
	margin-top: -11px;
	margin-left: 3px;
}
.quickadd form{
	margin:0;
	margin-bottom: -11px
}
/****/
/*emparejar inputs con select2*/
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,
.input-append .add-on, .input-prepend .add-on{
	padding-top: 3px;
	padding-bottom: 3px;
}
/****/
tr.filters{
	background: #ededed; /* Old browsers */
background: -moz-linear-gradient(top, #fcfcfc 3%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#fcfcfc), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fcfcfc 3%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fcfcfc 3%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #fcfcfc 3%,#ededed 100%); /* IE10+ */
background: linear-gradient(to bottom, #fcfcfc 3%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfcfc', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

}
tr.filters td{
	background: transparent;
	border-top: 1px solid #ccc;
}
tr.filters td input{
	background:white url(../images/icon_search.png) no-repeat center left;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding-left:25px;
	height: auto;
}
td.large{
font-size: 15px;
}
input#Material_name{
font-weight: bold;
}

.strong{
	font-weight: bold;
}

small,
.grid-view .contactinfo{
	opacity: 0.5;
	font-size: 11px;
}

.inputBlock .input-append, .inputBlock .input-prepend{
margin-bottom: 5px;
}
.inputBlock{
	margin-bottom: 10px;
}


input.datePicker{
width: 114px;
  padding-right: 0;
  /* box-sizing: border-box; */
  padding-left: 4px;
}

input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

td.main{
	font-weight: bold;
}
td.comments{
	color: gray;
	font-size: 12px;
}
td.comments.userId{
	font-weight: normal !important;
}
tr.positive,
.flash-success{
background-color: #dff0d8;
border-color: #d6e9c6;
}
tr.positivenumber .amount,
.flash-success,
label.positive,
.rating-5,.rating-4{
	color: #468847;
	font-weight: bold;
}
tr.negative,
.errorMessage,
.flash-error{
background-color: #f2dede;
border-color: #eed3d7;
}
tr.transfer{
	background:#e3f4ff;
}
tr.negativenumber .amount,
.errorMessage,
.flash-error,
label.negative{
	color: #b94a48;
	font-weight: bold;
}
.flash-error{
	color: white;
	background-color: #c00;
}
tr.negative td,
.rating-1{
	color: #b94a48;
}
.flash-notice{
	background:#fcf8e3;
	border-color:#fbeed5;
	color: #c09853;
}
label.medium,
.rating-3,.rating-2{
	color: #c09853;
}

/*login and titles*/

body.action-login{
	background: #000;
}
body.action-login #headercontainer{
	background: transparent;
}
body.action-login footer .container{
	color: white;
	border:0 !important
}
body.action-login footer a{
	color: white;
	text-decoration: underline;
}
body.action-login h1,
body.action-login h3{
	padding-left: 30px;
}
@media screen and (min-width: 769px) {
	body.action-login h1,
	body.action-login h3{
		padding-left: 178px;
	}
	.row.rememberMe input{
		margin-left: 150px;
	}
}
body.action-login #logo{
	width: auto;
}
h1{
	font-size: 35px;
	margin:20px 0 10px !important;
	color: black;
	font-weight: bold;
	letter-spacing: -1px;
}
@media screen and (max-width: 769px) {
	h1{
	font-size: 29px;
	line-height: 1.2em;
	}
}
h2{
	color: black;
	font-weight: normal;
	margin-top: 20px;
}
body.action-login h1{
	margin-bottom: 55px;
}
h3{
	color: #ff4270 !important;
	line-height: 1.2em;
}
body.action-login{
	padding-top: 55px;
}
body.action-login #page{
	padding: 30px 0 50px;
	background: white;
	border-radius:5px;
	box-shadow: 0 0 30px rgba(0,0,0,0.1);
}

body.action-login form .row{
	margin-left: 30px;
	margin-right: 30px;
}
.row.username label,
.row.password label{
	float: left;
	width: 140px;
	margin-right: 10px;
	text-align: right;
}
.row.rememberMe input{
	float: left;
	margin-right: 10px;
}
body.action-login .row.buttons{
	margin: 20px 0 20px 180px;
}

.errorMessage,
.flash-error,
.flash-success,
.flash-notice{
padding: 5px;
margin: 5px 0 5px 5px;
border-radius:4px;
font-size: 17px;
border:0;
}

ul.flashes{
	list-style-type:none;
	margin:0;
	padding:0;
	left: 0;
	top: 90px;
	position: absolute;
	opacity: 0.9;
	font-weight: bold;
}
ul.flashes li{
	display: inline-block;
}
body.phone ul.flashes {
position: fixed !important;
bottom:0 !important;
top:auto;
opacity: 1;
background: white;
}

/****/
ul.nav-tabs li.active a{
	font-weight: bold;
	color: black !important;
}
.nav-tabs small{
	display: block;
margin-top: -5px;
margin-bottom: -2px;
font-weight: normal !important;
opacity: 0.5;
}

/***/
/*.pagefilters{
	margin-right: -5px;
margin-top:5px;
background: white;
padding: 0 5px 0 15px;
}*/

a.shownotes{
	cursor: pointer;
	display: inline-block;
	padding: 0 3px 18px;
	vertical-align: bottom;
}
.select2-container{
	vertical-align: top;
}
.quickadd .select2-container{
	margin: 0 4px 0 4px;
}
.pull-right .select2-container {
margin-top: -4px;
}

/**/
.tooltip-inner{
	text-shadow:none !important;
}
.input-append,
.input-prepend{
	white-space:inherit;
}

input.amount{
	width: 100px;
}
input.units{
	width: 50px;
}
input.wide{
	width: 65px!important;
}

/****/
.form label{
	font-weight: bold;
}
input.main{
	font-weight: bold;
}
input.ratemultiplier{
	width: 30px;
	font-weight: bold;
	color: black;
}
input.rate{
	width: 30px;
}
.inputblock{
display: inline-block;
background: rgba(0,102,204,0.25);
border-radius: 5px;
padding: 4px 5px;
margin-top:-5px;
margin-right: 3px;
vertical-align: middle;
}
.inputblock strong{
	display: inline-block;
}
.inputblock input{
	vertical-align: middle;
	margin-bottom: 0;
}
.inputblock.subtle{
	background: rgba(0,102,204,0.07);
}
.inputblock.subtle strong{
	font-weight: normal !important;
}
.ongoingTotal{
	font-size: 20px;
	margin: 0 10px;
	display: inline-block;
}
.controller-accountTransaction .ongoingTotal{
	margin: 0;
	display: block;
	padding-left: 525px;
	padding-bottom: 15px;
}
a.small,div.small{
	font-size: 12px;
	font-weight: normal;
}
div.small{
	color: gray;
}
div.large{
	font-size:18px;
	line-height: 1.5em;
}

.nav-tabs{
	border-bottom: 1px solid #fff;
padding: 0 20px;
margin-left: -20px;
margin-right: -20px;
}
#headercontainer{
	background: #000;
	padding:10px 20px 0;
	margin:-10px -20px 10px;
}
@media screen and (min-width: 769px) {
	#headercontainer{
		min-height: 80px;
	}
}
header .nav-tabs{
	margin-top: 10px;
	margin-bottom:10px;
}
header .nav-pills{
	position: relative;
	z-index: 2;
	margin-top:-5px;
	margin-bottom:-5px;
}
header .nav-pills a{
	color: rgba(255,255,255,0.75);
	background: transparent !important;
}
header .nav-pills .active a,header .nav-pills a:hover{
	color: white !important;
	background: transparent !important
}
header .nav-pills .active a{
font-weight: bold !important;
}
header .nav-pills a:hover{
	color:#0088cc;
}
.navbar-inverse .navbar-inner{
	background: rgba(0,0,0,0.7);
	border-color:transparent;
}
.navbar-inverse .nav .active > a, .navbar-inverse .nav .active > a:hover, .navbar-inverse .nav .active > a:focus{
	background: #666 !important;
	color: white;
	margin-top:-3px;
	margin-bottom:-3px;
	border-radius:3px;

}
.navbar-inverse a{
	text-shadow:0 1px black !important;
	color: rgba(255,255,255,0.7) !important;
}
.navbar-inverse a:hover,.navbar-inverse .active a{
	color: white !important;
}
.navbar-inverse .active a:hover{
	box-shadow: 0 0 0 2px rgba(255,255,255,0.7) !important;
}
#fakesubnavtabs{
	height: 37px;
}
.breadcrumbs{
	margin:10px 0 -10px 12px;
	color: gray
}

.table{
	border-bottom: 1px solid #ccc;
}

.grid-view .table td{
	vertical-align: top;
}
.grid-view .table td,.grid-view .table th{
  line-height: 1.2em;
}
.grid-view,.grid-view .table th > .sort-link{
	font-size:12px;
}
.grid-view .table tr.selected td {
background: inherit;
}

.grid-view .table .filters > td .filter-container{
	padding-right: 10px;
	padding-right: 0;
}

.action-index #content h2{
	margin-bottom: 5px;
}

.nav-tabs li.separator,
.navbar li.separator{
	border-left: 1px solid rgba(255,255,255,0.3);
	margin: 8px -17px 0 9px;
	height: 29px;
	background: transparent !important;
	cursor: default !important;
	pointer-events:none !important;
}
.navbar-inverse li.separator{

}

.navbar li.separator{
	margin-right: -31px;
	margin-left: 3px;
	height: 25px;
}

/***/
.justCreated{
	background: yellow;
}
div.justCreated{
	box-shadow:0 0 3px #06c,0 0 25px yellow !important;
}

.smalldiv{
	display: block;
	line-height: 1.3em;
}

/****/
.tablink.negative {
	color:#fc5752 !important;
}
.quickadd.negative .input-prepend.amount *{
	border-color: #fc5752 !important;
}
.tablink.positive{
	color: #77d128 !important;
}
.quickadd.positive .input-prepend.amount *{
	border-color: #77d128 !important;
}
input.disabled{
	
}

.splitTransaction.pull-right{
	margin: 5px 10px;
}
.splitTransaction i{
	padding-right:4px;
}
.subTransaction{
	padding-left: 362px;
}
.subTransaction.subTransaction1{
	padding-left: 0;
}
.subTransaction .close{
	float: none;
}
.clickable{
	cursor: pointer;
}
a,.clickable{
  color: #0088cc;
  text-decoration: none;
}

a:hover,
a:focus,
.clickable:hover,
.clickable:focus {
  color: #005580;
  text-decoration: underline;
}

/****/
td.amount,
th.amount{
	text-align: right;
	white-space:nowrap;
}
.positivenumber td.amount{
	text-align:left;
}
input.amount{
	text-align: right;
}

tr.transactionGroup.hasBrotherAfter td,
tr.transactionGroup.hasBrotherBefore td{
	border-top-width:0;
	border-bottom-width:0;
	padding-top: 0;
	padding-bottom: 0;
}
tr.transactionGroup.firstInGroup td{
	border-top-width:1px;
	padding-top: 7px;
}
tr.transactionGroup.lastInGroup td{
	border-bottom-width:1px;
	padding-bottom: 7px;
}
tr.transactionGroup .groupInfo{
	display: none;
}
tr.transactionGroup .groupInfo,
tr.transactionGroup .groupInfo a{
	font-size: 11px;
	color: gray;
	color: rgba(0,0,0,0.4);
	font-weight: normal;
}
tr.transactionGroup.hasBrotherBefore.lastInGroup .groupInfo{
	display: block;
}

/*transferencias*/
tr.transactionGroup.nototal{
	background: #e9f5fa;
}

td.redundant{
	height: 1px;
	text-indent: -9999px;
}

.url2-nomina td.balance{
	min-width: 350px;
}

/****/
#owedbygroup .large{
	padding-bottom: 5px;
}
ul.colorrows{
	margin: 0;
	list-style-type: none;
	padding: 0;
}
ul.colorrows li{
	list-style-type:none;
	margin:0;
	padding: 10px;
	margin: 0 0 7px;
	background:#b3def5;
	border-radius:5px;
	border:1px solid #0ca6f4;
	width: auto;
	text-shadow: 0 1px white;
	box-shadow: 0 1px #ddd, inset 0 0 0 1px rgba(255,255,255,0.75);	
}

h4 input{
	vertical-align: top;
	margin-top: 5px;
}
h4 label{
	font-size: inherit;
}
blockquote{
	border-left-color:rgba(0,0,0,0.09);
}
blockquote.permissions label{
	font-weight: normal;
}
hr{
	margin: 10px 0;
}

/****/
@media screen and (min-width: 769px) {
	.categorytitle{
		margin: 0 0 -15px!important;
		padding: 0;
	}
}
.categorytitle a{
	color: gray;
}
.statusoption{
	color: white;
	border-radius: 3px;
	font-weight: bold;
	display: inline-block;
	max-height:24px !important;
	margin-top:1px !important;
	padding-left: 5px;
	padding-right: 5px;
	text-shadow:0 1px rgba(0,0,0,0.3),0 1px 2px rgba(0,0,0,0.5) !important;
	/*could bring trouble*/
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	max-width: 100%;
}
td.statusoption{

}
.select2-chosen.statusoption{
	margin-left:-7px !important;
	margin-right:20px !important;
}
.select2-results .statusoption{
}
.select2-container .statusoption:hover{
	box-shadow: inset 0 0 0 1px black,0 1px white;
	text-shadow: 0 1px black !important;
}
.status-{ background-color:silver !important;}




.grid-view .table tbody,
.grid-view tr.filters{
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}
.grid-view .table tbody>tr:nth-child(even)>td{
	background: rgba(0,0,0,0.02);
}



.grid-view .table .clickablerow td{
	cursor: pointer;
}
.grid-view .table .clickablerow{
	border-color:transparent;
	transition: border-color 0.5s;
}
.grid-view .table .clickablerow:hover{
	border-left:2px solid black;
	border-right:2px solid black;
}
.grid-view .table .clickablerow:hover td:last-child{
	padding-right:7px;
}

@media screen and (min-width: 769px) {
	.oneofthree{
		width: 33%;
		float: left;
		padding-right: 0.5%;
		padding-bottom: 20px;
	}
	.oneofthree:nth-child(3){
		padding-right:0;
	}
	.oneoftwo{
		width: 50%;
		float: left;
		box-sizing:border-box;
		padding-right: 10px;

	}
	.oneoftwo input,.oneofthree input,
	.oneoftwo select,.oneofthree select {
	max-width: 95%;
	}
}

.inblock{
	border:1px solid silver;
	border-bottom:0;
	width: 100%;
}

.form-actions{
	clear: both;
	margin-left: -25px;
	margin-right: -25px;
	padding-left: 25px;
	padding-right: 25px;
	border:0 !important;
	background:#ffdadd;
	border-bottom:3px solid #ff4270 !important;
}

ul.subitems{
	list-style-type:none;
	background:rgba(0,0,0,0.1);
	margin:3px -3px 3px;
	border-radius:3px;
	list-style-type:none;
	display: block;
	padding:2px 5px 0 5px;
}
ul.subitems li{
	border-bottom:1px solid rgba(0,0,0,0.1);
	padding: 5px 0 2px 0;
}
ul.subitems li .pseudoaction{
	margin: 0 3px;
}
ul.subitems li .name{
	color: black;
	font-size: 18px;
	font-weight: normal;
}
.subitems{
	font-size: 13px;
}
.addsubitem{
	font-weight: normal;
	font-size: 13px;
	color: silver;
	margin-left:10px;
	float: right;
}



a.update{
	padding-left:5px;
	padding-right:5px;
}
a.delete i{
	opacity: 0.5;
}

h2 .label{
	font-size: 18px;
	padding: 5px;
	vertical-align: middle;
	margin-bottom: 2px;
}
h2 i{
	margin-top: 12px !important;
	margin-right: 5px !important;
}
h3 i{
	margin-top: 8px !important;
	margin-right: 5px !important;
}

.table .fa{
	min-width: 14px;
	min-height: 14px;
}
.subitems .fa{
	padding:2px 0 2px 5px;
}
tr.empty td,td.empty,td .empty{
	color:rgba(255,0,0,0.5);
}

table.table th, table.table td{
	padding: 5px;/*en vez de 8 de bootstrap*/
}
@media print{
	#headercontainer,footer,
	tr.filters,.addtablinks,.quickadd,.button-column{
		display: none;
	}
	a[href]:after {/*bootstrap hace esto*/
		content: none !important;
	}
	table.table th, table.table td{
		padding-top: 1px;
		padding-bottom: 1px;
	}
}
.leftspace{
	margin-left: 5px;
}

/***/
.pseudotable{
}
.pseudorow{
background: white;
padding: 10px 0;
}
.pseudorow.level1 .left,
.pseudorow.level1 .right{
	padding-bottom: 10px;
}
.pseudorow.level2 .left,
.pseudorow.level2 .right{
	padding-bottom: 0;
}
.pseudorow.level1 .left strong{
	font-size:20px;
}
.pseudorow.level2 .left strong{
	font-size: 13px;
}
.pseudorow.level2{
background: rgba(0,102,204,0.15);
margin-bottom: 1px;
clear: both;
padding: 5px;
box-shadow: inset 0 -1px rgba(0,102,204,0.2);
text-shadow:0 1px white;
transition:background 0.2s;
}
.pseudorow.level2:hover{
background: rgba(0,102,204,0.3) !important;
}
.pseudorow.level2:nth-child(odd){
background: rgba(0,102,204,0.23);
}
.pseudorow .none{
	clear: both;
}
.pseudorow .left{
float: left;
}
.pseudorow .right{
	text-align: right;
}
.pseudorow a.edit{
	display: inline-block;
	margin-left: 10px;
	float: right;
}

.pseudorow div.none{
	color: gray;
}
.button-column{
white-space: nowrap;
}
tr.mostrecent{
	border:3px solid gray !important;
	font-weight: bold;
	border-radius:3px;
}
tr.mostrecent td{
	border-top:3px solid gray !important;
	border-bottom:3px solid gray !important;
}
tr.clickableRow{
	cursor: pointer;
}
tr.clickableRow:hover {
border-left: 2px solid black;
border-right: 2px solid black;
}

body.desktop tr .showOnHover,
body.desktop tr table.perStockGrouper tr .showOnHover,
body.desktop .pseudorow .showOnHover,
body.desktop .pseudorow.level1 .pseudorow.level2 .showOnHover{
	opacity: 0;
}
body.desktop tr:hover .showOnHover,
body.desktop tr table.perStockGrouper tr:hover .showOnHover,
body.desktop .pseudorow:hover .showOnHover,
body.desktop .pseudorow.level1 .pseudorow.level2:hover .showOnHover{
	opacity: 1;
}


.action-update #contentcontainer .form,
.action-create #contentcontainer .form {
	/*padding-left: 95px;*/
}

table.perStockGrouper{
	width: 100%;
}
table.perStockGrouper th{
	font-weight: normal;
}
table.perStockGrouper .total th{
	font-weight: bold;
}
table.perStockGrouper .total{
	font-weight: bold !important;
	background: rgba(0,0,0,0.15);
	font-size: 15px;
	text-shadow:0 1px white;
}
table.perStockGrouper th,table.perStockGrouper td{
	padding: 0 5px 2px;
	border:0;
	border-bottom:1px dotted #ccc;
}
table.perStockGrouper td{
	text-align: right;
}

.tabgrouper a{
	background: transparent !important;
	text-transform: uppercase !important;
	font-size: 12px !important;
	color: rgba(255,255,255,0.5) !important;
	cursor: default !important;
	pointer-events:none;
}

/****/
.control-group .select2-container{
	margin-bottom: 10px;/*to match <selects> as per bootstrap.css*/
}
.control-group label.checkbox{
	margin-top: -10px;
	font-weight: normal;	
}

/***flash effects*/
.desktop .flashes li div{
	transition:transform 0.5s;
	transform:scale(3);
	opacity: 0.5;
	box-shadow:0 1px rgba(0,0,0,0.3)
}
.desktop .flashes li div a{
	font-weight: normal !important;
	color: gray !important;
	font-size:13px;
}
.desktop .flashes li:first-child div{
	position:relative;
	z-index:2;
}
.desktop .flashes li:nth-child(2) div{
	position:relative;
	z-index:1;
}
/***(user)***/
.form .floatleft{
	margin-right: 20px;
	float:left;
}
h1 small{
	font-size: 13px;
	color: gray;
	opacity: 1;
	letter-spacing: 0;
}
tr.filtered.noitems{
	display:none;
}



.fivestarswidth{
	width: 6em;
	display: inline-block;
}



input.tiny{
	width: 1.3em;
}
.inlinefields .control-group,
.inlinefields .control-group .controls{
	display: inline-block;
}
.inlinefields label.checkbox{
	padding-right: 3px;
}
.inlinefields label.checkbox input{
	margin-left: -17px;
}
input.time{
	width: 3.5em;
}

/*presentismo*/
.comienzodeturno{
	font-size: 20px;
}
#turnosAControlar{
	margin-top: 20px;
}
#turnosAControlar input.horaingreso{
	width: 90px;
}
#turnosAControlar input.comments{
	width: 250px;
}
#turnosAControlar th{
	color: gray;
	font-weight: normal;
}
#turnosAControlar tr.success{
	background: #c1f6a4 !important;
}
#turnosAControlar tr.warning{
	background: #f0ebba !important
}
#turnosAControlar tr.danger{
	background: #f3c6c7 !important
}
#turnosAControlar tr.success td,
#turnosAControlar tr.warning td,
#turnosAControlar tr.danger td{
	background: transparent;
}

#grid #omnifilter{
	width: 100%;
}


.row .handsontable{
	margin-bottom:20px;
}
.row .handsontable tbody th {
color: #ddd !important;
}
textarea{
	color: black;
}


.alignright{
	text-align: right !important;
}

tr.comparison-under{
background:#ffddde;
}
tr.comparison-over{
background:#fff4cc;
}
tr.draft{
	opacity: 0.5;
}


.itemrows .addMore{
	padding: 5px 10px 0 0;
}

@media screen and (min-width: 769px) {
	.itemrows{
		max-width:800px;
		padding-left: 15%;
	}
}
.itemrow{
}
.itemrow .delete{
	cursor:pointer;
	opacity: 0.3;
}
.itemrow:hover .delete{
	opacity:1;
}
.select2-offscreen,
.select2-offscreen:focus {
  /*Keep original element in the same spot
  So that HTML5 valiation message appear in the correct position*/
  left: auto !important;
  top: auto !important;
}
@media screen and (min-width: 769px) {
	.afteritemrows{/*submit button*/
		float:right;clear:both;margin-top:-37px;margin-bottom:-20px;
	}
	.controller-userEquipmentTransaction .quickadd input.comments,
	.controller-productTransaction .quickadd input.comments{
		width:570px;
	}
	.controller-userEquipmentTransaction .quickadd.addtab1 input.comments,
	.controller-productTransaction .quickadd.addtab1 input.comments{
		width:380px;
	}
}
.transactionGroup.hasBrotherBefore .button-column .print{
	display: none;
}


@media screen and (max-width: 769px) {
    .table.tasks td,.table.tasks th{
    	display: block;
		text-align: left !important;
		border: 0;
	}
	.table.tasks thead{
		display: none;
	}
	.table.tasks tr{
		border-bottom:1px solid gray;
		display: block;
		padding: 10px 0;
	}

	select,input,textarea{
		max-width: 100%;
	}
	
	.itemrow:nth-child(even){
		background: rgba(255,255,255,0.5);
	}
	.itemrow{
		padding:10px 10px 3px 10px;
		margin-left: -10px;
		margin-right: -10px;
	}
	.itemrows{
		margin-bottom: 10px;
	}
	footer .container{
		padding-left: 0;
	}
	footer .nav-pills{
		background: #eee;
		width: auto;
		margin-left: -10px;
		margin-right: -14px;
		display: block;
		float: none;
		margin-bottom: -1px;
	}
	footer .container{
		display: none;
	}
	.action-login footer .container{
		display: block;
	}


	div.form-actions button{
		width: 100%;
		margin-bottom: 10px;
	}
	div.form-actions button:last-child{
		margin-bottom:0;
	}
}

.dangerous{
	color: red;
}

fieldset.highlight{
	border:1px solid #fbeed5;
	background:#fcf8e3;
	padding: 5px 15px 0;
	margin: -5px -15px 0;
}
fieldset h4{
	margin-top:20px;
}

.order .input-append,.order input{
	margin-bottom: 0 !important;
}
.order tr:first-child th{
	vertical-align: middle;
	padding-top:7px !important;
	padding-bottom: 0 !important;
}
.order th,.order td{
	padding:5px 5px 5px 5px !important;	
}
.order tr:first-child th{
	text-align: left !important;
	padding-top: 5px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.1em;
	vertical-align: bottom;
}
.order tr th:first-child{
	padding-left: 10px !important;
}
.order{
	border-radius:3px;box-shadow:0 1px 2px silver;background:#fdfdfd;
}
.order.clean{
	box-shadow:none;
	background: transparent;
}
.ajaxResult{
	background: #fcfcfc;
	border:1px solid silver;
	border-radius:5px;
	background: #ffc;
	padding:20px;
	margin-bottom: 20px;
	display: none;
}
.ajaxResult h1{
	text-transform: uppercase;
	font-size: 18px;
	margin: 0 !important;
	line-height: 1.2em;	
}
.ajaxResult h3{
	font-size: 17px;
}
.ajaxResult .form-actions{
	background: rgba(0,0,0,0.1);
	margin-bottom: -20px;
	margin-left: -20px;
	margin-right: -20px;
	padding: 10px 20px;
	border:0;
}
.ajaxResult form{
	margin: 0;
}
body.modaliframe{

}

#orderUpdate .left{
	width: 68%;
	float:left;
}
#orderUpdate .right{
    width: 28%;
    float: right;
    margin-top: -65px;
    position: relative;
    background: #eee;
    padding: 20px;
    margin: -80px -20px -20px 0;
}
.select2-results .select2-highlighted{
	box-shadow:  0 0 0 2px black,inset 0 0 0 2px rgba(0,0,0,0.12);
	text-shadow:0 1px black;
}

/***/
#orderUpdatesTableScroller{
	overflow: auto;
	max-height: 200px;

}
#orderUpdates{
	width: 100%;
}
#orderUpdates td{
	vertical-align: top;
}
#orderUpdates tr{
	border-bottom:1px solid #eee;
}
#orderUpdates tr:nth-child(even){
	background: rgba(0,0,0,0.05);
}
#orderUpdates tr td{
	padding: 5px;
}
#orderUpdates .comments{
	width: 50%;
}
#orderUpdates .actions{
	text-align: right;
}
#orderUpdates .actions .update{
	padding-right:10px;
}
#orderUpdates tr:first-child td{
	background: black;
	color: white;
}
#orderUpdates tr:first-child td a{
	color: silver;
}
#orderUpdates tr:first-child .dater-calendar{
	background: black;
	color: white;
}
#orderUpdates tr a{
	opacity: 0;
}
#orderUpdates tr:hover a{
	opacity: 1;
}
.dater-calendar{
	text-align: center;
	display: inline-block;
	border-radius: 4px;
	background: rgba(0,0,0,0.07);

	padding: 2px 6px;
}
.dater-calendar .dater-day,
.dater-calendar .dater-month{
	padding: 0;
	line-height: 1em;
	font-size: 10px;
}
.dater-calendar .dater-day,
.dater-calendar .dater-month,
.dater-calendar .dater-date{
	display: inline-block;
	vertical-align: middle;
}
.dater-calendar .dater-day{
}
.dater-calendar .dater-month{
	font-weight: bold;
}
.dater-calendar .dater-month{
	line-height: 0.8em;
}
.dater-calendar .dater-date{
	font-size:20px;
	padding: 0 3px;
}
.dater-calendar{
	
}

.timeline{
	background: url(/images/pinstripe.png) repeat;
	border:1px solid white;
	margin-bottom: 5px;
}
.timeline-progress{
	background: silver;
	white-space:nowrap;
	overflow: hidden;
}
.timeline-progress .tooltip{
	white-space:normal;
}
.timeline-update{
	display: inline-block;
	height: 20px;
	min-width: 10px;
}


.oneofthree table{
	width: 100%;
}
.oneofthree .quickadd{
	background: #ddd;
	margin: 5px 2px 10px -5px;
	padding-right: 0;
}
.oneofthree:nth-child(1) .quickadd{
	border-right: 2px solid white;
}
.oneofthree:nth-child(2) .quickadd{
	
}
.oneofthree:nth-child(3) .quickadd{
	border-right: 0;
}

.oneofthree table td {
line-height: 1.2em;
padding: 2px 2px;
}

#orderCosts{
	margin-top: 20px;
}
#orderCosts .quickadd{
	margin-bottom: 10px;
}
#orderCosts .date{
/*	width: 40px;
	padding-right: 5px;*/
}
#orderCosts .amount.rightalign{
	text-align: right;
	padding-right: 8px;
	width: 50px
}
#orderCosts tr:hover .actions a{
	opacity: 1;
}
#orderCosts .actions{
	text-align: center;
}
#orderCosts .actions a{
	opacity: 0;
}

#orderCosts .select{
	width: 151px !important;
	margin-right: -5px;
}

#orderCosts .quickadd input, #orderCosts .quickadd .select, #orderCosts .quickadd i{
	vertical-align: middle;
}
#orderCosts .quickadd .select2-container{
	margin-bottom: 10px;
}
#orderCosts .quickadd i{
	display: inline-block;
	margin-top: -10px;
}
#orderCosts .quickadd .amount{
	width: 30px;
	padding-left: 0;
}
#orderCosts .datePicker{
	width: 94px;
	padding-right: 0;
	margin-right: -7px;
	box-shadow: none;
	margin-left: -4px;
	background: transparent;
	color: gray;
	font-size: 12px;
	border:0;
}
#orderCosts .quickadd .datePicker:focus{
	background: white;
	color: black;
	border-color: silver;
}
#orderCosts .quickadd .comments{
	width: 134px;
}
#orderCosts .quickadd .btn-success{
	padding: 15px 5px 7px;
}
.finaltotal{
	text-align: right;
}
.finaltotal strong{
	font-size: 20px;
}

.label-large{
	font-size: 20px;
	line-height: 1.3em;
	padding: 2px 10px;
}
.label-negative{
	background: #333;
}

#orderUpdate .left .payments,
#orderUpdate .left .invoices{
	margin-top:20px;
	background: #E2F0F9;
	border-radius: 5px;
	margin-left: -5px;
	margin-right: -5px;
	padding: 1px 10px 5px 10px;
}
#orderUpdate .left .payments{
	background: #E8F3E7
}
#orderUpdate .left .invoices{
	margin-bottom:20px;
}
#orderUpdate .left .payments h3,
#orderUpdate .left .invoices h3{
	margin-bottom: 5px;
}
.largestatus .label{
	font-size: 18px;
	line-height: 1.2em;
}
#orderUpdate .payments .outlinelabel{
	margin-top: 10px;
}
#orderUpdate .right input,
#orderUpdate .right textarea,
#orderUpdate .right select{
	box-sizing:border-box;
}
#orderUpdate .right input{
	height: 26px;
}
#orderUpdate .right .input-append .add-on,
#orderUpdate .right .input-prepend .add-on{
	background: transparent;
	border: 0;
	color: #666;
}
#orderUpdate .right .form-actions{
	background: transparent;
	border:0 !important;
	padding-top: 0;
}
.payments form{
	margin-bottom: 0;
}
.paymentrow{
	margin: -4px 0 9px 0;
    font-size: 13px;
    line-height: 1em;
}
.paymentrow a{
	color: gray;
}

/***/

th.date,td.date{
	text-align: right;
}
.bullet{
	border-radius:20px;
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
	margin-top: 0;
	vertical-align: middle;
}
.bulletoutline{
	width:13px;
	height:13px;
	border:1px solid silver;
	background:transparent;
}
tr.totals,td.total,th.total{
	font-weight: bold;
	background: #eee;
	background: rgba(0,0,0,0.07);
	text-align: right;
}
td.supertotal{
	background: gray;
	color: white;
	font-weight: bold;
}
td.average{
	font-style:italic;
	font-weight: normal;
}


th.headerSortUp:before,th.headerSortDown:before{
	font-family: FontAwesome;
	content:'';
	float:right;
}
th.headerSortDown:before{
	content:'';
}
th.header{
	cursor: pointer;
}


.cols4{
	float: left;
	width: 25%;
	padding: 0 10px 40px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cols4 .chart{
	width: 100%;
	height: 205px;
}

.cols5{
	float: left;
	width: 20%;
	padding: 0 5px 40px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.cols5 .chart{
	width: 100%;
	height: 195px;
}


.highcharts-data-labels tspan:first-child {
color: gray;
font-size: 7px;
}
.cols4 .highcharts-container text[text-anchor=end] {/*footer text, it covers numbers*/
display: none;
}


.outlinelabel{
	display: block;
	line-height: 1.2em;
  border: 1px solid silver;
  border-radius: 3px;
  padding: 0 2px;
  white-space: nowrap;
}
.outlinelabel-info{
	color: #513c0f;
}
.outlinelabel-success{
	color: silver;
}
.outlinelabel-warning{
	color: #e51221
}

.dueContact .timeSinceLastContact{
	background: #e51221;
	color: white;
}
.dueAge .timeSinceOrder{
	background: #f75f72;
	color: white;
}


tr.filters #omnifilter{
	width: 100%;
	margin-bottom: 0;
}


div.alert.inline{
	display: inline-block;
	margin-right: 10px;
}

/*quickadd mejora*/
#orderUpdatesTableScroller{
	box-shadow:0 0 20px silver;
}
#orderUpdatesContainer .quickadd{
	background: transparent;
	padding: 0 5px 10px;
}
#orderUpdates tr:first-child{
	border-top:2px solid black;
}
/***conciliaciones**/
.overBalance{
background: #f9ffc6;
}

.strong{
	font-weight: bold !important;
}
.minorRightLink{
	float: right;
	font-size:9px;
	padding-left: 5px;
	font-weight: normal;
	line-height: 1.2em;
}
h4 .minorRightLink{
	display: none;
}
h4:hover .minorRightLink{
	display: block;
}
.oneofthree .minorRightLink{
	display: none;
}
.oneofthree:hover .minorRightLink{
	display: block !important;
}

/***/
#mplink{
	margin-top: 20px;
}


.scrolltable{
	overflow: auto;
}
.scrolltable strong.name{
	/*white-space: nowrap;*/
	line-height: 1.2em;
}
.scrolltable tr:hover{
background: #fdffe6
}

.controller-stats td.amount small {
  line-height: 1em;
  font-size: 10px;
  color: gray;
}

#omnifilter-container{
	float: right;
}
#omnifilter-container #omnifilter{
	font-size:20px;
	padding: 6px;
	margin-top: -4px;
}
#omnifilter-container i{
float: right;
  z-index: 10;
  left: -26px;
  z-index: 10;
  position: relative;
  margin-right: -19px;
  margin-top: 2px;
  font-size: 20px;
}

td.points{
	font-size:20px;
	text-align:right;
}
tbody tr:hover td{
	background: #eee;
}
#productEdit{
	background: orange;
    padding: 5px 10px;
    margin: -10px 0 10px -10px;
    color: black;
    font-weight: bold;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
}
#productEdit a{
	float: right;
}
.right tbody tr:hover td{
	border:0;
}