@charset "utf-8";

#invoices-table.table td {
    vertical-align: middle !important;
 }

div.icon-48-invoices {	background: url(images/invoice_icon.png) no-repeat left; }
div.icon-48-templates {	background: url(images/template.png) no-repeat left; }
div.icon-48-taxes {	background: url(images/tax.png) no-repeat left; }
div.icon-48-contacts {	background: url(images/contacts.png) no-repeat left; }
div.icon-48-payments {	background: url(images/payments.png) no-repeat left; }

#log_clientes a, #log_items a, #log_invoices a{
	display:block;
	background-color:#F6F6F6;
	padding:5px;
	margin-bottom:2px;
}
#log_clientes a:hover, #log_items a:hover, #log_invoices a:hover{

	background-color:#CCCCCC;

}

table.adminlist tfoot tr.totals td{
	text-align:right;
}
.notontime{
	color:#C00;
}
.ontime{
	color:#090;
}
.num_payments{
	color:#FFF;
	font-size:10px;
	padding:5px;
	border-radius:0px;
	vertical-align:super;
	margin-right: -2px;
}
.num_payments_paid{
	background-color:#090;
}
.num_payments_unpaid{
	background-color:#C00;
}
.num_payments_unpaid_ontime{
	background-color:#F90;
}
.extra_info{
	font-size:10px;
}

table.adminlist tbody tr td.red, table.adminlist tbody tr.row1 td.red, table.adminlist tbody tr.row0 td.red {
	background-color:#FCC;
}
table.adminlist tbody tr:hover td.red, table.adminlist tbody tr.row1:hover td.red, table.adminlist tbody tr.row0:hover td.red {
	background-color:#FCC;
}

.notontime{
	color:#d9534f !important;
}
.ontime{
	color:#5cb85c !important;;
}
.paid{
	color:#5cb85c !important;;
}

.unpaid_ontime{
	color:#F90;
}

.statusline{
	color:#FFF;
}
.payment_notontime .statusline, table.adminlist tbody tr.payment_notontime:hover td.statusline, table.adminlist tbody tr.payment_notontime td.statusline{
	background-color:#C00;
}
.payment_unpaid_ontime .statusline, table.adminlist tbody tr.payment_unpaid_ontime:hover td.statusline, table.adminlist tbody tr.payment_unpaid_ontime td.statusline{
	background-color:#F90;
}
.payment_paid .statusline, table.adminlist tbody tr.payment_paid:hover td.statusline, table.adminlist tbody tr.payment_paid td.statusline{
	background-color:#090;
}
.payment_pending .statusline, table.adminlist tbody tr.payment_pending:hover td.statusline, table.adminlist tbody tr.payment_pending td.statusline{
	background-color:#999;
}

.payment_notontime .statussentence{
	color:#C00;
}
.payment_unpaid_ontime .statussentence{
	color:#F90;
}
.payment_paid .statussentence{
	color:#090;
}
.payment_pending .statussentence{
	color:#999;
}

.payment_notontime .statusdetail{
	background-color:#C00;
	color:#FFF;
}
.payment_unpaid_ontime .statusdetail{
	background-color:#F90;
	color:#FFF;
}
.payment_paid .statusdetail{
	background-color:#090;
	color:#FFF;
}
.payment_pending .statusdetail{
	background-color:#999;
	color:#FFF;
}

.payment_notontime .duedateline{
	color:#C00;
}

/*new 3.0*/

.mediuminput{
	width:70%;

}
select.smallselect{
	width:150px;

}

.width105{
	min-width:105px;
}
.width55{
	min-width:55px;
}
.invoice_id{
	width:70px;
}

span.th_value, span.th_qty, span.th_discount{
	width: calc(25% - 20px);
	display:inline-block;
}
.table td.invoice_subtotal, .table td.invoice_discount, .table td.invoice_total, .table td.invoice_tax{
	text-align:right;
	font-weight:bold;
	vertical-align:middle;

}

.table td.invoice_tax label{
	font-weight:bold;
	}

.radio_toggle{
	display:none !important;
}

.filter-bar .btn, .navbar .btn-group {
	margin-top:0px !important;
}
.filter-bar .navbar-inner{
	padding:5px !important;
	background: none !important;
	border: none !important;
	box-shadow: none !important;
	border-radius: 0 !important;
	border-bottom: 1px solid #d4d4d4 !important;
	padding-bottom: 20px !important;
}

.table tbody tr.success td {
	background-color: #dff0d8 !important;
}
.table tbody tr.success:hover td {
	background-color: #d0e9c6 !important;
}


.table tbody tr.warning td {
	background-color: #fcf8e3 !important;
}
.table tbody tr.warning:hover td {
	background-color: #faf2cc !important;
}

.table tbody tr.error td {
	background-color: #f2dede !important;
}
.table tbody tr.error:hover td {
	background-color: #ebcccc !important;
}

.small-margin-top{margin-top: 5px;}

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

.at_totals{
	margin-bottom: 15px;
	margin-top: 5px;
}
.at_totals .span3{

	padding:5px;
	margin-bottom: 10px;

}
.at_totals .label{
	text-transform:uppercase;
}

.dashboard-box{
	background-size: 200% 100%;
	background-position:50% bottom;
	transition:all 0.5s ease;
}

.dashboard-box:hover{
	background-position:left bottom;
}

.dashboard-info{
	background-color: #5bc0de;
	background-image: linear-gradient(to right, #31b0d5 50%, #5bc0de 50%);
}
.dashboard-success{
	background-color: #5cb85c;
	background-image: linear-gradient(to right, #449d44 50%, #5cb85c 50%);
}
.dashboard-important{

	background-color: #d9534f;
	background-image: linear-gradient(to right, #c9302c 50%, #d9534f 50%);
}
.dashboard-inverse{
	background-color: #777;
	background-image: linear-gradient(to right, #555 50%, #777 50%);
}
.dashboard-light{
	background-color: #7952b3;
	background-image: linear-gradient(to right, #563d7c 50%, #7952b3 50%);
}
.dashboard-warning{
	background-color: #f0ad4e;
	background-image: linear-gradient(to right, #ec971f 50%, #f0ad4e 50%);
}

.resume-number, .module-wrapper {
    padding: 10px;
    font-size: 18px;
    line-height: 18px;
    color: #FFFFFF;
    text-align: right;
}
/*
.summary-number {
    white-space: nowrap;
    font-size: 25px;
}

.resume-title {
    font-size: 90%;
    display: block;
    padding-bottom: 10px;
    white-space: nowrap;
}
.timeframe-title {
    padding-top: 5px;
    font-size: 70%;
    display: block;
    white-space: nowrap;
}
*/
.summary-number {
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 5px;
    font-weight: 400;
    white-space: nowrap;
}

.resume-title {
	white-space: nowrap;
    font-size: 14px;
    line-height: 14px;
    font-weight: 400;
}
.timeframe-title {
	display: none;
}

.noHrefLink{
    cursor: pointer;
}

.table_scrolls{
	overflow-x: scroll;
	overflow-y: hidden;
}

.items_table_responsive{
	width:100%;
}

@media (max-width: 768px){
	.nav-tabs {
		border-bottom: 0 !important;
		}
	.nav-tabs > li {
	    float: none !important;
	}

	.nav-tabs > li > a {
		border: 1px solid #ddd !important;
		-webkit-border-radius: 0 !important;
		-moz-border-radius: 0 !important;
		border-radius: 0 !important;
		margin-right: 0 !important;
	}

	.nav-tabs > li:first-child > a {
		-webkit-border-radius: 4px 4px 0 0 !important;
		-moz-border-radius: 4px 4px 0 0 !important;
		border-radius: 4px 4px 0 0 !important;
	}

	.nav-tabs > li span.badge{
		float: right;
	}
}

#updates {
	display: none;
}

.version-box {
	margin-top: 20px;
	text-align: center;
}

.sys-info-title {
	font-weight: bold;
	padding-bottom: 15px;
}

#update-info {
	padding-top: 15px;
}

.btn-get-updates {
	margin-top: 15px;
}

@media (min-width: 1200px){

	.container-wrapper{
		position: relative;

	}
	.mainContainer{

	}

	.scroll-y{
		overflow-y: scroll;
	}

	#invoices-wrapper{
		border-right:1px solid #ccc;

	}

	.invoice-outer-wrapper {
		/*display: block !important;*/
	}

}

@media (max-width: 1200px){
	.invoice-outer-wrapper {
		display: none !important;
	}
}

@media (max-width: 768px){

	.container-wrapper{
		margin-left: -11px;
		margin-right: -5px;
		padding: 0 !important;
	}

}

@media (max-height: 800px){
	.invoice-outer-wrapper {
		display:none !important;
	}

	#invoices-wrapper{
		width: 100%;
	}
}

.invoice-container{
	padding:15px;
	background-color: #fafafa;
	overflow-x: hidden;
	border-right: 1px solid #ddd;
}
#invoices-wrapper{
	padding-right: 0;

	overflow: auto;
}
#invoice-paper{
	padding: 20px;
}

.invoice-inner-container{
	min-height: calc(100% - 30px);
}

.invoice-edit-container{
}
.invoice-tabs {
    margin-bottom: 10px !important;
}
.invoice-edit-container .tab-pane {
    border: 1px solid #ddd;
    background-color: #fff;
    padding: 20px;
    border-radius: 0 0 4px 4px;
    margin-top: -11px;
}

.modal-body .tab-pane {
    border-top: 1px solid #ddd;
    background-color: #fff;
    padding-top: 20px;
    border-radius: 0 0 4px 4px;
    margin-top: -11px;
}

.invoice-options{
	height: 66px;
	position: absolute;
	top: 0;
	left: 0;
	right: 15px;

	z-index: 100;
	background-color: #fff;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 15px;

}
.mainContainer{
	overflow: auto;
	border-top: 1px solid #ddd;
}

.invoice-outer-wrapper{

	padding-left: 0 !important;
	padding-top: 66px !important;
}

.footer-sticky{
	position: fixed;
    right: 0;
    left: 0;
    bottom: 3px;
    z-index: 1050;
}

.invoices-transition{
	/*transition: transform ease-in-out 0.3s, width ease-in-out 0.3s;*/
}

#j-toggle-button-wrapper{
	z-index: 100;
}
#status {
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    box-shadow: none !important;
}

.nodetail-view{
	padding-right: 15px !important;
	border-right: none !important;
}

#invoices-table thead{

    background-color: #fafafa;
    border-bottom:1px solid #ccc;
}

#invoices-table thead, #invoices-table thead th{
	height: 65px !important;
	border-top: 1px solid #ddd;
}

#invoices-table{

    border-left:1px solid #ddd;
}

.floatThead-container thead{
	height: 65px;
	background-color: #fafafa;
    border-bottom:1px solid #ccc;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.floatThead-container thead th{
	height: 65px;
	padding: 12px !important;
}

tbody#invoices-body tr:first-child td{
	border-top: none;
}

.material-card {
    overflow: visible;
    white-space: nowrap;
    display: inline-block;
    position: relative;
    background-color: white;
    width: 100%;
    margin-bottom: 30px;
    border-radius: 2px;
    cursor: default;
    vertical-align: top;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.material-shadow-z1 {
    box-shadow: 0 1px 4px 0 rgba(0,0,0,0.37);
    transition: box-shadow 0.28s cubic-bezier(0.4,0,0.2,1);
}


/* New list style*/

.cat-column {
	width: 6px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.fake-expand {
	width: 1px;
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.name-column {
	text-align: left;
	padding: 12px !important;
	/*padding-left: 8px !important;
    padding-right: 8px !important;*/
	cursor: pointer;
}

.amount-column {
	text-align: right !important;
	padding: 12px !important;
	/*padding-left: 8px !important;
    padding-right: 8px !important;*/
	cursor: pointer;
	width: 100px;
}

.name-div, .amount-div {
	position: relative;
	display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #212121;
    text-decoration: none;
    cursor: pointer;
    outline: none;
    padding: 0;
}

.amount-div {
	white-space: nowrap;
}

.date-div, .tax-div {
	display: block;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    font-weight: 400;
    color: #616161;
    margin-top: 4px;
    text-decoration: none;
    outline: none;
}

.positive-amount {
	font-weight: 500;
	color: #5cb85c;
}

.negative-amount {
	font-weight: 500;
	color: #d9534f;
}

.zero-amount {
	font-weight: 500;
	color: #777;
}

.cat-name , .acc-name{
	font-size: 11px;
}

.cat-name {
	font-weight: bolder;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.edit-td {

	padding: 12px !important;
}

input[type="radio"], input[type="checkbox"]{
	margin:0 !important;
	font-size: 15px;
    line-height: 18px;
}

.total-title-tfoot, .total-global-tfoot {
	padding: 15px !important;
	text-align: right !important;
	font-size: 16px;
}

.text-muted {
    color: #999999;
}

.invoice-num{
	width: 75px;
	padding: 12px !important;

}
.invoice-num .name-div{
	overflow: hidden;
    white-space: nowrap;
    width: 75px;
}

.contactname-column{
	text-overflow: ellipsis;
}

.contactname-column .name-div{
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-right: 20px;
}

.contactname-column .name-div span:first-child{
	overflow: hidden;
    white-space: nowrap;
    max-width: 250px;
}

.form-horizontal{
	margin-bottom: 0 !important;
}

.j-sidebar-container{
	padding-left: 0 !important;
	padding-right: 0 !important;

}

.table>tbody>tr.active>td, .table>tbody>tr.active>th, .table>tbody>tr>td.active, .table>tbody>tr>th.active, .table>tfoot>tr.active>td, .table>tfoot>tr.active>th, .table>tfoot>tr>td.active, .table>tfoot>tr>th.active, .table>thead>tr.active>td, .table>thead>tr.active>th, .table>thead>tr>td.active, .table>thead>tr>th.active {
    background-color: #f5f5f5;
}
.table-hover>tbody>tr.active:hover>td, .table-hover>tbody>tr.active:hover>th, .table-hover>tbody>tr:hover>.active, .table-hover>tbody>tr>td.active:hover, .table-hover>tbody>tr>th.active:hover {
    background-color: #e8e8e8;
}

select.select_status{
	margin:0;
}
#loader_preview{
	padding-top: 40px;
	height: 73px;
}
#invoice-paper .no-more-entries{
	padding: 20px;
	height: 73px;
}

.arrow-right {
	width: 0;
	height: 0;
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

#toolbar{
	height: 30px;
}
.btn-toolbar {
    margin-bottom: 9px;
}
#new_status{
	height: 30px;
	margin-right: 5px;
}

td.action-button{
	padding: 0 !important;
}

.button-column a{
	display: block;
	color: #999999;
	padding: 12px !important;
    font-size: 30px;
}

.action-button a{
	cursor: pointer;
}

.action-button a:hover{
	color:#212121;
}

.button-column{
	text-align: center !important;
	border-left: 1px solid #ccc;
	width: 66px;
	padding: 0 !important;
	background-color: #fafafa;

}

.edit-column{
	border-right: 1px solid #ccc;
}

.add-column{
	border-right: 1px solid #ccc;
	width: 34px;
}

.button-column .name-div, .button-column .date-div{
	color: #999 !important;
}

.button-column a:hover .name-div, .button-column a:hover .date-div{
	color: #212121 !important;
}

.button-column a{

	text-decoration: none !important;
}

.email-sent, .email-sent .name-div , .email-sent .date-div , .email-sent a{
	color: #5cb85c !important;
}

.status-column{
	width: 112px;
	border-left: 3px solid;
	padding-bottom: 0 !important;
	padding-top: 12px !important;
}
.status-column .name-div{
	line-height: 20px;
}
.button-column a:hover{
	background-color: #e8e8e8;
}

.status-column-success{
	border-color: #5cb85c;
}
.status-column-warning{
	border-color: #f0ad4e;
}
.status-column-important, .status-column-danger{
	border-color: #d9534f;
}
.status-column-inverse{
	border-color: #555;
}
.status-column-info{
	border-color: #5bc0de;
}

.status-column .date-div{

	margin-top: 6px;
	height:24px;
}

@media (max-width: 768px){
	.invoice-num{
		width: auto;

	}
	.invoice-num .name-div{
	    width: auto;
	}
	.button-column{
		width: 42px;
	}
}

@media (max-width: 480px){
	.invoice-num{
		width: 100px;

	}
	.invoice-num .name-div{
	    width: 100px;
	}
}

.dlt-item {
    color: #d9534f;
}

.filter-form{
	margin-bottom: 15px;
}

input.form-control{
	display: table-cell !important;
}

.inner-buttonbar {
    background: none !important;
    border-bottom: 1px solid #eee;
    border-radius: 0px;
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 20px;
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
}

.input-group .input-mini {
    min-width: 75px !important;
}

.bs-callout {
    margin: 20px 0;
    padding: 15px 30px 15px 15px;
    border-left: 5px solid #eee;
}
.bs-callout-info {
    background-color: #f0f7fd;
    border-color: #d0e3f0;
}

.input-group-addon:not(:last-child):not(:first-child) {
    border-right: 0;
}

.input-group-addon:not(:last-child):not(:first-child) {
    border-left: 0;
}

.nameinput{
	margin-bottom: 5px;
}

.inputduedate{
	width: 158px;
}
.inputpaymentdate{
	/*width: 216px;*/
  width: 158px;
}

.bottomScrollShadow {
	-webkit-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.3);
	-moz-box-shadow: 0 3px 6px -4px rgba(0,0,0,0.3);
	box-shadow: 0 3px 6px -4px rgba(0,0,0,0.3);
}

.modal-body {
    overflow: auto;
}

/* SNACKBAR */

.snackbar-group{
	margin-bottom: 5px;
}

.snackbar-group .noty_bar{
    cursor: default;
    background-color: #323232;
    z-index: 10000;
    border-radius: 2px;
    pointer-events: none;
}

.snackbar-group .noty_bar .noty_message{
	padding: 14px 24px;
    vertical-align: middle;
    color: #fff;
}

@media (max-width: 480px){

	ul.list-group{
		width: 100% !important;
		bottom: 0 !important;
		right: 0 !important;
		left: 0 !important;
		margin-bottom: -5px !important;
	}
	ul.list-group li.snackbar-group{
		width: auto !important;
	}
	.snackbar-group .noty_bar{
	    border-radius: 0px !important;
	}

}

@media (min-height: 600px){
	.modal-body {
	    max-height: 535px !important;
	}
}

.modal-open .modal, .modal.in {
    overflow-x: hidden;
    overflow-y: auto;
}


/* -------------- TYPEAHEAD -------------- */

.twitter-typeahead {
    width: 100%;
}

.tt-input,
.tt-hint {
    width: 396px;
    height: 30px;
    padding: 8px 12px;
    font-size: 24px;
    line-height: 30px;
    border: 2px solid #ccc;
    border-radius: 8px;
    outline: none;
}

.tt-input {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.tt-hint {
    color: #999;
}

.tt-menu {
    width: 100%;
    min-width: 422px;
    padding: 8px 0 !important;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 2px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
}

.tt-suggestion {
    padding: 5px 20px !important;
    font-size: 16px;
    line-height: 30px;
    cursor: pointer;
}

.tt-suggestion:hover {
    background-color: #eeeeee;
}

.tt-suggestion.tt-cursor {
    background-color: #eeeeee;

}

.tt-suggestion p {
    margin: 0;
}

@media (max-width: 768px){
	.tt-menu {
	    width: 422px;
	}
}

.invoice-manager .btn-link.btn_no_underline:hover, .invoice-manager .btn-link.btn_no_underline:focus {
    color: #d9534f;
    text-decoration: underline;
    background-color: transparent;
}

.label-inverse, .badge-inverse {
    background-color: #333333;
}

.icon-success{
	color: #5cb85c;
}

.icon-danger{
	color: #d9534f;
}

.icon-success:hover{
	color: #449d44;
}

.icon-danger:hover{
	color: #c9302c;
}

.publish-icon{
	position: absolute;
	right: 0;
}

/* SIDEBAR */

.j-sidebar-container{
	height: 100%;
}

#loadmoreajaxloader_invoices{
	height: 42px;
}

@media (max-width: 480px){
	.subhead {
	    min-height: 280px;
	}
}

#items-body .form-horizontal .form-group{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 0;
}
#items-body .col-xs-12{
	padding-left: 0;
	padding-right: 0;

}
#items-body .col-xs-12, #items-body .col-xs-9, #items-body .col-xs-3{

	margin-top: 5px;
}
.sku-container{
	width: 100%;
}

.name-container{
	width: 100%;

}
.name-container input.form-control.input-name{
	width: 100%;
}

.desc-container{
	width: 100%;
}
.desc-container input.form-control.input-desc{
	width: 100%;
}

@media (min-width: 992px){
	.col-md-sp5 {
	    width: 20% !important;
	}
  .col-md-sp7 {
	    width: 14.2857% !important;
	}
}

.tax-selector-dropdown{
	width: 65px !important;
}
.tax-selector-dropdown .btn{
	border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-right: none !important;
    margin-right: -1px;
    width: 100%;
}

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}



@media (max-width: 1137px){
	.statusButtons {
		display: none !important;
	}
}

@media (max-width: 915px){
	#toolbar-refresh {
		display: none !important;
	}
}

@media (max-width: 768px){
	#toolbar-envelope, #toolbar-copy, #toolbar-delete {
		display: none !important;
	}
}

@media (max-width: 630px){
	#toolbar-publish, #toolbar-unpublish {
		display: none !important;
	}
}

@media (max-width: 768px) and (min-width: 481px) {
	#invoices-wrapper {
		margin-left: 0 !important;
		margin-right: 5px !important;
	}
}

@media (max-width: 480px) {
	.subhead > .container-fluid {
		padding-left: 0 !important;
	}
	.subhead {
		min-height: inherit;
	}
}

/* MODAL a bit larger */
@media (min-width: 992px){
	.modal-lg {
	    width: 950px !important;
	}
}

.form-horizontal .help-block {
    margin-bottom: 0;
}

.form-horizontal #vatid_container:not(.has-success):not(.has-error) .form-control-feedback:not(#spinner_euvat) {
    display: none;
}

.form-horizontal #vatid_container.has-feedback .form-control-feedback {
    right: 143px;
}

.glyphicon-spin {
    -webkit-animation: spin 1000ms infinite linear;
    animation: spin 1000ms infinite linear;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}
@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg);
    }
}

#invoices-table thead th{
  padding: 12px;
}

.controls .btn-group > .btn {
    min-width: inherit !important
}
.previewwindow{
  position: absolute;
  height: 737px;
  z-index: 10000;
  width: 50%;
  bottom: 0;
  left: 0;
  background: #fff;
  border: 1px solid #ccc;
  padding: 20px;
  overflow-y: scroll;
}

@media print {
  /*body *:not(#invoice-wrapper) {
      display: none !important;
  }*/
  /*#invoice-wrapper, #invoice-wrapper * {
    visibility: visible;
    display: block;
  }*/
  /*body * {
    visibility: hidden;
  }

  #invoice-wrapper, #invoice-wrapper * {
    visibility: visible !important;
  }

  #invoices-wrapper{
    display: none !important;
  }
  #invoice-wrapper{
    display: block !important;
    width: 100% !important;
    position: absolute;
    left: 0;
    top: 0;
    margin: 0;
    padding: 0;
    border: none;
    height: auto !important;
  }
  #invoice-buttonbar{
    display:none !important;
  }
  .scroll-y {
    overflow-y: auto;
    height: auto !important;
    margin: 0;
    padding: 0;
    border: none;
  }
  #invoice-paper{
    margin: 0;
    padding: 0;
    border: none;
  }
  #invoiceManagerMenu{
    display: none !important;
  }*/
}

.norightpadding{
  padding-right: 0 !important;
}

.norightpadding .invoice-options{
  right: 0 !important;
}

/*#cal_start, #cal_end{
  width: 108px;
}*/

.cs-date{
	width: 238px !important;
}

.datepicker.datepicker-inline td,
.datepicker.datepicker-inline th,
.datepicker.dropdown-menu td,
.datepicker.dropdown-menu th {
    padding: 5px !important;
}

.datepicker.datepicker-dropdown.dropdown-menu{
	padding: 13px;
}

.datepicker{
  z-index: 10000 !important;
}

.daterange_container{
    z-index: 10000;
    display: block;
		position: relative;
}

.input-daterange.cs-date input.form-control:focus{
	background-color: #286090;
	color:white;
	border-color: #cccccc;
	box-shadow: none;
}
