new version

src/client/sass/lib/_style.scss

@@ -0,0 +1,135 @@
+.zf-green {
+  color: #68b604
+}
+
+.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
+  float: left
+}
+
+input[type=checkBox].form-control {
+  height: 24px;
+  height: 1.5rem;
+  width: 100%
+}
+
+[type=submit] {
+  display: block;
+  box-sizing: border-box;
+  width: 100%;
+  height: 39px;
+  height: 2.4375rem;
+  padding: 8px;
+  padding: .5rem;
+  border: 1px solid #cacaca;
+  margin: 0 0 16px;
+  margin: 0 0 1rem;
+  font-family: inherit;
+  font-size: 16px;
+  font-size: 1rem;
+  color: #0a0a0a;
+  background-color: #fefefe;
+  box-shadow: inset 0 1px 2px hsla(0, 0%, 4%, .1);
+  border-radius: 0;
+  transition: box-shadow .5s, border-color .25s ease-in-out;
+  -webkit-appearance: none;
+  -moz-appearance: none
+}
+
+form ul li {
+  color: red;
+  font-size: 12.8px;
+  font-size: .8rem
+}
+
+.button-dropdown:after {
+  border-color: #000 transparent transparent;
+  border-width: .4em;
+  border-style: solid;
+  content: "";
+  position: absolute;
+  top: .4em;
+  display: block;
+  height: 0;
+  width: 0;
+  right: 1em
+}
+
+.button-dropdown {
+  position: relative;
+  display: block;
+  padding-right: 2em
+}
+
+.button-dropdown.open:after {
+  border-color: transparent transparent #000;
+  top: 0
+}
+
+a.ui-datepicker-next, a.ui-datepicker-prev {
+  height: 100% !important
+}
+
+div.container a.navbar-brand > img {
+  display: inline;
+  margin-right: 4px
+}
+
+ul.menu.plain li.active a {
+  background-color: #ededed;
+  color: #000
+}
+
+ul.menu.plain li a {
+  color: #000
+}
+
+ul.menu.plain li a:hover {
+  color: #525252
+}
+
+ul.submenu {
+  border-top: 1px solid #bcbcbc;
+  border-bottom: 1px solid #bcbcbc;
+  margin-left: 10px
+}
+
+#cookie-compliance {
+  line-height: 1.2;
+  font-size: 0.8rem;
+  width: 100%;
+  margin: 0 0;
+  padding: 0.3rem 0;
+  #close-cookie-msg {
+    float: right;
+    margin-bottom: 0;
+    margin-right: 3px;
+    padding: 0.4rem 0.8rem;
+  }
+}
+
+.menu-container .button
+{
+  text-align: center;
+  width: 100%;
+}
+
+@for $i from 1 through 20 {
+  $factor: $i/20;
+  $value: percentage($factor);
+  .height-#{$factor*100} {
+    height: $value;
+  }
+  .max-height-#{$factor*100} {
+    max-height: $value;
+  }
+  .width-#{$factor*100} {
+    width: $value;
+  }
+  .max-width-#{$factor*100} {
+    max-width: $value;
+  }
+}
+
+.text-right {
+  text-align: right;
+}