html,
body {
    height: 100%;
    font-size: 11px;
}

.btn {
    font-size: 11px;
}

h1, .h1 {
    font-size: 24px;
}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    padding: 4px;
}

td>a {
    display: inline-block;
}

.action-column {
    width: 1%;
    white-space: nowrap;
}

.form-group {
    margin-bottom: 10px;
}

.form-control {
    font-size: 11px;
    padding: 3px 6px;
}

.nochrome .wrap > .container {
	padding-top: 30px;
}

.wrap {
    min-height: 100%;
    height: auto;
    margin: 0 auto -60px;
    padding: 0 0 60px;
}

.wrap > .container {
    padding: 70px 15px 20px;
}

.footer {
    height: 60px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    padding-top: 20px;
}

.jumbotron {
    text-align: center;
    background-color: transparent;
}


.not-set {
    color: #c55;
    font-style: italic;
}

/* add sorting icons to gridview sort links */
a.asc:after, a.desc:after {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    padding-left: 5px;
}

a.asc:after {
    content: /*"\e113"*/ "\e151";
}

a.desc:after {
    content: /*"\e114"*/ "\e152";
}

.sort-numerical a.asc:after {
    content: "\e153";
}

.sort-numerical a.desc:after {
    content: "\e154";
}

.sort-ordinal a.asc:after {
    content: "\e155";
}

.sort-ordinal a.desc:after {
    content: "\e156";
}

.grid-view input[type=checkbox] {
	min-width: initial;
	width: 40px;
}

.grid-view th {
    white-space: nowrap;
}

.hint-block {
    display: block;
    margin-top: 5px;
    color: #999;
}

.error-summary {
    color: #a94442;
    background: #fdf7f7;
    border-left: 3px solid #eed3d7;
    padding: 10px 20px;
    margin: 0 0 15px 0;
}

/* align the logout "link" (button in form) of the navbar */
.nav li > form > button.logout {
    padding: 15px;
    border: none;
}

.nav > li > form > button.logout:focus,
.nav > li > form > button.logout:hover {
    text-decoration: none;
}

.nav > li > form > button.logout:focus {
    outline: none;
}

input,
select {
    min-width: 100px;
}

.table-striped > tbody > tr:nth-of-type(odd) {
    filter: brightness(93%);
}

.commissionNew {
    background-color: #ffffff !important;
}

.commissionInProgress {
    background-color: #ffffc6 !important;
}

.commissionPostponed {
    background-color: #c6ffff !important;
}

.commissionFinished {
    background-color: #c6ffc6 !important;
}

.commissionInvoiced {
    opacity: 0.4;
}

.commissionStorno {
    background-color: #c6c6c6 !important;
}

.commissionFake {
    background-color: #ffc6c6 !important;
}

.commissionBarter {
	background-color: #ffc6ff !important;
}

.gridRowDone {
    opacity: 0.4;
}

.commissionBilled .billingSelector {
	pointer-events: none;
	opacity: 0.2;
}

input.invoiceNumber,
a.invoiceCancel,
a.invoiceIt {
    display: none;
}

.commissionInvoicing span.invoiceNumber,
.commissionInvoicing a.invoicePrepare,
.commissionInvoicing a.inProgressSet,
.commissionInvoicing a.finishedSet,
.commissionInvoicing a.barterSet
{
    display: none;
}

.commissionInvoicing input.invoiceNumber,
.commissionInvoicing a.invoiceCancel,
.commissionInvoicing a.invoiceIt {
    display: inline-block;
}

.icon.icon-barter,
.icon.icon-finished,
.icon.icon-inProgress,
.icon.icon-invoice,
.icon.icon-ok,
.icon.icon-cancel {
	width: 11px;
	height: 11px;
	color: white;
	background: #337ab7;
	display: block;
	font-size: 8px;
	line-height: 11px;
	font-family: Arial;
	text-align: center;
	font-weight: bold;
	border-radius: 15px;
	margin: 4px 2px;
}

.icon.icon-barter:before {
	content: "B";
}
.icon.icon-finished:before {
	content: "H";
}
.icon.icon-inProgress:before {
	content: "R";
}
.icon.icon-invoice:before {
	content: "$";
}
.icon.icon-ok:before {
    content: "✓";
}
.icon.icon-cancel:before {
    content: "×";
}

.gridRowDeleted {
	background-color: #ffe5e5 !important;
	opacity: 0.4;
}

.gridRowDeleted:nth-of-type(2n+1) {
	background-color: #ffdada !important;
}

#quick-search {
    width: 250px;
    display: inline-block;
    margin-top: 8px;
    margin-left: 20px;
}

#quick-search .form-group,
#quick-search .help-block {
    margin: 0px;
}

.tags-input {
    display: block;
    width: inherit;
    padding: 5px;
    border-radius: 3px;
}

.tags-input .tag {
    padding: 1px 5px;
}

.form-group-header {
    border-bottom: 1px dashed #aaa;
    margin-bottom: 10px;
}

.form-group {
	position: relative;
}

.search-result {
    margin: 0px 0px 20px 0px;
}

.search-result .search-title {
    font-weight: bold;
    font-size: 18px;
}

.search-result .detail-title {
    font-size: 12px;
    font-style: italic;
    margin-right: 5px;
}

.search-result .detail-value:after {
    content: " | ";
}

.search-result .detail-value:last-child:after {
    content: initial;
}

.materialsearch {
	margin: 20px 0px;
}

.materialsearch label {
    margin-bottom: 0;
}

.searchpropertygroup {
	width: 19%;
	display: inline-block !important;
	vertical-align: top;
	padding: 5px;
}

.searchpropertygroup label.control-label {
	width: 100%;
	font-weight: bold;	
}

.searchpropertygroup label {
	display: block;
	font-weight: normal;
}

.searchpropertygroup:nth-child(odd) {
	background: #f3f3f3;
}

.searchpropertygroup input[type=checkbox]{
	min-width: initial;
}

.bill {
    width: 190mm;
    height: 250mm;
    margin: 10mm auto 0mm auto;
	position: relative;
}

.bill .storno {
	position: absolute;
	font-size: 3cm;
	font-weight: bold;
	color: red;
	z-index: 1;
	text-align: center;
	width: 190mm;
	opacity: 0.5;
	transform: rotate(-45deg);
	top: 4cm;
}

.bill > .head {
    text-align: right;
    font-size: 2em;
}

.bill > .content {
    border: 2px solid black;
    width: 100%;
	height: 100%;

}

.bill table {
	width: 100%;
	border: 1px solid black;
}

.bill table tr {
	border: 1px solid black;
	height: 270mm;
}

.bill table td {
	border: 1px solid black;
}

.bill .supplier,
.bill .customer,
.bill .payment_info,
.bill .fill {
    border-bottom: 1px solid black;
    width: 95mm;
    display: table-cell;
    padding: 5mm;
    position: relative;
}

.bill .payment_info {
    width: 100% !important;
    display: inline-block;
}

.bill .supplier {
    border-right: 1px solid black;
}

.bill .supplier .logo {
    position: absolute;
    right: 5mm;
    top: 5mm;
    width: 35mm;
}

.bill .commission_overview {
    margin: 0.5cm;
}

.bill .commission_overview>.head {
    font-weight: bold;
    margin-bottom: 0.25cm;
}

.bill .commission_overview .commission .head {
    border-width: 1px 0px 0px 0px;
    border-color: black;
    border-style: solid;
    font-style: italic;
}


.bill .commission_overview .head .specification,
.bill .commission_overview .head .number,
.bill .commission_overview .head .price {
    width: 32%;
    display: inline-block;
}

.bill .commission_overview .head .price {
    text-align: right;
}

.bill .commission_overview .text {
    margin-bottom: 0.75cm;
}

.bill .commission_overview textarea {
    border: 0;
    background: white;
    max-width: 100%;
    min-width: 100%;
}

.addMaterialControl {
	margin-top: -20px;
	padding: 5px;
}

.addMaterialControl > * {
	display: inline-block;
	vertical-align: middle;
}

.addMaterialButton {
	background: black;
	width: 30px;
	height: 30px;
	cursor: pointer;
	color: white;
	font-family: arial;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}

/*
		SETTINGS
*/
.setting-section {
	border: 1px solid #eeeeee;
	margin: 0px 0px 60px 0px;
	padding: 10px;
	box-shadow: 0px 0px 10px #eeeeee;
}

.setting-section h2 {
	margin: 0px 0px 10px 0px;
	border-bottom: 1px solid #eeeeee;
}

@media(max-width:767px) {
    .nav li > form > button.logout {
        display:block;
        text-align: left;
        width: 100%;
        padding: 10px 15px;
    }
    
    #quick-search {
        width: 100%;
        margin-left: 0px;
    }
	
	.searchpropertygroup {
		width: 100%;
		display: block;
	}
}

@media(min-width:1650px) {
	.container {
		width: 1600px;
	}
}

@media print {
    @page:first {
        size: A4;
    }
	
	@page {
        size: A4;
        margin: 2cm;
    }
	
    a[href]::after {
        content: initial;
    }
    
    .btn {
        display: none;
    }
    
    .wrap > .container {
        padding: 0px !important;
        width: initial;
    }
    
    .footer {
        display: none;
    }
    
    .filters {
        display: none;
    }
    
    .bill .commission_overview textarea {
        height: auto !important;
    }
	
	.breadcrumb {
		display: none;
	}
}