keppler 2.1.17 → 2.1.18

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_appearance.scss

@@ -0,0 +1,5 @@
+.appearance-colors {
+  .change-color {
+    margin-left: 10px;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_bootstrap-colorpicker.scss

@@ -0,0 +1,269 @@
+$black: #000;
+$white: #fff;
+$ccc: #ccc;
+$transparent-black: rgba(0, 0, 0, .2);
+
+.colorpicker-saturation {
+  background-image: url('data:image/png;base64,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');
+  cursor: crosshair;
+  float: left;
+  height: 100;
+  width: 100;
+
+  i {
+    border: 1px solid $black;
+    border-radius: 5px;
+    display: block;
+    height: 5px;
+    left: 0;
+    margin: -4px 0 0 -4px;
+    position: absolute;
+    top: 0;
+    width: 5px;
+
+    b {
+      border: 1px solid $white;
+      border-radius: 5px;
+      display: block;
+      height: 5px;
+      width: 5px;
+    }
+  }
+}
+
+.colorpicker-hue,
+.colorpicker-alpha {
+  cursor: row-resize;
+  float: left;
+  height: 100;
+  margin-bottom: 4px;
+  margin-left: 4px;
+  width: 15px;
+
+  i {
+    background: $black;
+    border-top: 1px solid $white;
+    display: block;
+    height: 1px;
+    left: 0;
+    margin-top: -1px;
+    position: absolute;
+    top: 0;
+    width: 100%;
+  }
+}
+
+.colorpicker-hue {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABkCAMAAABw8qpSAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAh0lEQVR4XgXAg3EDAAAAwI9to7Zt27a1/w49BASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTS1tHXo1KVbj159+g0YNGTYiFFjxk2YNGXajFlz5i1YtGTZilVr1m3YtGXbjl179h04dOTYiVNnzl24dOXajVt37j149OTZi1dv3n349OXbj19//wOxE1dQ8reGAAAAAElFTkSuQmCC');
+}
+
+.colorpicker-alpha {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=');
+  display: none;
+}
+
+.colorpicker-saturation,
+.colorpicker-hue,
+.colorpicker-alpha {
+  background-size: contain;
+}
+
+.colorpicker {
+  border-radius: 4px;
+  margin-top: 1px;
+  min-width: 130;
+  padding: 4px;
+  z-index: 2500;
+
+  &::before,
+  &::after {
+    content: '';
+    display: table;
+    line-height: 0;
+  }
+
+  &::before {
+    border-bottom: 7px solid $ccc;
+    border-bottom-color: $transparent-black;
+    border-left: 7px solid transparent;
+    border-right: 7px solid transparent;
+    content: '';
+    display: inline-block;
+    left: 6px;
+    position: absolute;
+    top: -7px;
+  }
+
+  &::after {
+    border-bottom: 6px solid $white;
+    border-left: 6px solid transparent;
+    border-right: 6px solid transparent;
+    clear: both;
+    content: '';
+    display: inline-block;
+    left: 7px;
+    position: absolute;
+    top: -6px;
+  }
+
+  div {
+    position: relative;
+  }
+
+  &.colorpicker-with-alpha {
+    min-width: 140;
+
+    .colorpicker-alpha {
+      display: block;
+    }
+  }
+
+  &.colorpicker-inline {
+    display: inline-block;
+    float: none;
+    position: relative;
+    z-index: auto;
+  }
+
+  &.colorpicker-horizontal {
+    height: auto;
+    min-width: 110;
+    width: 110;
+
+    .colorpicker-saturation {
+      margin-bottom: 4px;
+    }
+
+    .colorpicker-color {
+      width: 100;
+    }
+
+    .colorpicker-hue,
+    .colorpicker-alpha {
+      cursor: col-resize;
+      float: left;
+      height: 15px;
+      margin-bottom: 4px;
+      margin-left: 0;
+      width: 100;
+    }
+
+    .colorpicker-hue i,
+    .colorpicker-alpha i {
+      background: $white;
+      border: 0;
+      display: block;
+      height: 15px;
+      left: 0;
+      margin-top: 0;
+      position: absolute;
+      top: 0;
+      width: 1px;
+    }
+
+    .colorpicker-hue {
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAABCAMAAAAfBfuPAAABLFBMVEXqFBb/ABH/ACL/ADH/AEH/AFD/AGD/AG7/AH7/AI3/AJ3/AKz/ALz/AMr/ANv/AOr/APr2AP/mAP/XAP/HAP+4AP+oAP+aAP+JAP97AP9rAP9cAP9MAP8+AP8tAP8fAP8PAP8BAv8AEP8AH/8AL/8APv8ATv8AXP8Abf8Ae/8Ai/8Amv8Aqv8AuP8Ayf8A1/8A5/8A9/8A//gA/+kA/9kA/8oA/7oA/6wA/5sA/40A/30A/24A/14A/1AA/z8A/zEA/yEA/xEB/wMN/wAd/wAs/wA8/wBK/wBb/wBp/wB5/wCI/wCY/wCm/wC3/wDF/wDV/wDk/wD1/wD/+gD/7AD/3AD/zAD/vgD/rQD/nwD/jgD/gAD/cAD/YgD/UQD/QwD/MgD/JAD/FAD4Eg42qAedAAAAbUlEQVR4XgXAghEDsbxtlrZt27ax/w49ACAYQTGcICmaYTleECVZUTXdMC1Wm93hdLk9Xp8/EAyFI9FYPJFMpTPZXL5QLJUr1Vq90Wy1O91efzAcjSfT2XyxXK03293+cDydL9fb/fF8vT/f3x+LfRNXARMbCAAAAABJRU5ErkJggg==');
+    }
+
+    .colorpicker-alpha {
+      background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAAKCAQAAADoFTP1AAAB9ElEQVR4XoWTQW4VMRBEu9qWEimL7DhEMp8NF+ASnJJLcAQgE1bcgBUSkYKUuHCrZ9pjeqSU5Yn9LPu7umJQBIIv+k7vIOrtK66L4lmr3pVOrOv3otp619KZ0/KjdNI79L52Uo09FBQWrU0vfe5trezU+hLsoUKd3Repovte+0vbq/7Lj5XbaHECKasR9G4MPlbp+gzZxd6koPEJCkAYC5SjcOTAIIOK90Dja1IfIZ8Z+zAY9jm3b5Ia+MT5sFcqRJrR2AYYA8Kua5BzYRrFPNmD4PQMegGJMOffJJUsWiI3nCHZZjInNdffLWOufzbc3JaboCAVxwmnRHbhLSPwRJ4wU0BRSc6HkECYYVw95nMKgJOcylxrJttE5Ibzf9Xq9GPvP+WX3MiV/MGHfRu/SentRQrfG1GzsIrytdNXucSRKxQNIGHM9YhGFQJcdjNcBZvfJayuYe4Sia1CzwW+19mWOhe37HsxJWKwbu/jluEU15QzAQjAqCEbhMJc78GYV2E0kooHDubUImWkTOhGpgv8PoT8DJG/bzxna4BZ0eOFSOaLADGeSpFsg5AzeaDZIDQQXjZ4y/8ryfzUXBwdELRjTjCNvOeT0rNlrJz90vwy6N9pXXQEluX0inElpPWokSdiLCfiNJJjMKQ8Qsh8GEKQKMo/eiHrNbI9UksAAAAASUVORK5CYII=');
+    }
+  }
+}
+
+.colorpicker-color {
+  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAABkCAQAAAAVxWkcAAABr0lEQVR4Xo2VwU0DQQxF7dmRuNIFlzlSAR3QAaXQQdIBJVABFXDcOVAAd67cjJLR07dkhcSrkZKfb/t7bG88rFo3B5gZPMNycItu2xloGV7MWHzM9zuzFWCkmA0nK6AszCUJDW6+mG6R03ncw5v8EMTEvZ2O3AliYjpslblc0RF9LmZYWxURU6aKytWZYsoWCAe+xwOZp1GsEukGiIkYxcQCHck99+gRgB7JncyIB5SGEhP3Yh5P6JwX+u6AnYot104d8DJT7uH7M9JH6OZbimj0vfMVaYnJIZFJDBW9kHlerL2C6JV4mSt7uuo2N57RxnZ+usQjn0R1jwBJBrNO3evJpVYUWsJ/E3UiXRlv24/7YZ04xmEdWlzcKS+B/eapeyMvFd2k0+hRk/T0AmTW8h69s2sjYMsdPntECiILhAeIMZAeH4QvUwfn6ijC0tTV+fT9ky8jM9nK2g7Ly1VjSpKYq6IvsAm7MtNu1orEqa/K3KNvgMFdhfquPfJmp2dbh0/8Gzb6Y22ViaNr6n5410zXdngVhbu6XqdOtWOuin5hjABGp4a2uotZ71MVCfwDBt2/v37yo6AAAAAASUVORK5CYII=');
+  background-position: 0 100%;
+  clear: both;
+  height: 10;
+  margin-top: 5px;
+
+  div {
+    height: 10;
+  }
+}
+
+.colorpicker-selectors {
+  clear: both;
+  display: none;
+  height: 10;
+  margin-top: 5px;
+
+  i {
+    cursor: pointer;
+    float: left;
+    height: 10;
+    width: 10;
+
+    + i {
+      margin-left: 3px;
+    }
+  }
+}
+
+.colorpicker-element .input-group-addon i,
+.colorpicker-element .add-on i {
+  cursor: pointer;
+  display: inline-block;
+  height: 16px;
+  vertical-align: text-top;
+  width: 16px;
+}
+
+.colorpicker-right::before {
+  left: auto;
+  right: 6px;
+}
+
+.colorpicker-right::after {
+  left: auto;
+  right: 7px;
+}
+
+.colorpicker-no-arrow::before {
+  border-left: 0;
+  border-right: 0;
+}
+
+.colorpicker-no-arrow::after {
+  border-left: 0;
+  border-right: 0;
+}
+
+.colorpicker.colorpicker-visible,
+.colorpicker-alpha.colorpicker-visible,
+.colorpicker-saturation.colorpicker-visible,
+.colorpicker-hue.colorpicker-visible,
+.colorpicker-selectors.colorpicker-visible {
+  display: block;
+}
+
+.colorpicker.colorpicker-hidden,
+.colorpicker-alpha.colorpicker-hidden,
+.colorpicker-saturation.colorpicker-hidden,
+.colorpicker-hue.colorpicker-hidden,
+.colorpicker-selectors.colorpicker-hidden {
+  display: none;
+}
+
+.colorpicker-inline.colorpicker-visible {
+  display: inline-block;
+}
+
+.colorpicker-2x {
+  .colorpicker-saturation {
+    height: 200;
+    width: 200;
+  }
+
+  .colorpicker-hue,
+  .colorpicker-alpha {
+    height: 200;
+    width: 30;
+  }
+
+  .colorpicker-color,
+  .colorpicker-color div {
+    height: 30;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_customize.scss

@@ -0,0 +1,22 @@
+.customize-index {
+  padding: 2rem;
+  padding-top: 20px;
+
+  .status {
+    padding-right: 50px;
+  }
+}
+
+.iframe-body {
+  height: 325px;
+  margin: 0 auto;
+  overflow: hidden;
+
+  iframe {
+    height: 250%;
+    transform: scale(.4);
+    transform-origin: 0 0;
+    width: 250%;
+    zoom: 1.8;
+  }
+}

data/testing-with-2.1.18/app/assets/stylesheets/admin/pages/_datepicker.scss

@@ -0,0 +1,1086 @@
+
+.ui-helper-hidden {
+  display: none;
+}
+
+.ui-helper-hidden-accessible {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px;
+}
+
+.ui-helper-reset {
+  border: 0;
+  font-size: 100%;
+  line-height: 1.3;
+  list-style: none;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+  text-decoration: none;
+}
+
+.ui-helper-clearfix::before,
+.ui-helper-clearfix::after {
+  border-collapse: collapse;
+  content: '';
+  display: table;
+}
+
+.ui-helper-clearfix::after {
+  clear: both;
+}
+
+.ui-helper-zfix {
+  filter: alpha(Opacity = 0); // support: IE8
+  height: 100%;
+  left: 0;
+  opacity: 0;
+  position: absolute;
+  top: 0;
+  width: 100%;
+}
+
+.ui-front {
+  z-index: 100;
+}
+
+
+// Interaction Cues
+.ui-state-disabled {
+  cursor: default;
+  pointer-events: none;
+}
+
+// Icons
+.ui-icon {
+  background-repeat: no-repeat;
+  display: inline-block;
+  margin-top: -.25em;
+  overflow: hidden;
+  position: relative;
+  text-indent: -99999px;
+  vertical-align: middle;
+}
+
+.ui-widget-icon-block {
+  display: block;
+  left: 50%;
+  margin-left: -8px;
+}
+
+// Misc visuals
+
+// Overlays
+.ui-widget-overlay {
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+}
+
+.ui-accordion .ui-accordion-header {
+  cursor: pointer;
+  display: block;
+  font-size: 100%;
+  margin: 2px 0 0;
+  padding: .5em .5em .5em .7em;
+  position: relative;
+}
+
+.ui-accordion .ui-accordion-content {
+  border-top: 0;
+  overflow: auto;
+  padding: 1em 2.2em;
+}
+
+.ui-autocomplete {
+  cursor: default;
+  left: 0;
+  position: absolute;
+  top: 0;
+}
+
+.ui-menu {
+  display: block;
+  list-style: none;
+  margin: 0;
+  outline: 0;
+  padding: 0;
+
+  .ui-menu {
+    position: absolute;
+  }
+
+  .ui-menu-item {
+    cursor: pointer;
+    list-style-image: url('data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7');
+    margin: 0;
+    // support: IE10, see #8844
+  }
+
+  .ui-menu-item-wrapper {
+    padding: 3px 1em 3px .4em; // padding-left: 2rem
+    position: relative;
+  }
+
+  .ui-menu-divider {
+    border-width: 1px 0 0;
+    font-size: 0;
+    height: 0;
+    line-height: 0;
+    margin: 5px 0;
+  }
+
+  .ui-state-focus,
+  .ui-state-active {
+    margin: -1px;
+  }
+
+  .ui-icon {
+    bottom: 0;
+    left: .2em;
+    margin: auto 0;
+    position: absolute;
+    top: 0;
+  }
+
+  .ui-menu-icon {
+    left: auto;
+    right: 0;
+  }
+}
+
+// icon support
+.ui-menu-icons {
+  position: relative;
+}
+
+.ui-button {
+  cursor: pointer;
+  display: inline-block;
+  line-height: normal;
+  margin-right: .1em;
+  overflow: visible; // Support: IE <= 11
+  padding: .4em 1em;
+  position: relative;
+  text-align: center;
+  user-select: none;
+  vertical-align: middle;
+
+  // no icon support for input elements
+  &.ui-button-icon-only {
+    text-indent: 0;
+
+    .ui-icon {
+      left: 50%;
+      margin-left: -8px;
+      margin-top: -8px;
+      position: absolute;
+      top: 50%;
+    }
+  }
+
+  &.ui-icon-notext .ui-icon {
+    height: auto;
+    padding: .4em 1em;
+    text-indent: 0;
+    white-space: normal;
+    width: auto;
+  }
+}
+
+.ui-button,
+.ui-button:link,
+.ui-button:visited,
+.ui-button:hover,
+.ui-button:active {
+  text-decoration: none;
+}
+
+// to make room for the icon, a width needs to be set here
+.ui-button-icon-only {
+  box-sizing: border-box;
+  text-indent: -9999px;
+  white-space: nowrap;
+  width: 2em;
+}
+
+// workarounds */
+// Support: Firefox 5 - 40 */
+.ui-button::-moz-focus-inner,
+.ui-button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+.ui-controlgroup {
+  display: inline-block;
+  vertical-align: middle;
+
+  > .ui-controlgroup-item {
+    float: left;
+    margin-left: 0;
+    margin-right: 0;
+  }
+
+  .ui-controlgroup-label {
+    padding: .4em 1em;
+
+    span {
+      font-size: 80%;
+    }
+  }
+}
+
+.ui-controlgroup > .ui-controlgroup-item:focus,
+.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus {
+  z-index: 9999;
+}
+
+.ui-controlgroup-vertical > .ui-controlgroup-item {
+  display: block;
+  float: none;
+  margin-bottom: 0;
+  margin-top: 0;
+  text-align: left;
+  width: 100%;
+}
+
+.ui-controlgroup-vertical .ui-controlgroup-item {
+  box-sizing: border-box;
+}
+
+.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item {
+  border-left: 0;
+}
+
+.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item {
+  border-top: 0;
+}
+
+.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content {
+  border-right: 0;
+}
+
+.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content {
+  border-bottom: 0;
+}
+
+// Spinner specific style fixes */
+.ui-controlgroup-vertical .ui-spinner-input {
+
+  // Support: IE8 only, Android < 4.4 only */
+  width: 75%;
+}
+
+.ui-controlgroup-vertical .ui-spinner .ui-spinner-up {
+  border-top-style: solid;
+}
+
+.ui-checkboxradio-label .ui-icon-background {
+  border: transparent;
+  border-radius: .12em;
+  box-shadow: inset 1px 1px 1px $ccc;
+}
+
+.ui-checkboxradio-radio-label .ui-icon-background {
+  border: transparent;
+  border-radius: 1em;
+  height: 16px;
+  overflow: visible;
+  width: 16px;
+}
+
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,
+.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon {
+  background-image: none;
+  border-style: solid;
+  border-width: 4px;
+  height: 8px;
+  width: 8px;
+}
+
+.ui-checkboxradio-disabled {
+  pointer-events: none;
+}
+
+.ui-datepicker {
+  display: none;
+  padding: .2em .2em 0;
+  width: 17em;
+
+  // with multiple calendars */
+  &.ui-datepicker-multi {
+    width: auto;
+  }
+
+  .ui-datepicker-header {
+    padding: .2em 0;
+    position: relative;
+  }
+
+  .ui-icon {
+    background-repeat: no-repeat;
+    display: block;
+    left: .5em;
+    overflow: hidden;
+    text-indent: -99999px;
+    top: .3em;
+  }
+
+  .ui-datepicker-prev,
+  .ui-datepicker-next {
+    height: 1.8em;
+    position: absolute;
+    top: 2px;
+    width: 1.8em;
+  }
+
+  .ui-datepicker-prev span,
+  .ui-datepicker-next span {
+    display: block;
+    left: 50%;
+    margin-left: -8px;
+    margin-top: -8px;
+    position: absolute;
+    top: 50%;
+  }
+
+  .ui-datepicker-title {
+    line-height: 1.8em;
+    margin: 0 2.3em;
+    text-align: center;
+
+    select {
+      background: $gray-lighten;
+      font-size: 1em;
+      margin: 1px 0;
+    }
+  }
+
+  .ui-datepicker-month,
+  .ui-datepicker-year {
+    width: 45%;
+  }
+
+  table {
+    border-collapse: collapse;
+    font-size: .9em;
+    margin: 0 0 .4em;
+    width: 100%;
+  }
+
+  th {
+    border: 0;
+    font-weight: bold;
+    padding: .7em .3em;
+    text-align: center;
+  }
+
+  td {
+    border: 0;
+    padding: 1px;
+
+    span,
+    a {
+      display: block;
+      padding: .2em;
+      text-align: right;
+      text-decoration: none;
+    }
+  }
+
+  .ui-datepicker-buttonpane {
+    background-image: none;
+    border-bottom: 0;
+    border-left: 0;
+    border-right: 0;
+    margin: .7em 0 0;
+    padding: 0 .2em;
+
+    button {
+      cursor: pointer;
+      float: right;
+      margin: .5em .2em .4em;
+      overflow: visible;
+      padding: .2em .6em .3em;
+      width: auto;
+    }
+
+    .ui-datepicker-current {
+      float: left;
+    }
+  }
+}
+
+.ui-datepicker-multi .ui-datepicker-group {
+  float: left;
+
+  table {
+    margin: 0 auto .4em;
+    width: 95%;
+  }
+}
+
+.ui-datepicker-multi-2 .ui-datepicker-group {
+  width: 50%;
+}
+
+.ui-datepicker-multi-3 .ui-datepicker-group {
+  width: 33.3%;
+}
+
+.ui-datepicker-multi-4 .ui-datepicker-group {
+  width: 25%;
+}
+
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+  border-left-width: 0;
+}
+
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+  clear: left;
+}
+
+.ui-datepicker-row-break {
+  clear: both;
+  font-size: 0;
+  width: 100%;
+}
+
+// RTL support */
+.ui-datepicker-rtl {
+  direction: rtl;
+
+  .ui-datepicker-prev {
+    left: auto;
+    right: 2px;
+  }
+
+  .ui-datepicker-next {
+    left: 2px;
+    right: auto;
+  }
+
+  .ui-datepicker-buttonpane {
+    clear: right;
+
+    button {
+      float: left;
+    }
+
+    .ui-datepicker-current {
+      float: right;
+    }
+  }
+
+  .ui-datepicker-group {
+    float: right;
+  }
+
+  .ui-datepicker-group-last .ui-datepicker-header,
+  .ui-datepicker-group-middle .ui-datepicker-header {
+    border-left-width: 1px;
+    border-right-width: 0;
+  }
+}
+
+// Icons */
+.ui-datepicker
+
+.ui-dialog {
+  left: 0;
+  outline: 0;
+  padding: .2em;
+  position: absolute;
+  top: 0;
+
+  .ui-dialog-titlebar {
+    padding: .4em 1em;
+    position: relative;
+  }
+
+  .ui-dialog-title {
+    float: left;
+    margin: .1em 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    width: 90%;
+  }
+
+  .ui-dialog-titlebar-close {
+    height: 20px;
+    margin: -10px 0 0;
+    padding: 1px;
+    position: absolute;
+    right: .3em;
+    top: 50%;
+    width: 20px;
+  }
+
+  .ui-dialog-content {
+    background: none;
+    border: 0;
+    overflow: auto;
+    padding: .5em 1em;
+    position: relative;
+  }
+
+  .ui-resizable-n {
+    height: 2px;
+    top: 0;
+  }
+
+  .ui-resizable-e {
+    right: 0;
+    width: 2px;
+  }
+
+  .ui-resizable-s {
+    bottom: 0;
+    height: 2px;
+  }
+
+  .ui-resizable-w {
+    left: 0;
+    width: 2px;
+  }
+
+  .ui-resizable-se,
+  .ui-resizable-sw,
+  .ui-resizable-ne,
+  .ui-resizable-nw {
+    height: 7px;
+    width: 7px;
+  }
+
+  .ui-resizable-se {
+    bottom: 0;
+    right: 0;
+  }
+
+  .ui-resizable-sw {
+    bottom: 0;
+    left: 0;
+  }
+
+  .ui-resizable-ne {
+    right: 0;
+    top: 0;
+  }
+
+  .ui-resizable-nw {
+    left: 0;
+    top: 0;
+  }
+}
+
+.ui-dialog-buttonpane {
+  background-image: none;
+  border-width: 1px 0 0;
+  margin-top: .5em;
+  padding: .3em 1em .5em .4em;
+  text-align: left;
+
+  .ui-dialog-buttonset {
+    float: right;
+  }
+
+  button {
+    cursor: pointer;
+    margin: .5em .4em .5em 0;
+  }
+}
+
+.ui-draggable .ui-dialog-titlebar {
+  cursor: move;
+}
+
+.ui-draggable-handle {
+  touch-action: none;
+}
+
+.ui-resizable {
+  position: relative;
+}
+
+.ui-resizable-handle {
+  display: block;
+  font-size: .1px;
+  position: absolute;
+  touch-action: none;
+}
+
+.ui-resizable-disabled .ui-resizable-handle,
+.ui-resizable-autohide .ui-resizable-handle {
+  display: none;
+}
+
+.ui-resizable-n {
+  cursor: n-resize;
+  height: 7px;
+  left: 0;
+  top: -5px;
+  width: 100%;
+}
+
+.ui-resizable-s {
+  bottom: -5px;
+  cursor: s-resize;
+  height: 7px;
+  left: 0;
+  width: 100%;
+}
+
+.ui-resizable-e {
+  cursor: e-resize;
+  height: 100%;
+  right: -5px;
+  top: 0;
+  width: 7px;
+}
+
+.ui-resizable-w {
+  cursor: w-resize;
+  height: 100%;
+  left: -5px;
+  top: 0;
+  width: 7px;
+}
+
+.ui-resizable-se {
+  bottom: 1px;
+  cursor: se-resize;
+  height: 12px;
+  right: 1px;
+  width: 12px;
+}
+
+.ui-resizable-sw {
+  bottom: -5px;
+  cursor: sw-resize;
+  height: 9px;
+  left: -5px;
+  width: 9px;
+}
+
+.ui-resizable-nw {
+  cursor: nw-resize;
+  height: 9px;
+  left: -5px;
+  top: -5px;
+  width: 9px;
+}
+
+.ui-resizable-ne {
+  cursor: ne-resize;
+  height: 9px;
+  right: -5px;
+  top: -5px;
+  width: 9px;
+}
+
+.ui-progressbar {
+  height: 2em;
+  overflow: hidden;
+  text-align: left;
+
+  .ui-progressbar-value {
+    height: 100%;
+    margin: -1px;
+  }
+
+  .ui-progressbar-overlay {
+    background: url('data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==');
+    filter: alpha(opacity = 25); // support: IE8 */
+    height: 100%;
+    opacity: .25;
+  }
+
+  &-indeterminate .ui-progressbar-value {
+    background-image: none;
+  }
+}
+
+.ui-selectable {
+  touch-action: none;
+
+  &-helper {
+    border: 1px dotted $black;
+    position: absolute;
+    z-index: 100;
+  }
+}
+
+.ui-selectmenu-menu {
+  display: none;
+  left: 0;
+  margin: 0;
+  padding: 0;
+  position: absolute;
+  top: 0;
+
+  .ui-menu {
+    overflow: auto;
+    overflow-x: hidden;
+    padding-bottom: 1px;
+
+    .ui-selectmenu-optgroup {
+      border: 0;
+      font-size: 1em;
+      font-weight: bold;
+      height: auto;
+      line-height: 1.5;
+      margin: .5em 0 0;
+      padding: 2px .4em;
+    }
+  }
+}
+
+.ui-selectmenu-open {
+  display: block;
+}
+
+.ui-selectmenu-text {
+  display: block;
+  margin-right: 20px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.ui-selectmenu-button.ui-button {
+  text-align: left;
+  white-space: nowrap;
+  width: 14em;
+}
+
+.ui-selectmenu-icon.ui-icon {
+  float: right;
+  margin-top: 0;
+}
+
+.ui-slider {
+  position: relative;
+  text-align: left;
+
+  .ui-slider-handle {
+    cursor: default;
+    height: 1.2em;
+    position: absolute;
+    touch-action: none;
+    width: 1.2em;
+    z-index: 2;
+  }
+
+  .ui-slider-range {
+    background-position: 0 0;
+    border: 0;
+    display: block;
+    font-size: .7em;
+    position: absolute;
+    z-index: 1;
+  }
+}
+
+
+// support: IE8 - See #6727 */
+.ui-slider.ui-state-disabled .ui-slider-handle,
+.ui-slider.ui-state-disabled .ui-slider-range {
+  filter: inherit;
+}
+
+.ui-slider-horizontal {
+  height: .8em;
+
+  .ui-slider-handle {
+    margin-left: -.6em;
+    top: -.3em;
+  }
+
+  .ui-slider-range {
+    height: 100%;
+    top: 0;
+  }
+
+  .ui-slider-range-min {
+    left: 0;
+  }
+
+  .ui-slider-range-max {
+    right: 0;
+  }
+}
+
+.ui-slider-vertical {
+  height: 100px;
+  width: .8em;
+
+  .ui-slider-handle {
+    left: -.3em;
+    margin-bottom: -.6em;
+    margin-left: 0;
+  }
+
+  .ui-slider-range {
+    left: 0;
+    width: 100%;
+  }
+
+  .ui-slider-range-min {
+    bottom: 0;
+  }
+
+  .ui-slider-range-max {
+    top: 0;
+  }
+}
+
+.ui-sortable-handle {
+  touch-action: none;
+}
+
+.ui-spinner {
+  display: inline-block;
+  overflow: hidden;
+  padding: 0;
+  position: relative;
+  vertical-align: middle;
+
+  // more specificity required here to override default borders */
+  .ui-spinner-button {
+    border-bottom-style: none;
+    border-right-style: none;
+    border-top-style: none;
+  }
+}
+
+.ui-spinner-input {
+  background: none;
+  border: transparent;
+  color: inherit;
+  margin: .2em 0;
+  margin-left: .4em;
+  margin-right: 2em;
+  padding: .222em 0;
+  vertical-align: middle;
+}
+
+.ui-spinner-button {
+  cursor: default;
+  display: block;
+  font-size: .5em;
+  height: 50%;
+  margin: 0;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  right: 0;
+  text-align: center;
+  width: 1.6em;
+}
+
+.ui-spinner-up {
+  top: 0;
+}
+
+.ui-spinner-down {
+  bottom: 0;
+}
+
+.ui-tabs {
+  padding: .2em;
+  position: relative; // position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+
+  .ui-tabs-nav {
+    margin: 0;
+    padding: .2em .2em 0;
+
+    li {
+      border-bottom-width: 0;
+      float: left;
+      list-style: none;
+      margin: 1px .2em 0 0;
+      padding: 0;
+      position: relative;
+      top: 0;
+      white-space: nowrap;
+    }
+
+    .ui-tabs-anchor {
+      float: left;
+      padding: .5em 1em;
+      text-decoration: none;
+    }
+  }
+
+  .ui-tabs-active {
+    margin-bottom: -1px;
+    padding-bottom: 1px;
+  }
+
+  .ui-tabs-active .ui-tabs-anchor,
+  .ui-state-disabled .ui-tabs-anchor,
+  .ui-tabs-loading .ui-tabs-anchor {
+    cursor: text;
+  }
+
+  .ui-tabs-panel {
+    background: none;
+    border-width: 0;
+    display: block;
+    padding: 1em 1.4em;
+  }
+}
+
+.ui-tabs-collapsible .ui-tabs-active .ui-tabs-anchor {
+  cursor: pointer;
+}
+
+.ui-tooltip {
+  border-width: 2px;
+  max-width: 300px;
+  padding: 8px;
+  position: absolute;
+  z-index: 9999;
+}
+
+// Component containers
+.ui-widget {
+  font-family: Arial,Helvetica,sans-serif;
+  font-size: 1em;
+
+  .ui-widget {
+    font-size: 1em;
+  }
+
+  input,
+  select,
+  textarea,
+  button {
+    font-family: Arial,Helvetica,sans-serif;
+    font-size: 1em;
+  }
+
+  &.ui-widget-content {
+    border: 1px solid $light-white;
+  }
+
+  &-content {
+    background: $white;
+    border: 1px solid $dark-white;
+    color: $light-black;
+
+    a {
+      color: $light-black;
+    }
+  }
+
+  &-header {
+    background: $dark-white;
+    border: 1px solid $dark-white;
+    color: $light-black;
+    font-weight: bold;
+
+    a {
+      color: $light-black;
+    }
+  }
+}
+
+
+// Interaction states
+.ui-state-default,
+.ui-widget-content .ui-state-default,
+.ui-widget-header .ui-state-default,
+.ui-button,
+
+/* We use html here because we need a greater specificity to make sure disabled
+works properly when clicked or hovered */
+.ui-button.ui-state-disabled:hover,
+.ui-button.ui-state-disabled:active {
+  background: $dark-white;
+  border: transparent;
+  color: $dark-grey;
+  font-weight: normal;
+  transition: .2s ease-in-out;
+}
+
+.ui-state-default a,
+.ui-state-default a:link,
+.ui-state-default a:visited,
+.ui-button,
+.ui-button:link,
+.ui-button:visited {
+  color: $dark-grey;
+  text-decoration: none;
+}
+
+.ui-state-hover,
+.ui-widget-content .ui-state-hover,
+.ui-widget-header .ui-state-hover,
+.ui-state-focus,
+.ui-widget-content .ui-state-focus,
+.ui-widget-header .ui-state-focus,
+.ui-button:hover,
+.ui-button:focus {
+  background: $light-white;
+  border: 0;
+  color: $light-black;
+  cursor: pointer;
+  font-weight: normal;
+  transition: .2s ease-in-out;
+}
+
+.ui-state-hover a,
+.ui-state-hover a:hover,
+.ui-state-hover a:link,
+.ui-state-hover a:visited,
+.ui-state-focus a,
+.ui-state-focus a:hover,
+.ui-state-focus a:link,
+.ui-state-focus a:visited,
+.ui-button:hover,
+.ui-button:focus {
+  color: $light-black;
+  cursor: pointer;
+  text-decoration: none;
+}
+
+
+.ui-visual-focus {
+  box-shadow: 0 0 3px 1px $link-color;
+}
+
+.ui-state-active,
+.ui-widget-content .ui-state-active,
+.ui-widget-header .ui-state-active,
+.ui-button:active,
+.ui-button:active,
+.ui-button.ui-state-active:hover {
+  background: $keppler-color;
+  border: transparent;
+  color: $white;
+  font-weight: normal;
+}
+
+.ui-icon-background,
+.ui-state-active .ui-icon-background {
+  background-color: $white;
+  border: $keppler-color;
+}
+
+.ui-state-active a,
+.ui-state-active a:link,
+.ui-state-active a:visited {
+  color: $white;
+  text-decoration: none;
+}