indigo.css

.mobile *, .mobile {
  -webkit-tap-highlight-color: transparent;
  -moz-tap-highlight-color: transparent;
  tap-highlight-color: transparent;
  margin: 0;
  padding: 0; }

html, body {
  height: 100%;
  overflow: hidden; }

.mobile input {
  line-height: 1;
  vertical-align: middle; }

.mobile .selectable, .mobile input, .mobile .text-area {
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto; }

.no-wrap {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.exclude {
  display: none !important; }

.space-top {
  margin-top: 4px; }

a:hover, a:active {
  outline: none; }

.mobile.root {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  overflow-x: hidden;
  height: 100%;
  width: 100%; }

img:not([src]) {
  display: none; }

img:before {
  content: '';
  display: block;
  position: absolute; }

img.no-content {
  content: '';
  display: block;
  position: relative; }

.root.android.v2 img {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1); }

.text-field:not(.selectbox), .number-field, .password-field {
  -webkit-user-modify: read-write-plaintext-only;
  -webkit-tap-highlight-color: transparent;
  outline-style: none; }

.root.android.v2 .password-field {
  position: relative;
  top: -10000px;
  -webkit-transform: translate3d(0, 10000px, 0);
  -moz-transform: translate3d(0, 10000px, 0);
  transform: translate3d(0, 10000px, 0); }

input::-webkit-input-placeholder {
  line-height: normal; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0; }

.scroll {
  position: relative;
  height: 100%;
  overflow: hidden; }

.iscroll {
  width: 100%;
  position: absolute;
  padding-bottom: 10px; }

.root.android.v2 .iscroll {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1); }

.scroll-container {
  -webkit-perspective: 1000;
  -webkit-backface-visibility: hidden;
  position: relative;
  overflow: hidden; }

.scroll-container-child {
  position: relative; }

.scroll-container.scrollable-top:before, .scroll-container.scrollable-bottom:after {
  pointer-events: none; }

.scroll.native {
  -webkit-overflow-scrolling: touch;
  overflow: scroll; }

.animationParent {
  -webkit-perspective: 800;
  -moz-perspective: 800;
  perspective: 800;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transform-style: preserve-3d; }

.animationChild {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute; }

.in {
  z-index: 10; }

.out {
  z-index: 0; }

.in, .out {
  -webkit-animation-timing-function: ease-in-out;
  -moz-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 350ms;
  -moz-animation-duration: 350ms;
  animation-duration: 350ms;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both; }

.slideup.in {
  z-index: 10; }

.slideup.out {
  z-index: 0; }

.slideup.in.reverse {
  z-index: 0; }

.slideup.out.reverse {
  z-index: 10; }

.flip {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden; }

.swap {
  -webkit-transform: perspective(800);
  -moz-transform: perspective(800);
  transform: perspective(800); }

.layout-card {
  overflow: hidden;
  position: relative; }

.layout-card-item {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.hbox, .selectbox, .toolbar-button {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  -webkit-box-orient: horizontal;
  -moz-box-orient: horizontal;
  box-orient: horizontal;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

@-moz-document url-prefix() {
  .hbox, .selectbox, .toolbar-button {
    width: 100%; } }

.vbox {
  width: 100%;
  height: 100%; }

.vbox {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  box-orient: vertical;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -ms-flex-direction: column; }

.box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: box; }

.box-centered {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center; }

.content {
  overflow: hidden; }

.boxSpacer {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  box-flex: 1; }

.boxReverse {
  -webkit-box-direction: reverse;
  -moz-box-direction: reverse;
  box-direction: reverse; }

.hbox.boxReverse, .boxReverse.selectbox, .boxReverse.toolbar-button {
  -ms-flex-direction: row-reverse; }

.vbox.boxReverse {
  -ms-flex-direction: column-reverse; }

.boxAlignStart {
  -webkit-box-align: start;
  -moz-box-align: start;
  -ms-flex-align: start;
  box-align: start; }

.boxAlignCenter, .selectbox {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  box-align: center; }

.boxAlignEnd {
  -webkit-box-align: end;
  -moz-box-align: end;
  -ms-flex-align: end;
  box-align: end; }

.boxPackStart {
  -webkit-box-pack: start;
  -moz-box-pack: start;
  -ms-flex-pack: start;
  box-pack: start; }

.boxPackCenter, .box-centered {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  box-pack: center; }

.boxPackEnd {
  -webkit-box-pack: end;
  -moz-box-pack: end;
  -ms-flex-pack: end;
  box-pack: end; }

.boxFlex0 {
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
  -ms-flex: 0 0 auto;
  box-flex: 0; }

.boxFlex1, .button .label, .boxFlex, .toolbar-button > div {
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
  -ms-flex: 1 1 auto;
  box-flex: 1; }

.boxFlex2 {
  -webkit-box-flex: 2;
  -moz-box-flex: 2;
  -ms-flex: 2 2 auto;
  box-flex: 2; }

.boxFlex3 {
  -webkit-box-flex: 3;
  -moz-box-flex: 3;
  -ms-flex: 3 3 auto;
  box-flex: 3; }

.boxFlex4 {
  -webkit-box-flex: 4;
  -moz-box-flex: 4;
  -ms-flex: 4 4 auto;
  box-flex: 4; }

.boxFlex5 {
  -webkit-box-flex: 5;
  -moz-box-flex: 5;
  -ms-flex: 5 5 auto;
  box-flex: 5; }

.boxFlex6 {
  -webkit-box-flex: 6;
  -moz-box-flex: 6;
  -ms-flex: 6 6 auto;
  box-flex: 6; }

.boxGroup1 {
  -webkit-box-flex-group: 1;
  -moz-box-flex-group: 1;
  box-flex-group: 1; }

.boxGroup2 {
  -webkit-box-flex-group: 2;
  -moz-box-flex-group: 2;
  box-flex-group: 2; }

.disabled {
  opacity: 0.35;
  cursor: default; }

.transparent {
  opacity: 0 !important; }

.root {
  font-weight: normal;
  font-size: 0.9em; }

.page {
  /* Disable touch behaviors, like pan and zoom for IE10*/
  -ms-touch-action: none; }

.fontNormal {
  font-size: 0.8em;
  font-weight: normal; }

.title, .form-title {
  font-weight: bold; }

.title {
  font-size: 1.4em;
  text-align: center;
  margin-left: 4px;
  margin-right: 4px; }

.form-title {
  line-height: 20px;
  font-size: 1.2em;
  margin-top: 10px;
  margin-bottom: 10px;
  text-indent: 5px; }

.content:not(.group) .form-title {
  text-indent: 15px; }

.group {
  margin: 10px; }

.blocker {
  position: absolute;
  z-index: 100;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  color: black;
  background-color: rgba(0, 0, 0, 0.3);
  -webkit-backface-visibility: hidden; }

.standard-button, .button, .navigationbar-button, .navigationbar-backbutton, .toolbar-button {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  padding-left: 6px;
  padding-right: 6px;
  width: auto;
  font-weight: normal;
  font-size: 16px;
  text-align: center; }

.button {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-top: 4px;
  height: 30px;
  width: auto;
  line-height: 30px;
  font-size: 15px; }

.carousel {
  overflow: hidden; }

.carousel-scroller {
  -webkit-transition: all ease-out;
  -moz-transition: all ease-out;
  transition: all ease-out;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  vertical-align: top; }

.carousel-page {
  display: inline-block;
  overflow: hidden;
  vertical-align: top; }

.carousel-pagination {
  position: relative;
  text-align: center;
  overflow: hidden;
  max-height: 30px; }

.carousel-pagination-label {
  display: inline-block;
  margin: 2px; }

.checkbox {
  display: inline-block;
  cursor: pointer;
  width: 32px;
  height: 32px;
  text-align: center; }

.root.android.v2 .checkbox {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  transform: scale(1); }

.collapsible-content {
  background-color: white;
  border: 1px solid #dddddd;
  overflow: hidden; }

.collapsible.combined:not(.collapsed) .collapsible-header {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.collapsible.combined.collapsed .collapsible-header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.collapsible.combined .collapsible-content {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius-bottomleft: 4px;
  -webkit-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 10px; }

.collapsible.combined:not(.collapsed) .collapsible-content {
  border-top: 0px solid transparent; }

.collapsible:not(.combined) .collapsible-header {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-bottom: 10px; }

.collapsible:not(.combined) .collapsible-content {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 10px; }

.collapsible-header {
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#cccccc));
  background-image: -webkit-linear-gradient(top, white, #cccccc);
  background-image: -moz-linear-gradient(top, white, #cccccc);
  background-image: -ms-linear-gradient(top, white, #cccccc);
  background-image: linear-gradient(to bottom, white, #cccccc);
  position: relative;
  padding: 10px;
  border: 1px solid #888888; }

.collapsible-header:not(.active) {
  color: #333333; }

.collapsible-header.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#658fd4), to(#2e5ba5));
  background-image: -webkit-linear-gradient(top, #658fd4, #2e5ba5);
  background-image: -moz-linear-gradient(top, #658fd4, #2e5ba5);
  background-image: -ms-linear-gradient(top, #658fd4, #2e5ba5);
  background-image: linear-gradient(to bottom, #658fd4, #2e5ba5);
  color: white; }

.collapsible.collapsed .collapsible-header.label:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #333333; }

.collapsible.collapsed .collapsible-header.active.label:after {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid white; }

.collapsible:not(.collapsed) .collapsible-header.label:after {
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -4px;
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #333333; }

.collapsible:not(.collapsed) .collapsible-header.active.label:after {
  display: block;
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid white; }

.drawer {
  position: absolute; }

.drawer.above {
  z-index: 1; }

.drawer.below {
  z-index: -1; }

.drawer.left {
  left: 0;
  top: 0;
  height: 100%; }

.drawer.right {
  right: 0;
  top: 0;
  height: 100%; }

.drawer.top {
  width: 100%;
  left: 0;
  top: 0; }

.drawer.bottom {
  width: 100%;
  left: 0;
  bottom: 0; }

.drawer.left.above.hidden {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  transform: translateX(-100%); }

.drawer.right.above.hidden {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  transform: translateX(100%); }

.drawer.top.above.hidden {
  -webkit-transform: translateY(-100%);
  -moz-transform: translateY(-100%);
  transform: translateY(-100%); }

.drawer.bottom.above.hidden {
  -webkit-transform: translateY(100%);
  -moz-transform: translateY(100%);
  transform: translateY(100%); }

.root.drawer-parent {
  overflow: visible !important; }

.drawer-parent.blocked:not(.root) > *:first-child > * {
  pointer-events: none; }

.animationChild .drawer {
  display: none; }

.form {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  margin-bottom: 10px;
  background-color: transparent;
  border: none;
  font: bold 17px "Segoe UI", "Slate Pro", sans-serif, Helvetica;
  padding: 0;
  cursor: pointer; }

.form-row {
  list-style-type: none;
  padding: 10px 25px 10px 10px; }

.form .form-row.form-separation-row:last-child {
  background-color: transparent;
  margin-bottom: 0px; }

.form .list .form-row.error {
  border: 2px solid red; }

.form .form-row.error + .form-row.error {
  border-top: 0; }

.form .form-row * {
  white-space: normal;
  text-overflow: ellipsis; }

.form .text-field, .form .number-field, .form .password-field {
  display: block;
  width: 50%; }

.text-field:not(.selectbox), .number-field, .password-field {
  -webkit-border-radius: 0.4em;
  -moz-border-radius: 0.4em;
  border-radius: 0.4em;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-indent: 4px;
  height: 1.7em; }

input, select {
  vertical-align: middle; }

input, select, .text-area {
  font-size: 0.9em; }

.text-field {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.text-field, .password-field, .number-field, .text-area {
  -webkit-appearance: textarea;
  -moz-appearance: textarea;
  appearance: textarea;
  width: 100%;
  outline: none; }

.text-field.invalid, .password-field.invalid, .text-area.invalid {
  border: 1px solid red; }

.text-area {
  resize: none;
  padding-top: 4px;
  -webkit-border-radius: none;
  -moz-border-radius: none;
  border-radius: none;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  text-indent: 4px;
  height: 1.7em;
  overflow: hidden; }

.form-row-group-first, .form-row-group-last {
  height: 0px; }

.form-element-error {
  color: red;
  text-align: right;
  border-top: 0;
  padding: 0px 10px 10px 10px; }

.form-separation-row {
  padding: 0px; }

.form-row-content {
  border-top: 0;
  padding: 10px 10px 10px 10px; }

.form-row-content + .form-row-content {
  padding-top: 0px; }

.form-row-content.exclude + .form-separation-row {
  border-top: 0; }

.form-row label {
  padding-right: 10px; }

.list {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  padding: 0;
  font: bold 17px "Segoe UI", "Slate Pro", sans-serif, Helvetica;
  cursor: pointer; }

.list .list-item {
  list-style-type: none;
  padding: 10px 25px 10px 10px; }

.list .list-item .subtitle {
  font-weight: normal;
  font-size: 0.8em; }

.list img[src] {
  display: block; }

.master-detail {
  overflow: hidden; }

.root.portrait .drawer:not(.hidden) + .master-detail-detail {
  pointer-events: none; }

.menu {
  min-width: 200px; }

.menu .list {
  border: none !important;
  background: none; }

.navigationbar {
  height: 45px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  -ms-touch-action: pan-x; }

.navigationbar > .label {
  height: 45px;
  line-height: 45px; }

.navigationbar-button, .navigationbar-backbutton {
  display: inline-block;
  text-align: center;
  font-family: inherit;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
  text-overflow: ellipsis;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  height: 30px;
  line-height: 30px;
  min-width: 40px; }

.navigation {
  overflow: hidden; }

.left-container > * {
  margin-right: 4px; }

.left-container {
  position: absolute;
  left: 5px;
  top: 5px;
  width: auto; }

.right-container {
  position: absolute;
  right: 5px;
  top: 5px;
  width: auto; }

.navigation {
  margin-bottom: 0px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px);
  -webkit-backface-visibility: hidden; }

.navigation.hidden {
  margin-bottom: -45px;
  -webkit-transition: all 0.8s ease-in-out;
  -moz-transition: all 0.8s ease-in-out;
  transition: all 0.8s ease-in-out;
  -webkit-transform: translateY(-45px);
  -moz-transform: translateY(-45px);
  transform: translateY(-45px); }

.popup, .menu, .picker {
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
  position: absolute;
  width: auto;
  padding: 6px;
  max-width: 90%;
  z-index: 101;
  clear: both;
  -ms-touch-action: none; }

.popup-title {
  font-weight: 800;
  font-size: 16px;
  margin: 0 0 3px 0; }

.popupAnchorPointerTop:before {
  top: -15px;
  left: 15px; }

.popupAnchorPointerTop:after {
  top: -12px;
  left: 17px; }

.popupAnchorPointerBottom:before {
  bottom: -15px;
  left: 15px; }

.popupAnchorPointerBottom:after {
  bottom: -12px;
  left: 17px; }

.popupAnchorPointerLeft:before {
  left: -15px;
  top: 15px; }

.popupAnchorPointerLeft:after {
  left: -12px;
  top: 17px; }

.popupAnchorPointerRight:before {
  right: -15px;
  top: 15px; }

.popupAnchorPointerRight:after {
  right: -12px;
  top: 17px; }

.popupAnchorPointerTopRight:before {
  right: 15px;
  top: -15px; }

.popupAnchorPointerTopRight:after {
  right: 17px;
  top: -12px; }

.popupAnchorPointerBottomRight:before {
  bottom: -15px;
  right: 15px; }

.popupAnchorPointerBottomRight:after {
  bottom: -12px;
  right: 17px; }

.popup-content {
  height: 100%; }

.picker-slot {
  position: relative;
  top: 0px;
  height: 500px;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  -webkit-transition: all ease-in-out;
  -moz-transition: all ease-in-out;
  transition: all ease-in-out;
  -webkit-backface-visibility: hidden; }

.picker-slot * {
  -webkit-backface-visibility: hidden; }

.picker-slot:not(:last-child):after {
  content: "";
  position: absolute;
  width: 2px;
  top: -200%;
  right: 0px;
  height: 500%;
  z-index: 1000; }

.picker-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2em;
  padding-left: 5px;
  padding-right: 5px;
  height: 25px;
  line-height: 25px;
  position: relative;
  top: -14px; }

.picker-container {
  overflow: hidden;
  position: relative;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  height: 100px; }

.picker-container:after {
  pointer-events: none;
  content: "";
  width: 100%;
  height: 100%;
  z-index: 1000;
  position: absolute;
  top: 0px;
  left: 0px;
  background-size: 100% 100px; }

.picker-container:before {
  pointer-events: none;
  content: "";
  position: absolute;
  width: 100%;
  z-index: 1000;
  left: 0px; }

.radio {
  display: inline-block;
  content: "";
  width: 30px;
  height: 30px;
  position: relative;
  z-index: 10;
  margin: 2px auto;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  text-align: center; }

.radio:after {
  display: inline-block;
  opacity: 0;
  content: "";
  z-index: 11;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -8px;
  margin-left: -8px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

.radio.checked:after {
  opacity: 1; }

.scrollbarV > div {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  position: absolute;
  z-index: 100;
  width: 100%; }

.scrollbarV {
  position: absolute;
  top: 2px;
  right: 2px;
  bottom: 7px;
  width: 6px;
  z-index: 100; }

.selectbox {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: none;
  cursor: pointer;
  vertical-align: middle;
  height: 35px;
  background-color: transparent;
  font-weight: normal;
  font-size: 15px;
  text-indent: 4px; }

.selectbox-selected > div > .list-itemlabel:after {
  content: '';
  position: absolute;
  width: 15px;
  height: 8px;
  background: transparent;
  right: 2px;
  border: 4px solid black;
  border-top: 0;
  border-right: 0;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.selectbox-selected > div > .list-itemlabel {
  position: relative; }

.selectbox-selected > .list-itemimage {
  display: none; }

.selectbox-unselected > .list-itemimage {
  display: none; }

.ios .slider {
  -webkit-backface-visibility: hidden; }

.slider {
  position: relative;
  top: 6px;
  overflow: visible;
  margin-bottom: 12px;
  -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  border-radius: 0.6em;
  height: 15px; }

.slider > div {
  -webkit-border-radius: 0.6em;
  -moz-border-radius: 0.6em;
  border-radius: 0.6em;
  height: 100%;
  pointer-events: none;
  position: relative; }

.slider > div:after {
  content: "";
  display: block;
  position: absolute;
  background-color: #fff;
  height: 25px;
  width: 25px;
  top: -6px;
  right: -12.5px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px; }

.spinner {
  -webkit-backface-visibility: hidden;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAABGdBTUEAALGPC/xhBQAAAx5pQ0NQSUNDIFByb2ZpbGUAAHgBhVTfa9NQFP7aZZ2w4Ys6ZxEJPmiRbmRTdEOctmtXus1a6ja3IUibpm1cmsYk7X6wB9mLbzrFd/EHPvkHDNmDb3uSDcYUYfisiCJM9iKznps0TSdTA7n3u9/57jkn5+ReoPlxWtMULw8UVVNPxcL8xOQU3/IBXhxDK/xoTYuGFkomR0AP07J577PzDh7GbHTub9+r/mPVmpUMEfAcIL6UNcQi4VmgaVzUdBPg1onvnTE1ws1Mc1inBAkfZzhvY4HhjI0jlmY0NUCaCcIHxUI6S7hAOJhp4PMN2M6BFOQnJqmSLos8q0VSL+VkRbIM9vAfc4PyX7ColOmbrecQjW2aGU7RfIreHzl9cIzmANXBP18YvUG4nXBYNuOjNX5CzSSuESa95+50aZjtZZqXWSkSJRwkvGJUrjNsaeYLA4ma5tPt9FCSsJ80vzQzWfPj7VCVBOsxxfX2S0b0ur3X25GTB+M1Pqcp1n9A/r339XKK5XmS8Ou0Ho3V9FuSOlbb2+TNpiPDxHdRPwNIQoKOHGQo4JFCDGGaY8Sq+EwWGSJKpNJpdFR5sjjWOyiTlu0cR3jJXw64Xhb1W7K49uD7nt0l1468FYXFt6PYUe21gem6shOaG391YaWjbuE3ueWbG22rCwhR/orlsUheZcpPglHXdTbmkFOX/HULzzKU7iV2ElgMuqzwXvgqbApPhRfCl7/UyM7erRHLgHEsPqueU83G7CXSTNLrZLi/ivVCxhj5kDFDWp2+JE2cijny2lALJwZ3guvm4lwv1weeu8xd4fq5CK0uciOOwhf1RXwh8L4zvj5ft2+IYafbvtNk66MxWuu705G6orF6lI/bJ/Y9jqoTGbKxvrF+VggrtKJjakqzdE8AAyVtTpfzBZPvEYQLfIiuLYmPq2JXkE8rCm+ZDF6XDEmvSNkusDuP7QO2U9Zd5mlfcznzKnDpG/3D6y43VQZeGcDRcy4XoDN15AmwfF4s6xXbHzyet4CRO9tjrT1tYbqLPlar23QuWx4Buw+r1Z/PqtXd5+R/C3ij/AapIwrWwqFfMgAAAAlwSFlzAAALEwAACxMBAJqcGAAAAW5pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IlhNUCBDb3JlIDQuNC4wIj4KICAgPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICAgICAgPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIKICAgICAgICAgICAgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIj4KICAgICAgICAgPGRjOnN1YmplY3Q+CiAgICAgICAgICAgIDxyZGY6QmFnLz4KICAgICAgICAgPC9kYzpzdWJqZWN0PgogICAgICA8L3JkZjpEZXNjcmlwdGlvbj4KICAgPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4K5T8NQQAAAoNJREFUOBGtlLuPElEUh2fuwGBYdgNhYbMsaNSNGjoTGwutKXwVJibGbK2FsbGxpNPaxnJjtpEY3S3sLPgHiK0FRAgvHzw24C7vwe9MeLk+oOAmJ+fe3znnm3PPDOjD4VBb5lLLhAlr6UDHfzrUZ2LjucxqM2FtHJ92mM/nr1er1Uf4a5KZTqfNeDwugEmy7EWTWKFQOJXNZl1iyWRy2pi8FILhUqn0rdPpDMvl8kfRMH3kZX/SVL1e9zabzaBYo9FYTyQShuTZM1RKPXC73RKQwk06kSfOdsbxt2V5vd6fg8Fg1el0+lwu13osFvNKhhQK+Wa/39cMw9B6vd47tL4E56y+aZodakN2Z0qZ5NdUJpPx67p+gadp3W63h/h+DmgSbrfbTcuy/ACDMCIETIfH41lBMLm2dHdIp18nFXM2NNB3OBw+6j0A27VazeXgIMsuxcOFvOBifgY326JuDeARIzMUHTWoPxYoZx/n0wvyJD9A3SXyI4A3ZGQqHA4fInwmqDFkhb+/KBDADUAXaWKbWXYCgcCRXM9C3JebkiDQnWKxeHUeNJfLXQb0GIsA24bxiZqhPS/uv9dqtTLSJeBV/Gs+8Cv/ggqM+e1x3bPAAsDK2AfJt38NsuGXcouktyQ4SRziKzzoFV3v8yZzFFg86AzabewhJUHS5HuVN3ovFAod4KdAOfATfELxCxINgPLKBd4E8IOwFAawNayHrtAH+KfAXqLZa9LhWGB+dwE9J/k8UAtdbPwvI1DCShH6wv4ZsDf4yfoDKJFKpbLJVXfY3gF8ji5WRhXHnLPADtB2+UKKI33i/gocR1OplNPv928xhg3RmPF3/uKK0Wi0O8456X8B/DGMRu7cQH0AAAAASUVORK5CYII=);
  margin: 0 auto;
  display: inline !important;
  vertical-align: middle;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%; }

.spinnerContainer {
  margin: 0 auto;
  height: 100%;
  text-align: center;
  -webkit-transform-style: preserve-3d;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-perspective: 1000; }

.spinnerContainer > div {
  display: inline; }

.spinnerContainer .label, .spinnerContainer img {
  display: inline; }

.tabBar {
  bottom: 1px; }

.tabButton {
  width: 0;
  -moz-border-radius-topleft: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-radius-topleft: 6px;
  -webkit-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  cursor: pointer;
  text-align: center;
  font-size: 15px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.toggleButton {
  position: relative;
  display: block;
  cursor: pointer;
  width: 84px;
  height: 27px;
  line-height: 27px;
  font-size: 15.5px;
  font-weight: bold;
  text-align: center; }

.toggleButton.checked:before {
  content: " " attr(data-label-checked);
  padding-right: 25px; }

.toggleButton:not(.checked):before {
  content: " " attr(data-label-unchecked);
  padding-left: 25px; }

.toggleButtonSwitch {
  position: absolute;
  z-index: 1;
  display: block;
  top: 0px;
  height: 25px;
  width: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px; }

.toggleButton:not(.checked) .toggleButtonSwitch {
  left: 0px; }

.toggleButton.checked .toggleButtonSwitch {
  left: 57px; }

.toolbar-button {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding-box;
  background-clip: padding-box;
  cursor: pointer;
  font-weight: bold;
  width: 0;
  padding-left: 4px;
  padding-right: 4px;
  overflow: hidden;
  font-size: 12px;
  line-height: normal; }

.toolbar-separator {
  width: 4px; }

.toolbar {
  z-index: 1;
  padding: 2px;
  height: 55px;
  height: -moz-calc(55px + 4px);
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  box-align: stretch; }

.toolbar-button img {
  vertical-align: middle; }

.toolbar-button .label {
  height: auto;
  padding-top: 2px;
  text-align: center;
  max-width: 100%; }

.toolbar-separator {
  width: 5px; }

.list-itemimage {
  margin-right: 7px; }

body {
  background-color: #f4f4f4; }

.root, .scroll {
  background-color: #f4f4f4;
  font-family: "Segoe UI", "Slate Pro", sans-serif, Helvetica;
  color: black; }

.form-title {
  color: #3d72c9;
  font-weight: normal;
  font-size: 16px; }

.animationChild {
  background-color: #f4f4f4; }

.group {
  margin: 10px; }

.bordered {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: white;
  padding: 10px; }

.scroll-container {
  background-color: white;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.2), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.2), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0px 10px 10px -10px rgba(0, 0, 0, 0.2), inset 0px -10px 10px -10px rgba(0, 0, 0, 0.2);
  border: 1px solid #dddddd; }

.scroll-container:before {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  -moz-box-shadow: inset 0px 14px 10px -10px rgba(0, 0, 0, 0.3), inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 14px 10px -10px rgba(0, 0, 0, 0.3), inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 14px 10px -10px rgba(0, 0, 0, 0.3), inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 0px;
  z-index: 500;
  content: "";
  width: 100%;
  height: 0px; }

.scroll-container.scrollable-top:before {
  height: 30px; }

.scroll-container:after {
  content: "";
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius-bottomleft: 4px;
  -webkit-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-box-shadow: inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3), inset 0px -14px 10px -10px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3), inset 0px -14px 10px -10px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0px 0px 10px -10px rgba(0, 0, 0, 0.3), inset 0px -14px 10px -10px rgba(0, 0, 0, 0.3);
  position: absolute;
  bottom: 0px;
  z-index: 500;
  width: 100%;
  height: 0px; }

.scroll-container.scrollable-bottom:after {
  height: 30px; }

.text-field:not(.selectbox), .password-field, .number-field, .text-area {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  color: #333333; }

input.invalid {
  border: 1px solid red !important; }

input, .text-area {
  font-family: "Segoe UI", "Slate Pro", sans-serif, Helvetica; }

.scroll-container .text-area {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: 2px solid transparent;
  background: none; }

.navigationbar {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#4b4c4f), to(#191a1b));
  background-image: -webkit-linear-gradient(top, #4b4c4f, #191a1b);
  background-image: -moz-linear-gradient(top, #4b4c4f, #191a1b);
  background-image: -ms-linear-gradient(top, #4b4c4f, #191a1b);
  background-image: linear-gradient(to bottom, #4b4c4f, #191a1b);
  color: white;
  height: 45px; }

.navigationbar-button, .navigationbar-backbutton {
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#c1c1c1));
  background-image: -webkit-linear-gradient(top, white, #c1c1c1);
  background-image: -moz-linear-gradient(top, white, #c1c1c1);
  background-image: -ms-linear-gradient(top, white, #c1c1c1);
  background-image: linear-gradient(to bottom, white, #c1c1c1);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #333333;
  border: 1px solid #888888; }

.navigationbar-button.active, .navigationbar-backbutton.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  color: white;
  border: 1px solid white; }

.list {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #dddddd;
  background-color: white; }

.list .list-item {
  position: relative;
  color: #333333; }

.list-item + .list-item {
  border-top: 1px solid #dddddd; }

.list-item:last-child, .list-item:last-child a {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius-bottomleft: 4px;
  -webkit-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.list .list-item .subtitle {
  color: #3d72c9; }

.list .list-item.active * {
  color: white; }

.list .list-item.arrow:after {
  content: "";
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
  border-top: 2px solid grey;
  border-right: 2px solid grey;
  width: 6px;
  height: 6px;
  position: absolute;
  right: 15px;
  top: 50%;
  margin-top: -4.5px; }

.list .list-item.arrow.active:after {
  border-color: white; }

.list .list-item.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9); }

.list-item:first-child, .list-item:first-child a {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px; }

.list-item:last-child, .list-item:last-child a {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius-bottomleft: 4px;
  -webkit-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px; }

.form-separation-row {
  background-color: #dddddd;
  height: 1px; }

.form-row-group-title {
  color: #3d72c9;
  font-weight: normal;
  font-size: 16px;
  margin-bottom: 10px;
  border: none;
  padding-bottom: 0px; }

.form-row-content, .form-element-error {
  background-color: white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd; }

.form-row-group-first {
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  background-color: white;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-top: 1px solid #dddddd;
  padding: 2px;
  position: relative;
  top: 2px; }

.form-row-group-last {
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-radius-bottomleft: 4px;
  -webkit-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  background-color: white;
  border-top: 0px transparent;
  border-left: 1px solid #dddddd;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
  padding: 2px;
  position: relative;
  top: -2px; }

.form-row-group-title:nth-child(n+2) {
  margin-top: 20px; }

.form-row-content .label {
  color: #333333; }

.button {
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#cccccc));
  background-image: -webkit-linear-gradient(top, white, #cccccc);
  background-image: -moz-linear-gradient(top, white, #cccccc);
  background-image: -ms-linear-gradient(top, white, #cccccc);
  background-image: linear-gradient(to bottom, white, #cccccc);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #333333;
  border: 1px solid #888888; }

.button.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  color: white;
  border: 1px solid #888888; }

.dialog, .popup, .menu, .picker {
  background-color: #323335;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#57595c), color-stop(50%, #262628), to(#262628));
  background-image: -webkit-linear-gradient(top, #57595c, #262628 20px, #262628);
  background-image: -moz-linear-gradient(top, #57595c, #262628 20px, #262628);
  background-image: -ms-linear-gradient(top, #57595c, #262628 20px, #262628);
  background-image: linear-gradient(to bottom, #57595c, #262628 20px, #262628);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 2px 7px 0px rgba(0, 0, 0, 0.5);
  border: 2px solid #3d72c9;
  color: white; }

.popupAnchorPointerTop:before, .popupAnchorPointerTopRight:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-bottom: 14px solid #3d72c9; }

.popupAnchorPointerTop:after, .popupAnchorPointerTopRight:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid #57595c; }

.popupAnchorPointerBottom:before, .popupAnchorPointerBottomRight:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #3d72c9; }

.popupAnchorPointerBottom:after, .popupAnchorPointerBottomRight:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 12px solid #262628; }

.popupAnchorPointerLeft:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-right: 14px solid #3d72c9; }

.popupAnchorPointerLeft:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #262628; }

.popupAnchorPointerRight:before {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 14px solid transparent;
  border-bottom: 14px solid transparent;
  border-left: 14px solid #3d72c9; }

.popupAnchorPointerRight:after {
  position: absolute;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #262628; }

.dialogTitleUnderline:after {
  display: none; }

.tabBar {
  border-bottom: 3px solid #3d72c9;
  padding-top: 4px;
  padding-left: 4px;
  padding-right: 4px; }

.tabButton {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8d8d8d), to(#676767));
  background-image: -webkit-linear-gradient(top, #8d8d8d, #676767);
  background-image: -moz-linear-gradient(top, #8d8d8d, #676767);
  background-image: -ms-linear-gradient(top, #8d8d8d, #676767);
  background-image: linear-gradient(to bottom, #8d8d8d, #676767);
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  color: white;
  height: 45px;
  line-height: 45px;
  border-top: 1px solid silver;
  border-left: 1px solid silver;
  border-right: 1px solid silver; }

.tabButton + .tabButton {
  margin-left: 4px; }

.tabButton.active, .tabButton.selected {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  border: 1px solid #8dacdf;
  border-bottom: 0px solid transparent; }

.slider {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 8px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 8px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 8px 1px rgba(0, 0, 0, 0.1);
  background-color: white;
  border: 1px solid #9e9e9e; }

.slider > div {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9); }

.slider > div:after {
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#cfcfcf), to(#fdfdfd));
  background-image: -webkit-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: -moz-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: -ms-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: linear-gradient(to bottom, #cfcfcf, #fdfdfd);
  border: 1px solid #9e9e9e; }

.toggleButton {
  -moz-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 14px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 14px 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 2px 2px rgba(0, 0, 0, 0.4), inset 0 14px 1px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: white;
  border: 1px solid #9e9e9e; }

.toggleButton.checked {
  -moz-box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.4), inset 0px 14px 0px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.4), inset 0px 14px 0px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0px 3px 2px rgba(0, 0, 0, 0.4), inset 0px 14px 0px rgba(0, 0, 0, 0.1);
  background-color: #3d72c9; }

.toggleButton.checked .toggleButtonSwitch {
  -webkit-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.7);
  box-shadow: -1px 0px 2px rgba(0, 0, 0, 0.7); }

.toggleButton.checked:before {
  color: white; }

.toggleButton:not(.checked):before {
  color: #666666; }

.toggleButtonSwitch {
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  -webkit-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.7);
  -moz-box-shadow: 1px 0 2px rgba(0, 0, 0, 0.7);
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.7);
  background-image: -webkit-gradient(linear, center top, center bottom, from(#cfcfcf), to(#fdfdfd));
  background-image: -webkit-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: -moz-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: -ms-linear-gradient(top, #cfcfcf, #fdfdfd);
  background-image: linear-gradient(to bottom, #cfcfcf, #fdfdfd);
  border: 1px solid #e8e8e8; }

.checkbox {
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#c1c1c1), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: -moz-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: -ms-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: linear-gradient(to bottom, #c1c1c1, #f4f4f4);
  position: relative;
  border: 1px solid #888888;
  box-sizing: border-box; }

.checkbox:after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: -1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  display: inline-block;
  opacity: 0;
  content: "";
  width: 14px;
  height: 8px;
  background: transparent;
  border: 4.5px solid #3d72c9;
  margin-top: 6px;
  border-top: 0;
  border-right: 0; }

.checkbox.checked:after {
  opacity: 1; }

.radio {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#c1c1c1), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: -moz-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: -ms-linear-gradient(top, #c1c1c1, #f4f4f4);
  background-image: linear-gradient(to bottom, #c1c1c1, #f4f4f4);
  border: 1px solid #888888;
  box-sizing: border-box; }

.radio.checked:after {
  -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.3);
  background: #3d72c9; }

.master-detail-master {
  border-right: 1px solid #777777; }

.master-detail.portrait .master-detail-master:not(.hidden) {
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }

.scrollbarV > div {
  background-color: #888888; }

.toolbar-button {
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#cccccc));
  background-image: -webkit-linear-gradient(top, white, #cccccc);
  background-image: -moz-linear-gradient(top, white, #cccccc);
  background-image: -ms-linear-gradient(top, white, #cccccc);
  background-image: linear-gradient(to bottom, white, #cccccc);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  color: #333333;
  border: 1px solid #999999; }

.toolbar-button.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  color: white; }

.item-selected {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  color: white !important; }

.selectbox {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(white), to(#999999));
  background-image: -webkit-linear-gradient(top, white, #999999);
  background-image: -moz-linear-gradient(top, white, #999999);
  background-image: -ms-linear-gradient(top, white, #999999);
  background-image: linear-gradient(to bottom, white, #999999);
  border: 1px solid #9e9e9e;
  color: #333333; }

.selectbox.active {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#2e5ba5));
  background-image: -webkit-linear-gradient(top, #8dacdf, #2e5ba5);
  background-image: -moz-linear-gradient(top, #8dacdf, #2e5ba5);
  background-image: -ms-linear-gradient(top, #8dacdf, #2e5ba5);
  background-image: linear-gradient(to bottom, #8dacdf, #2e5ba5);
  color: white; }

.selectbox-selected > div > .list-itemlabel:after {
  border: 0px solid transparent; }

.selectbox-selected {
  background-image: -webkit-gradient(linear, center top, center bottom, from(#8dacdf), to(#3d72c9));
  background-image: -webkit-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -moz-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: -ms-linear-gradient(top, #8dacdf, #3d72c9);
  background-image: linear-gradient(to bottom, #8dacdf, #3d72c9);
  color: white !important; }

.carousel-pagination-label {
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: 1px solid white;
  opacity: 0.6;
  background-color: white;
  width: 8px;
  height: 8px;
  text-align: center;
  line-height: 8px;
  font-size: 1px;
  color: transparent; }

.carousel-pagination-label.active {
  background-color: #3d72c9;
  opacity: 1.0; }

.carousel-pagination {
  top: -23px; }

.picker-container {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-color: #f4f4f4; }

.picker-slot {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px; }

.picker-label {
  color: #333333; }

.picker-slot:after {
  background-color: #888888; }

.picker-container:after {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background-image: -webkit-gradient(linear, center top, center bottom, from(#f4f4f4), color-stop(40%, rgba(244, 244, 244, 0)), color-stop(60%, rgba(244, 244, 244, 0)), to(#f4f4f4));
  background-image: -webkit-linear-gradient(top, #f4f4f4, rgba(244, 244, 244, 0) 40%, rgba(244, 244, 244, 0) 60%, #f4f4f4);
  background-image: -moz-linear-gradient(top, #f4f4f4, rgba(244, 244, 244, 0) 40%, rgba(244, 244, 244, 0) 60%, #f4f4f4);
  background-image: -ms-linear-gradient(top, #f4f4f4, rgba(244, 244, 244, 0) 40%, rgba(244, 244, 244, 0) 60%, #f4f4f4);
  background-image: linear-gradient(to bottom, #f4f4f4, rgba(244, 244, 244, 0) 40%, rgba(244, 244, 244, 0) 60%, #f4f4f4); }

.picker-container:before {
  top: 35px;
  height: 23px;
  border-top: 2px solid rgba(61, 114, 201, 0.5);
  border-bottom: 2px solid rgba(61, 114, 201, 0.5); }

.root.portrait .master-detail-master:not(.hidden) {
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }

.drawer.below {
  background-color: grey; }

.drawer.above {
  background-color: #f4f4f4; }

.drawer:not(.master-detail-master):not(.hidden) {
  -webkit-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.5); }

.drawer.top:not(.master-detail-master) {
  border-bottom: 1px solid #45484d; }

.drawer.left:not(.master-detail-master) {
  border-right: 1px solid #45484d; }

.drawer.right:not(.master-detail-master) {
  border-left: 1px solid #45484d; }

.drawer.bottom:not(.master-detail-master) {
  border-top: 1px solid #45484d; }

.drawer.below.left:before, .drawer.below.right:before, .drawer.below.top:before, .drawer.below.bottom:before {
  -moz-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  box-shadow: inset 0px 0px 10px 5px rgba(0, 0, 0, 0.5);
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 500;
  pointer-events: none; }