Base

resources/less/_variables.less

@@ -0,0 +1,9 @@
+@icon-font-path: '~bootstrap/dist/fonts';
+
+@palette1: #333;
+@palette2: #f78820;
+
+@page_heading: #14153c;
+@grey: #a9a9a9;
+@dark-grey: #808080;
+@light-grey: #d3d3d3;

resources/less/app.less

@@ -0,0 +1,9 @@
+@import "_variables";
+
+@import "bootstrap";
+
+//@import "node_modules/font-awesome/less/font-awesome";
+
+@import "custom";
+
+@import (less) "node_modules/jquery-ui-bootstrap/jquery.ui.theme.css";

resources/less/bootstrap.less

@@ -0,0 +1,2 @@
+@import "node_modules/bootstrap/less/bootstrap";
+//@import "node_modules/bootstrap-datepicker/less/datepicker3";

resources/less/custom.less

@@ -0,0 +1,50 @@
+@import "submenu";
+@import "print";
+
+.logo_cabezal {
+	padding: 1%;
+	img {
+		height: @line-height-base * @font-size-base * 5;
+	}
+}
+
+.dropdown-submenu {
+    position: relative;
+    
+    .dropdown-menu {
+	    top: 0;
+	    left: 100%;
+	    margin-top: -1px;
+	}
+}
+
+.error {
+	background-color: darken(@brand-danger, .9);
+}
+
+.page-heading {
+	padding: 3px 10px;
+	margin: auto 0;
+	background-color: @page_heading;
+	color: white;
+	
+	a {
+		color: inherit;
+	}
+}
+
+.section-heading {
+	background-color: @dark-grey !important;
+	color: white !important;
+	
+	a {
+		color: inherit !important;
+	}
+}
+.subsection-heading {
+	background-color: @light-grey !important;
+}
+
+.agregar, .remover, .click {
+	cursor: pointer;
+}

resources/less/print.less

@@ -0,0 +1,101 @@
+@media print {
+	header, footer, .benchmark {
+		display: none;
+	}
+}
+#print {
+	width: 100%;
+	
+	div.title {
+		font-size: 15pt;
+		font-weight: bold;
+		border-bottom: 3px solid black;
+		text-align: center;
+	}
+	
+	table.data-box {
+		width: 100%;
+		border-collapse: collapse;
+		td {
+			border: thin solid black;
+			padding-left: 2px;
+		}
+	}
+	
+	table.details {
+		width: 100%;
+		border-collapse: collapse;
+		
+		thead {
+			color: white;
+			background-color: black;
+			font-weight: bold;
+		}
+		
+		tbody {
+			tr {
+				border: thin solid black;
+				&:nth-child(odd) {
+					background-color: lightgray;
+				}
+				&.total {
+					font-weight: bold;
+					td {
+						border-top-style: double;
+						border-top-width: 3px;
+					}
+				}
+			}
+		}
+		
+		td, th {
+			border: thin solid black;
+			padding-left: 2px;
+		}
+	}
+	
+	label {
+		font-variant: small-caps;
+		font-size: 10pt;
+	}
+	
+	div.data {
+		float: left;
+	}
+	div.data-value {
+		float: right;
+	}
+	div.total {
+		float: left;
+		font-weight: bold;
+	}
+	div.total-value {
+		float: right;
+		font-weight: bold;
+	}
+	br.clear {
+		clear: both;
+	}
+	
+	table.signature {
+		width: 75%;
+		tr {
+			&.double {
+				height: 12pt * 2;
+			}
+			&.triple {
+				height: 12pt * 3;
+			}
+			&.quadruple {
+				height: 12pt * 4;
+			}
+			td {
+				padding-left: 2px;
+				border: thin solid black;
+				&:nth-child(2) {
+					width: 70%;
+				}
+		}
+		}
+	}
+}

resources/less/submenu.less

@@ -0,0 +1,42 @@
+.dropdown-submenu {
+    position: relative;
+	.dropdown-menu {
+    	top: 0;
+    	left: 100%;
+    	margin-top: -6px;
+    	margin-left: -1px;
+    	-webkit-border-radius: 0 6px 6px 6px;
+    	-moz-border-radius: 0 6px 6px;
+    	border-radius: 0 6px 6px 6px;
+    }
+    &:hover>.dropdown-menu {
+    	display: block;
+    	a:after {
+		    border-left-color: #fff;
+		}
+	}
+	a:after {
+	    display: block;
+	    content: " ";
+	    float: right;
+	    width: 0;
+	    height: 0;
+	    border-color: transparent;
+	    border-style: solid;
+	    border-width: 5px 0 5px 5px;
+	    border-left-color: #ccc;
+	    margin-top: 5px;
+	    margin-right: -10px;
+	}
+	.pull-left {
+	    float: none;
+	    
+	    .dropdown-menu {
+		    left: -100%;
+		    margin-left: 10px;
+		    -webkit-border-radius: 6px 0 6px 6px;
+		    -moz-border-radius: 6px 0 6px 6px;
+		    border-radius: 6px 0 6px 6px;
+		}
+	}
+}