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

@font-face { font-family: "Circular"; src: url("fonts/circular-book.eot"); src: url("fonts/circular-book.eot?#iefix") format("embedded-opentype"), url("fonts/circular-book.woff") format("woff"), url("fonts/circular-book.ttf") format("truetype"), url("fonts/circular-book.svg#circular-book") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "Circular"; src: url("fonts/circular-bold.eot"); src: url("fonts/circular-bold.eot?#iefix") format("embedded-opentype"), url("fonts/circular-bold.woff") format("woff"), url("fonts/circular-bold.ttf") format("truetype"), url("fonts/circular-bold.svg#circular-bold") format("svg"); font-weight: bold; font-style: normal; }

body{
	padding-left: 15px;
	padding-right: 15px;
	font-size: 13px;
}

body,input, button, select, textarea,.highcharts-container *{
	font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

header{
	min-height: 100px;
	margin-top: 0;
}
#logolink{
	margin: 20px 25px;
    text-indent: 15px;
}
#logotext{
	margin: 0;
	font-size:24px;
	font-weight:200;
	color:rgba(255,255,255,0.5);
	margin:0;
	display:inline-block;
	vertical-align: bottom;
    margin-left: -5px;
    margin-bottom: -2px;
}
#logo{
	text-indent: -9999px;
    height: 26px;
    margin: -3px 0 -5px;
}
.navbar{
margin: 30px 0 0 180px;
}
.navbar-inner{
	padding-left: 0 !important;
	padding-right: 10px !important;
}

.nav{
	margin-bottom: 10px;
}

.row{
margin-left: 0;
}

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


h1{
	font-size: 35px;
	margin:20px 0 20px !important;
}
h1 .label{
	vertical-align: middle;
}

/****/

.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{
	background:#BCE1F5;
	border-radius:3px;
	margin:5px -15px 20px;
	width: auto;
	text-shadow: 0 1px white;
	padding: 10px 15px;

	-webkit-touch-callout: none; /* iOS Safari */
  -webkit-user-select: none;   /* Chrome/Safari/Opera */
  -khtml-user-select: none;    /* Konqueror */
  -moz-user-select: none;      /* Firefox */
  -ms-user-select: none;       /* IE/Edge */
  user-select: none;           /* non-prefixed version, currently
                                  not supported by any browser */
}
.quickadd.green{
	background: #dff0d8;
	border-color: #a6caa2;
}
.quickadd.orange{
	background: #faebd1;
	border-color: #fdc158;
}


.quickadd .alert-error{
	margin-bottom: 0;
	margin-top: 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;
	}
	.addtablinks .tablink.active{
		background:#BCE1F5;
		font-weight: bold;
		color: black;
		cursor: default;
		text-decoration: none;
		border-top-left-radius: 5px;
		border-top-right-radius: 5px;
		padding: 5px 8px;
		text-shadow: 0 1px white;
	}
	.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;
}
/****/
/*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;
}
td.wide{
	width: 100%;
}
input#Material_name{
font-weight: bold;
}

.strong{
	font-weight: bold;
}

small{
	opacity: 0.7;
	font-size: 12px;
}
#bottommeta{
	clear: both;
	color: gray;
	font-size: 12px;
	margin: 10px 0 0 0;
}


input.datePicker{
	width: 130px;
padding-right: 3px;
}

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

td.main{
	font-weight: bold;
}
td.comments{
	color: gray;
	font-size: 12px;
}

tr.positive,
.flash-success{
background-color: #dff0d8;
border-color: #d6e9c6;
}
tr.positive .amount,
.flash-success{
	color: #468847;
	font-weight: bold;
}
tr.negative,
.errorMessage,
.flash-error{
background-color: #f2dede;
border-color: #eed3d7;
}
tr.negative .amount,
.errorMessage,
.flash-error{
	color: #b94a48;
	font-weight: bold;
}

/*login and titles*/

body.action-login{
	background: #FC2558;
	color: white;
}

body.action-login h1,
body.action-login h3{
	padding-left: 178px;
}
h1{
	font-weight: 200 !important;
}
body.action-login h1{
	margin-top: 70px !important;
}
h3{
	color: gray !important;
}
body.action-login{
	padding-top: 50px;
}
body.action-login #content{
	padding: 30px 0 50px;
	margin-top: 70px;
	border-radius:5px;
}

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-left: 150px;
	margin-right: 10px;
}
body.action-login .row.buttons{
	margin: 20px 0 20px 180px;
}

.flash-notice{
	border:1px solid #0ca6f4;
	background:#d9edf7;
}

.errorMessage,
.flash-error,
.flash-success,
.flash-notice{
border-width: 1px;
border-style:solid;
padding: 5px;
margin: 5px;
border-radius:4px;
}

ul.flashes{
	list-style-type:none;
	margin:0;
	padding:0;

	top: 0;
	position: absolute;
	margin-top: -7px;
	opacity: 0.9;
}

/****/
ul.nav-tabs li.active a{
	font-weight: bold;
	color: black !important;
}

/***/
.pagefilters{
	margin-top: -66px;
	margin-right: -5px;

	margin-top: -38px;
margin-right: -10px;
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: 60px;
}
th.amount,td.amount{
	text-align: right;
}

/****/
.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.15);
border-radius: 5px;
padding: 4px 5px;
margin-top:-5px;
margin-right: 3px;
vertical-align: middle;
}
.inputblock strong{
	display: inline-block;
	text-transform: uppercase;
}
.inputblock input{
	vertical-align: middle;
	margin-bottom: 0;
}
.ongoingTotal{
	font-size: 20px;
}
a.small,div.small{
	font-size: 12px;
	font-weight: normal;
}


header .nav-tabs{
	margin-top: 10px;
}
.nav-tabs{
}
.subnav.nav-tabs{
	border-bottom-color:#eee !important;
}
header .nav-tabs li:first-child{
	margin-left: 180px;
}

#fakesubnavtabs{
	height: 37px;
}
#fakesubnavtabs .breadcrumbs{
	padding-left: 197px;
	padding-top: 4px;
}

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

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

.handsontable.htRemoveRow th.htRemoveRow .btn{
	color: gray;
	font-weight: normal;
	margin-left: 0;
	margin-right: 0;
}
.handsontable.htRemoveRow th.htRemoveRow .btn:hover{
	background: silver;
}


#taxbar,#totalbar,#amountbar{
	font-size:22px;
	line-height: 1.23em;
	text-align: right;
	color: silver;
}
#amountbar{
	margin-top: 12px;
}
#taxbar{
	color: silver;
}
#totalbar{
	margin-bottom: 20px;
	font-weight: bold;
	color: black;
	margin-top: 12px;
}
#averagebar{
	font-size:14px;
	float: left;
	padding: 10px 0 0 0;
	color:silver;
}
.paperframe{
	background: white;
	box-shadow:0 1px 5px gray;padding:15px;margin:0 0 0 -10px;
	border-radius:3px;
	width: 870px;/*for responsive*/
}
body.draft .paperframe{
	border: 2px dashed rgba(0,0,0,0.3);
	box-shadow: none;
	background: transparent;
}
.paperframe .form-actions{
	margin: 20px -15px -15px -15px;
	border-radius:3px;
	clear:both;
	background: rgba(0,0,0,0.05);
}
body.draft{
	background: #dae7e9;
}
body.new{
	background: #f3f7d3 !important;
}
body.draft #addPayment{
	opacity: 0.5;
}
body.draft .payments.sidebar{
	opacity: 0.3;
}

.handsontable th.htNoFrame{
	background: transparent !important;
	border-color: transparent !important;
}
.handsontable th.htNoFrame .btn{
	margin-left: 40px;
}
.handsontable{
	/* margin-left: -25px; */
}



.payments .input-prepend,
.payments .select2-container{
	margin-bottom: 3px;
}
.payments a{
	color: gray;
}




.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.05);
}


img.invoicetype{
	width: 16px;
	height: 16px;
}
em.invoicetype{
	color: white;
	font-weight: bold;
	background: gray;
	border-radius: 4px;
	padding: 0 3px;
}
.type-x em.invoicetype{
	background: black;
}



.controller-invoice .grid-view tbody tr{
	cursor: pointer;
}
.controller-invoice .grid-view tbody tr:hover{
	border-left:2px solid black;
	border-right:2px solid black;
}
.controller-invoice .grid-view tbody a.link-update{
	font-weight: bold;
}

td.date{
	width: 66px;
}
td.invoiceDate{
	font-weight: bold;
}
.controller-invoice tr.future .invoiceDate{
	background-color: rgba(0,0,255,0.1) !important;
}
.controller-invoice tr.pastDue .dueDate{
	background-color: rgba(255,0,0,0.2) !important;
}
.controller-invoice tr.notYetDue .dueDate{
	color: rgba(0,0,0,0.5);
}
.controller-invoice tr.is-draft-1 .dueDate{
	color: rgba(0,0,0,0.25);
}



.controller-invoice div.payments{
	background: #eee;
	padding: 20px;
	margin: 20px 0 0 -29px;
	box-shadow: 1px 0px 2px gray;
}
#right h3{
	line-height: 1.1em;
	margin-top: 20px;
}
#right h3 a{
	color: gray;
}
#right .sidebar h3{
	text-transform: uppercase;
font-size: 15px;
margin: 0 0 10px;
line-height: 1.2em;
text-shadow: 0 1px white;
}
.clientstatus{
	padding: 0 0 5px;
}
.clientstatus .label{
	margin-bottom: 5px;
}
form{
	margin: 0;
}
form#addPayment{
	box-shadow: inset 0 0 30px silver;
	margin: 15px -20px -20px -20px;
	padding: 12px 10px;
}

.fullwidth{
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing:border-box;
	height: auto !important;
}
.paymentrow{
	margin: 0 0 2px;
}
.largestatus .label{
	font-size: 26px !important;
	letter-spacing: -1px;
line-height: 1.2em;
margin-top: 2px;
}


tr.is-draft-1{
	opacity: 0.4;
    font-style: italic;
    background: #eee;
}
tr.is-draft-1 .label{
	background: silver;
}
tr.draft-on_hold{
	opacity: 0.3 !important;
}


.selectwithinprepend{
	width:68px;margin:-4px -6px 0 -6px;vertical-align:top;
}


strong.large,span.large,div.large{
font-size: 25px;
display: block;
line-height: 1.2em;
}
span.label-total{
	color: #333;
	background: white;
}
span.label-plus{
	color: gray;
	padding-right: 3px;
	padding-left: 2px;
	text-shadow:none;
	background: white;
	border-radius: 0;
}
td .label-success.all-paid{
	background: white;
	color: gray;
	font-weight: normal;
}

td.date,th.date{
	text-align: right;
}

/*stats*/

.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: rgba(0,0,0,0.06);
	text-shadow:0 1px white;
}
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;
}


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

.overBalance{
background: #f9ffc6;
}

/*2015*/
.nav-list > .active > a, .nav-list > .active > a:hover, .nav-list > .active > a:focus{
	background: transparent;
}
body{
	padding: 0 20px;
}
#leftNav{
	background: #8f8181;
	z-index: 9;
	margin: 0 -25px 10px;
	padding-top: 15px;
}
	#container{
		
	}
	#usernav{
		position: absolute;
		top: 0;
		right: 0;
	}
	.tickets > li{
		border-left:3px solid #ddd;
	}
	.status-rejected{
		border-color: #F1255A !important;/*red*/
	}
	.status-open{
		border-color: #258CE5 !important;/*blue*/
	}
	.status-closed{
		border-color: #69BB5E !important;/*green*/
	}
	.status-warning{
		border-color: #F9B71A !important;/*orange*/
	}

.avatar{
	width: 24px;
	height: 24px;
	border-radius: 100px;
}
.tickets > li .actions{
	float: right;
}

/****/

#midPanel{
	width: 31%;
	float: left;
	height: 100%;
	margin-left: -10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	padding: 40px 10px;
	background: #E3F1F5;
	top: 0;
	bottom: 0;
	overflow: auto;
	position: absolute;
}
#rightPanel{
	width: 55%;
	float: right;
	height: 100%;
	padding: 40px 10px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	top: 0;
	bottom: 0;
	right: 0;
	overflow: auto;
	position: absolute;
}


#ticketGroups,#ticketGroups li,#ticketGroups ul{
	list-style-type:none;
	padding: 0;
	margin: 0;
	clear: both;
}
#ticketGroups{
	padding-top: 20px;
}
#ticketGroups > li{
	background: white;
	box-shadow:0 1px 3px rgba(0,0,0,0.5);
	margin-bottom: 20px;
}
#ticketGroups > li > h3{
font-size: 20px;
padding: 5px 10px;
margin: 0;
}
#ticketGroups > li > ul.tickets{

}
#ticketGroups > li > ul.tickets > li > a{
display: block;
padding: 5px;
border-top: 1px solid rgba(0,0,0,0.05);
}
#leftNav li{
		display: inline-block;
	padding: 10px;
}
#leftNav a{
	color: rgba(255,255,255,0.5) !important;
	text-shadow:none !important;
	text-decoration: none;
}
#leftNav li.active a{
	color: white !important;
    border-bottom: 10px solid white;
    margin-bottom: -33px;
    padding-bottom: 3px;
}
#leftNav a:hover{
	color: white !important;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
}


#leftNav .ticketsTitle{
	text-transform: uppercase;
	font-size: 12px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-weight: bold;
	opacity: 0.5;

	text-shadow:0 1px black;
	line-height: 1.2em;
	display: block;
}
#projectsNav,#projectsNav li{
	list-style-type: none;
	padding: 0;
	margin: 0;
}
#ticketsNavBlock{
	padding: 10px 0 15px 13px;
}
#ticketsNavBlock a{
	margin-left: -13px;
	padding-left: 13px;
}
#projectsNav .bullet{
	width: 8px;
	height: 8px;
	box-shadow: 0 1px rgba(0,0,0,0.5);
}
#projectsNav a{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: -2px;
}
#projectsNav .tally{
	padding-left: 5px;
	opacity: 0.6;
}


.input-prepend .select2-container {
    margin: -4px -6px;
    position: relative;
    z-index: 10;
}

tr.incomes2,tr.ivaDebito,tr.iiggGravadas,tr.iiggNeta{
	background: #EFFFED
}
tr.incomes3{
	background: #E1FFDE
}
tr.incomes9,tr.ivaTotal{
	background: #60FFC5;
}
tr.expenses1{
	font-style: italic;
	opacity: 0.6;
}
tr.expenses3{
	background: #FFF7FA
}
tr.expenses4,
tr.expenses5,
tr.ivaCredito,
tr.iiggGastos{
	background: #FFEDFB
}
tr.expenses6,
tr.expenses7{
	background: #FFDFF4
}
tr.expenses8,tr.expenses9{
	background: #F9D1E4;
}
tr.expenses11{
	background: #FF9AFA;
}

/*resaltar lo que pide la afip*/
tr.incomes2 .previousPeriod.notZero a,
tr.incomes3 .previousPeriod.notZero a,
tr.expenses3 .previousPeriod.notZero a,
tr.expenses4 .previousPeriod.notZero a,
tr.expenses5 .previousPeriod.notZero a,
tr.expenses6 .previousPeriod.notZero a,
tr.expenses7 .previousPeriod.notZero a,
tr.expenses8 .previousPeriod.notZero a,
tr.expenses9 .previousPeriod.notZero a
{
	color: #964EFF !important;
	font-weight: bold;
	text-shadow:0 2px rgba(0,0,0,0.1);
}
tr.subtotal,tr.total{
	font-size: 17px;
	font-weight: bold;
}
tr.subtotal td,tr.subtotal th,
tr.total td,tr.total th{
	border-top:2px solid black !important;
	border-bottom:2px solid black !important;
}
tr.ivaTotal{
	background: #000;
	color: white;
}
tr.ivaTotal th,tr.ivaTotal td{
	text-shadow:none !important;
}
tr.iiggPreliminar{
	background: #C6F9FF;
}
tr.iiggRetenciones{
	background: #fff;
}
tr.iiggTotal{
	background: #96E4FD;
}
.table td.total,.table th.total{
	border-left:2px solid rgba(0,0,0,0.5) !important;
}
.table td.average, .table th.average{
	border-left:2px solid rgba(0,0,0,0.02) !important;	
}


.url-stats-tax table td,.url-stats-tax table th{
	border-right:1px solid rgba(0,0,0,0.03);
	text-align: right;
	padding: 4px;
}

small.tiny{
	font-size:9px;
	line-height: 1em;

}

.url-stats-tax .amount.negative,
.url-stats-tax .average.negative{
	color: #00BB0A;
	opacity: 0.5;
}
.url-stats-tax .subtotal.negative,
.url-stats-tax .subtotal .negative,
.url-stats-tax .total.negative,
.url-stats-tax .total .negative {
    color: #00BB0A;
    opacity: 1 !important;
}

.chart{
margin: 0 0 60px;
}


.nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus{
	border: 0;
    border-bottom: 5px solid #687dba;
    margin-bottom: -2px;
}

.nav-tabs{
	font-size:15px;
}
.subnav.nav-tabs{
	font-size:13px;
}
.subnav a{
	color: #F59563;
}
.subnav.nav-tabs > .active > a, .subnav.nav-tabs > .active > a:hover, .subnav.nav-tabs > .active > a:focus{
	border-bottom-color:#F59563;
}
.subnav.nav-tabs li.active a{
	color: #666 !important;
}

/***/
.grid-view .table td {
    line-height: 1.25em;
}

/***/
.justChanged,.justChanged .select2-selection{
	background: #D7FFE1 !important;
}
table .currentPeriod{
	background: rgba(255,255,11,0.15);
}
table .previousPeriod{
	background: rgba(255,255,11,0.3);
}

/***/
.spaced-pull-left{
	margin-right:20px;
	margin-bottom:20px;
	text-align: left;
}
.spaced-pull-right{
	margin-left:20px;
	margin-bottom:20px;
	opacity: 0.7;
	text-align: center;
}
.percurrency *{
	font-weight: 200 !important;
}
.category-argentina,.category-argentina a{
	color: #684DB2;
}
.category-usa,.category-usa a{
	color: #6E9F5F;
}
.category-unknown a{
	color: #000;
}
.category-retenciones{
	color:silver;
}
.category-both,.category-both a{
	color: silver;
}
.category-argentina .date,.category-usa .date{
	color: black;
}
a.statusSpan:hover,
.grid-view a:hover i{
	opacity: 0.7;
}
/***/
.extraTable{
	background: white;
}
.extraTable tr:hover{
	background:#ddd;
}
.extraTable td.date{
	white-space:nowrap;
}

.colorifySeries1,.colorifySeries1 a{color:#5DA5DA;}/*blue*/
.colorifySeries2,.colorifySeries2 a{color:#FAA43A;}/*orange*/
.colorifySeries3,.colorifySeries3 a{color:#F17CB0;}/*pink*/
.colorifySeries4,.colorifySeries4 a{color:#B2912F;}/*brown*/
.colorifySeries5,.colorifySeries5 a{color:#A124A3;}/*purple*/
.colorifySeries6,.colorifySeries6 a{color:#DECF3F;}/*yellow*/
.colorifySeries7,.colorifySeries7 a{color:#60BD68;}/*green*/
.colorifySeries8,.colorifySeries8 a{color:#F15854;}/*red*/
.colorifySeries9,.colorifySeries9 a{color:#4D4D4D;}/*gray*/

tr.overdue td{
	background: #FBE3E7 !important;
}
tr.overdue td.category,
tr.overdue td.lastinvoice{
	color: #A12B32;
	font-weight: bold;
}
/*.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}*/

.continuesFromPreviousRow td{
	border-top:1px dashed #eee !important;
}

.startHidden .add-on{
	font-size: 12px;
	color: gray;
	cursor: pointer;
	 border-radius: 4px !important;
	 background: transparent;
	 border-style:dashed;
}
.startHidden .add-on:hover{
	color: #06c;
	border-style:solid;
}
.startHidden.expanded .add-on{
	font-size: 13px;
	color: black;
	background: #E8E9E8;
	border-style:solid;
	border-radius: 4px 0 0 4px !important;
}
.startHidden input, .startHidden select, .startHidden .select2-container{
	display: none;
}
.startHidden.expanded input, .startHidden.expanded select, .startHidden.expanded .select2-container{
	display: inline-block;
}


.quickadd select, .quickadd textarea, .quickadd input[type="text"], .quickadd input[type="password"], .quickadd input[type="datetime"], .quickadd input[type="datetime-local"], .quickadd input[type="date"], .quickadd input[type="month"], .quickadd input[type="time"], .quickadd input[type="week"], .quickadd input[type="number"], .quickadd input[type="email"], .quickadd input[type="url"], .quickadd input[type="search"], .quickadd input[type="tel"], .quickadd input[type="color"], .quickadd .uneditable-input,
.quickadd .input-append,.quickadd .input-prepend{
	margin-bottom: 0;
}

textarea.exporter,textarea.debug{
	width: 100%;
	height: 170px;
	white-space: pre;
	overflow: auto;
	font-family: 'Consolas',monospace !important;
	font-size:12px;
	letter-spacing: -1px;
	background: #FFF7DC
}
textarea.debug{
	background: #DAFFF3;
}
ul.errors{
}
ul.errors .error-major{
	color: #A40006;
}
ul.errors .error-minor{
	color: silver;
}
ul.errors small{
	font-weight: bold;
}
ul.errors .error-major small{
	color: red;
}
ul.errors .secondErrorsForId{
	opacity: 0.3;
	font-weight: normal;
}

table.outlined td{
	border-left:1px solid silver;
}
#devEnvironment{
	position: fixed;
	top: 5px;
	left: 45%;
	color: orange;
	font-size: 30px;
	text-shadow: 0 2px 0 rgba(0,0,0,0.3);
}

/****/
#owedFilter {
	bottom: 0;
    left: 0;
    position: fixed;
    background: rgba(0,0,0,0.5);
    right: 0;
    padding: 5px 10px 0;
    text-align: center;
    color: white;
    text-shadow: 0 1px 3px black;
    z-index: 10;
}
#owedFilter label{
	display: inline-block;
	margin-right: 10px;
}
.owedTitle{
	margin-top:20px;
}
/*
.owedTableContainer{
	margin:0 -30px;
}*/
#owedFilter label input{
	vertical-align: top;
}
.owedTable tr.due .invoiceAge{
	color: #C90023;
}
.owedTable tr.draft{
	opacity: 0.6;
	background: #F4EFC6;
}
.owedTable{
	width: auto !important;
	margin-bottom: 20px;
}
.owedTable .invoiceAge,.owedTable .invoiceStatus,.owedTable .invoiceAmount{
	width: 80px;
}
.table.owedTable th, .table.owedTable td{
	padding: 4px;
}

/*****/

.nav-tabs li.separator,
.navbar li.separator{
	border-left: 1px dotted #ddd;
	margin: 8px -17px 0 9px;
	height: 29px;
}
.navbar-inverse li.separator{
	border-color:gray !important;
}

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

/***/
.justCreated{
	background: yellow;
}

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

/****/
.tablink.negative {
	color:#cc0000 !important;
}
.quickadd.negative .input-prepend.amount *{
	border-color: #cc0000 !important;
}
.tablink.positive{
	color: green !important;
}
.quickadd.positive .input-prepend.amount *{
	border-color: green !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;
  color: rgba(12,48,144,0.63);
  text-decoration: none;
}

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

/****/
td.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.hasBrotherAfter .groupInfo,
tr.transactionGroup.hasBrotherBefore .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.lastInGroup .groupInfo{
	display: block;
}

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

td.redundant{
	height: 1px;
	text-indent: -9999px;
}
td.redundant:after{
	content: "➥";
	display: block;
	text-indent:0;
	height:auto;
}

/****/
#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:#d9edf7;
	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.permissions label{
	font-weight: normal;
}
hr{
	margin: 10px 0;
}

.showOnlyOnHover{
	visibility: hidden;
}
tr:hover .showOnlyOnHover{
	visibility: visible;
}

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

/*disabled options disable in select2*/
.select2-results__option[aria-disabled=true]{
	display: none;
}
#secondCurrencyStatus{
	font-size: 11px;
	color: gray;
}

/***/
.invoice-assign{
	min-width: 167px;
}
.invoice-assign input{
	vertical-align: middle;
	margin: 0;
}
.invoice-assign .input-prepend{
	margin-bottom: 0;
}
.invoice-assign label{
	display: inline;
}
td.invoice-owed {
    color: #cc0000;
    font-weight: bold;
}

.table th, .table td{
	border-top-color:rgba(0,0,0,0.09);
}

tr[data-accountid="13"], tr[data-accountid="18"], tr[data-accountid="21"],/*retenciones y NCs*/
tr[data-accountid="20"]/*ddpaid*/{
opacity: 0.5;
font-style: italic;
}
td.invoice-number,.nowrap {
    white-space: nowrap;
}
tr.last-draft td{
	border-bottom:2px solid red !important;
}
#draftnav{
	margin-bottom: 10px;
}
.table thead:first-child tr:first-child th{
	border-top:0 !important;
}
#draftnav a.selected{
	font-weight: bold;
	color:black !important;
}

.clientCuit{
	float: right;
	padding-top:15px;
	line-height: 1.1em;
	color: rgba(0,0,0,0.5);
    font-weight: bold;
}
.nextInvoiceNumbers{
	padding-top: 15px;
	color: silver;
	font-weight: normal;
	font-size:12px;
	line-height: 1.1em;
}
.nextInvoiceNumbers a{
	color: silver;
}
.nextInvoiceNumbers a:hover{
	color: black;
}

.recentPayments{
	height: 136px;
	overflow: auto;
	background: #eee;
	border-radius: 3px;
	padding: 10px 15px;
	margin: 5px -15px 20px;
	opacity: 0.75;
	transition: 0.35s all;
}
.recentPayments:hover{
	opacity: 1;
}
.recentPayments h3{
	margin: 0;
	line-height: 1.5em;
	font-size: 15px;
}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{
	width:100% !important;
}

.easyTableFilter input {
    padding: 7px 5px!important;
    width: 100%;
    box-sizing: border-box;
    margin: 0;
    height: auto !important;
    background: #eee;
}

.easyTableFilter th {
    padding: 0 !important;
}
tr.month-1 td.date,tr.month-1 td.reference a{ color:#1e3192; }
tr.month-2 td.date,tr.month-2 td.reference a{ color:#117b87; }
tr.month-3 td.date,tr.month-3 td.reference a{ color:#5e6a34; }
tr.month-4 td.date,tr.month-4 td.reference a{ color:#7a5f0f; }
tr.month-5 td.date,tr.month-5 td.reference a{ color:#1e3192; }
tr.month-6 td.date,tr.month-6 td.reference a{ color:#117b87; }
tr.month-7 td.date,tr.month-7 td.reference a{ color:#5e6a34; }
tr.month-8 td.date,tr.month-8 td.reference a{ color:#7a5f0f; }
tr.month-9 td.date,tr.month-9 td.reference a{ color:#1e3192; }
tr.month-10 td.date,tr.month-10 td.reference a{ color:#117b87; }
tr.month-11 td.date,tr.month-11 td.reference a{ color:#5e6a34; }
tr.month-12 td.date,tr.month-12 td.reference a{ color:#7a5f0f; }

#grid tr:hover{
	background:rgba(195, 255, 0, 0.05);
}

#paymentDelayContainer,#dueDateCalc{
	color: rgba(255,0,0,0.5);
	text-align: center;
    padding-bottom: 10px;
    font-size: 12px;
}
span.paymentDelayPill {
    display: inline-block;
    padding: 1px 5px;
    border-radius: 3px;
    background: rgba(0,0,0,0.05);
}

.owedTable tr.due {
    background: rgba(255,0,0,0.08);
}
.owedTable tr.due:nth-child(odd) {
    background: rgba(255,0,0,0.12);
}
.owedTable tr.due.partial {
    background: rgba(255,140,0,0.10);
}
.owedTable tr.due.partial:nth-child(odd) {
    background: rgba(255,140,0,0.16);
}

.owedTable tr.soon {
    background: rgba(255,255,0,0.08);
}
.owedTable tr.soon:nth-child(odd) {
    background: rgba(255,255,0,0.12);
}

.owedTable tr.superDue {
    background: rgba(255,0,0,0.4);
}
.owedTable tr.superDue:nth-child(odd) {
    background: rgba(255,0,0,0.36);
}

.stepIndicator{
	background-color: rgba(12,138,204,0.66);
    color: white;
    border-radius: 30px;
    display: inline-block;
    position: absolute;
    margin: -8px 0 0 2px;
    padding: 0 7px;
    font-size: 11px;
    font-weight: bold;
}

.columnBarChart > div {
    background: black;
    height: 5px;
    margin-top: -5px;
}

.columnBarChart {
    background: rgba(0,0,0,0.05);
	opacity:0.25;
}
.columnBarChart.over50 {
    opacity:1;
}
.columnBarChart.over10 {
    opacity:0.5;
}
tr.due .columnBarChart > div{
	background:maroon;
}
tr.soon .columnBarChart > div{
	background:orange;
}

tr:hover > td{
    border-top:1px solid black !important;
}

.db-trace{
	padding: 5px 0 5px 5px;
    white-space: nowrap;
    width: 100%;
    overflow: auto;
	margin-left:5px;
	line-height: 1.1em;
}
.db-trace.type-query{
	border-left:3px solid #06c;
}
.db-trace.type-execute{
	border-left:3px solid #ddd;
	opacity: 0.4;
	display: none;
}
#db-trace-container{
	padding-bottom: 40px;
}
.db-trace.level1{
	background:rgba(255,0,0,0.3);
}
.db-trace.level2{
	background:rgba(255,0,0,0.15);
}
.db-trace.level3{
	background:rgba(255,0,0,0.05);
}
.db-trace.level4{
	display: none;
	color:silver;
}

.filters.pull-right form{
	text-align: right;
}
.filters.pull-right form > *{
	text-align: left;
}

.importantActiveFilter{/*select2 bg*/
	background:rgba(255,255,0,0.15);
}

td.originalAmount{
	opacity:0.5;
}

.simpleTable{
margin-top: 10px;
}
.simpleTable tr{

}
.simpleTable th{
	text-align: center;
	padding:0 5px;
	white-space:nowrap;
}
.simpleTable td{
	border-top:1px solid silver;
	text-align: center;
	padding:0 5px;
}
.simpleTable .subtle{
	opacity: 0.3;
}
.simpleTable .variation{
	opacity: 0.5;
	font-style: italic;
    font-size: 10px;
    font-weight: bold;
}

.invoiceNavigation{
	margin-right: 20px !important;
}

/****/

#dataTable{
    margin-right: -15px;
}
.cost-section{
	margin:10px -15px -15px !important;
}

.centralCostItem{
	padding: 8px; border-radius: 5px;margin-bottom:10px;
	background:rgba(60,131,223,0.22);
}
.centralCostUnits{
	margin-bottom:0 !important;
}

.btn-subtle{
	border:0 !important;
	background:transparent !important;
	color:gray !important;
	box-shadow:none !important;
	font-weight:normal !important;
}

/* ===== MOBILE MENU TOGGLE ===== */
#mobileMenuToggle{
	display: none;
}

/* ===== RESPONSIVE / MOBILE ===== */
@media screen and (max-width: 768px){

	/* --- Hamburger button --- */
	#mobileMenuToggle{
		display: block;
		position: absolute;
		top: 12px;
		left: 10px;
		z-index: 20;
		background: none;
		border: none;
		color: white;
		font-size: 22px;
		padding: 6px 10px;
		cursor: pointer;
	}

	/* --- Top nav bar --- */
	#leftNav{
		position: relative;
		padding: 10px 0 0;
		margin: 0 -20px;
		white-space: normal;
		min-height: 50px;
	}
	#leftNav #logolink{
		display: block;
		text-align: center;
		margin: 0 auto;
		padding: 12px 0 8px;
	}
	#leftNav #logo{
		height: 22px;
	}

	/* Nav items hidden by default on mobile */
	#leftNav .nav-list{
		display: none;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	#leftNav.mobile-open .nav-list{
		display: block;
	}
	#leftNav li{
		display: block;
		padding: 0;
	}
	#leftNav li a{
		display: block;
		padding: 12px 20px !important;
		border-bottom: 1px solid rgba(255,255,255,0.1);
	}
	#leftNav li.active a{
		border-bottom: 1px solid rgba(255,255,255,0.3) !important;
		margin-bottom: 0 !important;
		padding-bottom: 12px !important;
	}

	/* Hide global search bar and dropdowns on small screens */
	#globalSearchForm,
	#globalSearches{
		display: none !important;
	}
	#leftNav.mobile-open #globalSearchForm{
		display: block !important;
		float: none;
		margin: 10px 15px;
	}
	#leftNav.mobile-open #globalSearchForm input{
		width: 100%;
		box-sizing: border-box;
	}

	/* --- User nav --- */
	#usernav{
		position: relative;
		top: auto;
		right: auto;
		text-align: right;
		padding: 0 10px;
		background: #f5f5f5;
	}
	#usernav .nav{
		margin: 0;
	}

	/* --- Page container --- */
	body{
		padding: 0 10px !important;
	}
	.container, #page{
		padding: 0 !important;
		margin: 0 !important;
	}
	#contentcontainer{
		padding: 0 5px;
	}

	/* --- H1 / page title --- */
	h1{
		font-size: 22px !important;
		margin: 10px 0 10px !important;
		word-wrap: break-word;
	}

	/* --- Sub-navigation tabs --- */
	.nav-tabs{
		white-space: normal;
	}
	.nav-tabs > li{
		float: none;
		display: inline-block;
	}
	.nav-tabs > li > a{
		padding: 6px 10px;
		font-size: 12px;
	}

	/* --- Page filters (float right block above grids) --- */
	.pagefilters{
		margin-top: 0;
		margin-right: 0;
		float: none !important;
		text-align: left;
		padding: 5px 0;
	}

	/* --- Quick-add forms --- */
	.quickadd{
		margin: 5px -10px 15px;
		padding: 10px;
	}
	.quickadd .leftlabel{
		display: block;
		padding: 0 0 5px;
	}
	.quickadd input[type="text"],
	.quickadd .select2-container{
		max-width: 100% !important;
		width: 100% !important;
		box-sizing: border-box;
		margin-bottom: 5px;
	}

	/* --- Tables: horizontal scroll wrapper --- */
	table.table{
		display: block;
		width: 100%;
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}
	table.table thead,
	table.table tbody{
		min-width: 600px;
		display: table;
		width: 100%;
	}
	table.table th,
	table.table td{
		padding: 4px 3px;
		font-size: 12px;
	}

	/* --- Filter row in grids --- */
	tr.filters td input{
		min-width: 40px;
	}

	/* --- Buttons --- */
	.btn{
		padding: 4px 8px;
		font-size: 12px;
	}

	/* --- Select2 dropdowns --- */
	.select2-container{
		max-width: 100% !important;
	}

	/* --- Forms in general --- */
	.form input[type="text"],
	.form input[type="email"],
	.form input[type="password"],
	.form input[type="number"],
	.form textarea,
	.form select,
	.form .select2-container{
		max-width: 100% !important;
		box-sizing: border-box;
	}

	/* --- Client CUIT block --- */
	.clientCuit{
		float: none;
		padding: 0 0 10px;
	}

	/* --- Recent payments block --- */
	.recentPayments{
		margin: 5px 0 15px;
		height: auto;
		max-height: 150px;
	}

	/* --- Panels (mid/right) --- */
	#midPanel,
	#rightPanel{
		position: static;
		width: 100%;
		float: none;
		padding: 10px;
		margin: 0;
	}

	/* --- Breadcrumbs --- */
	#fakesubnavtabs{
		padding: 5px 0;
	}
	.breadcrumb{
		padding: 4px 8px;
		font-size: 12px;
		word-wrap: break-word;
	}

	/* --- Flash messages --- */
	ul.flashes{
		position: relative;
		margin-top: 0;
	}
}

/* --- LOGIN PAGE MOBILE --- */
@media screen and (max-width: 768px){
	body.action-login{
		padding: 20px 15px !important;
	}
	body.action-login h1,
	body.action-login h3{
		padding-left: 0;
		text-align: center;
	}
	body.action-login h3 img{
		width: 150px;
	}
	body.action-login h1{
		margin-top: 20px !important;
		font-size: 26px;
	}
	body.action-login #content{
		padding: 20px 0;
		margin-top: 20px;
	}
	body.action-login form .row{
		margin-left: 10px;
		margin-right: 10px;
	}
	.row.username label,
	.row.password label{
		float: none;
		width: auto;
		text-align: left;
		display: block;
		margin-bottom: 3px;
	}
	body.action-login form input[type="text"],
	body.action-login form input[type="password"]{
		width: 100%;
		box-sizing: border-box;
	}
	.row.rememberMe input{
		float: none;
		margin-left: 0;
	}
	body.action-login .row.buttons{
		margin: 20px 0 20px 0;
		text-align: center;
	}
}