.ground-bg {
  background-color: #f5f5f5;
}

.text-danger {
  color: #da1215;
}

body {
  margin: 0px;
  font-family: sans-serif;
  font-size: 12px;
  background-color: #f5f5f5;
}

.relative {
  position: relative;
}

.fill {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
  bottom: 0px;
}

.fill-top {
  position: absolute;
  left: 0px;
  right: 0px;
  top: 0px;
}

div {
  box-sizing: border-box;
}

.fill-height {
  height: 100%;
}

.vertical-top {
  vertical-align: top;
}

.width4 {
  width: 25%;
}

.width1 {
  width: 100%;
}

.m1 {
  margin: 4px;
}

.m2 {
  margin: 8px;
}

.m3 {
  margin: 16px;
}

.ml1 {
  margin-left: 4px;
}

.ml2 {
  margin-left: 8px;
}

.ml3 {
  margin-left: 16px;
}

.mr1 {
  margin-right: 4px;
}

.mr2 {
  margin-right: 8px;
}

.mr3 {
  margin-right: 16px;
}

.mt1 {
  margin-top: 4px;
}

.mt2 {
  margin-top: 8px;
}

.mt3 {
  margin-top: 16px;
}

.mb1 {
  margin-bottom: 4px;
}

.mb2 {
  margin-bottom: 8px;
}

.mb3 {
  margin-bottom: 16px;
}

.p1 {
  padding: 4px;
}

.p2 {
  padding: 8px;
}

.p3 {
  padding: 16px;
}

.pl1 {
  padding-left: 4px;
}

.pl2 {
  padding-left: 8px;
}

.pl3 {
  padding-left: 16px;
}

.pr1 {
  padding-right: 4px;
}

.pr2 {
  padding-right: 8px;
}

.pr3 {
  padding-right: 16px;
}

.pt1 {
  padding-top: 4px;
}

.pt2 {
  padding-top: 8px;
}

.pt3 {
  padding-top: 16px;
}

.pb1 {
  padding-bottom: 4px;
}

.pb2 {
  padding-bottom: 8px;
}

.pb3 {
  padding-bottom: 16px;
}

.flex-horizontal {
  display: flex !important;
  flex-direction: row;
}

.flex-vertical {
  display: flex !important;
  flex-direction: column;
}

.flex-center {
  align-items: center;
}

.flex-fill {
  flex-grow: 1;
}

.inline {
  display: inline-block;
}

.float-right {
  float: right;
}

.panel {
  display: inline-block;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  border: 1px solid #e2e5e6;
  background-color: #fff;
  text-align: left;
  padding: 8px;
}

.caption {
  font-size: 90%;
  font-weight: bold;
  color: #d7864d;
}

.small {
  font-size: 70% !important;
}

.vertical-scroll {
  overflow-y: auto;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-lg {
  font-size: 130%;
}

.radius-clear {
  border-radius: 0 !important;
}

.with-border {
  border: 1px solid #e2e5e6;
}

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

.medium-radius {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.border-small-radius {
  border: 1px solid #e2e5e6;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.border-medium-radius {
  border: 1px solid #e2e5e6;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}

.width-0 {
  width: 0;
}

.width-1 {
  width: 100%;
}

.left-1-1 {
  margin-left: 100% !important;
}

.width-1-1 {
  width: 100%;
}

.width-2 {
  width: 50%;
}

.left-2-2 {
  margin-left: 100% !important;
}

.width-2-2 {
  width: 100%;
}

.left-1-2 {
  margin-left: 50% !important;
}

.width-1-2 {
  width: 50%;
}

.width-3 {
  width: 33.33333333%;
}

.left-3-3 {
  margin-left: 100% !important;
}

.width-3-3 {
  width: 100%;
}

.left-2-3 {
  margin-left: 66.66666667% !important;
}

.width-2-3 {
  width: 66.66666667%;
}

.left-1-3 {
  margin-left: 33.33333333% !important;
}

.width-1-3 {
  width: 33.33333333%;
}

.width-4 {
  width: 25%;
}

.left-4-4 {
  margin-left: 100% !important;
}

.width-4-4 {
  width: 100%;
}

.left-3-4 {
  margin-left: 75% !important;
}

.width-3-4 {
  width: 75%;
}

.left-2-4 {
  margin-left: 50% !important;
}

.width-2-4 {
  width: 50%;
}

.left-1-4 {
  margin-left: 25% !important;
}

.width-1-4 {
  width: 25%;
}

.width-5 {
  width: 20%;
}

.left-5-5 {
  margin-left: 100% !important;
}

.width-5-5 {
  width: 100%;
}

.left-4-5 {
  margin-left: 80% !important;
}

.width-4-5 {
  width: 80%;
}

.left-3-5 {
  margin-left: 60% !important;
}

.width-3-5 {
  width: 60%;
}

.left-2-5 {
  margin-left: 40% !important;
}

.width-2-5 {
  width: 40%;
}

.left-1-5 {
  margin-left: 20% !important;
}

.width-1-5 {
  width: 20%;
}

.width-6 {
  width: 16.66666667%;
}

.left-6-6 {
  margin-left: 100% !important;
}

.width-6-6 {
  width: 100%;
}

.left-5-6 {
  margin-left: 83.33333333% !important;
}

.width-5-6 {
  width: 83.33333333%;
}

.left-4-6 {
  margin-left: 66.66666667% !important;
}

.width-4-6 {
  width: 66.66666667%;
}

.left-3-6 {
  margin-left: 50% !important;
}

.width-3-6 {
  width: 50%;
}

.left-2-6 {
  margin-left: 33.33333333% !important;
}

.width-2-6 {
  width: 33.33333333%;
}

.left-1-6 {
  margin-left: 16.66666667% !important;
}

.width-1-6 {
  width: 16.66666667%;
}

.width-7 {
  width: 14.28571429%;
}

.left-7-7 {
  margin-left: 100% !important;
}

.width-7-7 {
  width: 100%;
}

.left-6-7 {
  margin-left: 85.71428571% !important;
}

.width-6-7 {
  width: 85.71428571%;
}

.left-5-7 {
  margin-left: 71.42857143% !important;
}

.width-5-7 {
  width: 71.42857143%;
}

.left-4-7 {
  margin-left: 57.14285714% !important;
}

.width-4-7 {
  width: 57.14285714%;
}

.left-3-7 {
  margin-left: 42.85714286% !important;
}

.width-3-7 {
  width: 42.85714286%;
}

.left-2-7 {
  margin-left: 28.57142857% !important;
}

.width-2-7 {
  width: 28.57142857%;
}

.left-1-7 {
  margin-left: 14.28571429% !important;
}

.width-1-7 {
  width: 14.28571429%;
}

.width-8 {
  width: 12.5%;
}

.left-8-8 {
  margin-left: 100% !important;
}

.width-8-8 {
  width: 100%;
}

.left-7-8 {
  margin-left: 87.5% !important;
}

.width-7-8 {
  width: 87.5%;
}

.left-6-8 {
  margin-left: 75% !important;
}

.width-6-8 {
  width: 75%;
}

.left-5-8 {
  margin-left: 62.5% !important;
}

.width-5-8 {
  width: 62.5%;
}

.left-4-8 {
  margin-left: 50% !important;
}

.width-4-8 {
  width: 50%;
}

.left-3-8 {
  margin-left: 37.5% !important;
}

.width-3-8 {
  width: 37.5%;
}

.left-2-8 {
  margin-left: 25% !important;
}

.width-2-8 {
  width: 25%;
}

.left-1-8 {
  margin-left: 12.5% !important;
}

.width-1-8 {
  width: 12.5%;
}

.width-9 {
  width: 11.11111111%;
}

.left-9-9 {
  margin-left: 100% !important;
}

.width-9-9 {
  width: 100%;
}

.left-8-9 {
  margin-left: 88.88888889% !important;
}

.width-8-9 {
  width: 88.88888889%;
}

.left-7-9 {
  margin-left: 77.77777778% !important;
}

.width-7-9 {
  width: 77.77777778%;
}

.left-6-9 {
  margin-left: 66.66666667% !important;
}

.width-6-9 {
  width: 66.66666667%;
}

.left-5-9 {
  margin-left: 55.55555556% !important;
}

.width-5-9 {
  width: 55.55555556%;
}

.left-4-9 {
  margin-left: 44.44444444% !important;
}

.width-4-9 {
  width: 44.44444444%;
}

.left-3-9 {
  margin-left: 33.33333333% !important;
}

.width-3-9 {
  width: 33.33333333%;
}

.left-2-9 {
  margin-left: 22.22222222% !important;
}

.width-2-9 {
  width: 22.22222222%;
}

.left-1-9 {
  margin-left: 11.11111111% !important;
}

.width-1-9 {
  width: 11.11111111%;
}

.width-10 {
  width: 10%;
}

.left-10-10 {
  margin-left: 100% !important;
}

.width-10-10 {
  width: 100%;
}

.left-9-10 {
  margin-left: 90% !important;
}

.width-9-10 {
  width: 90%;
}

.left-8-10 {
  margin-left: 80% !important;
}

.width-8-10 {
  width: 80%;
}

.left-7-10 {
  margin-left: 70% !important;
}

.width-7-10 {
  width: 70%;
}

.left-6-10 {
  margin-left: 60% !important;
}

.width-6-10 {
  width: 60%;
}

.left-5-10 {
  margin-left: 50% !important;
}

.width-5-10 {
  width: 50%;
}

.left-4-10 {
  margin-left: 40% !important;
}

.width-4-10 {
  width: 40%;
}

.left-3-10 {
  margin-left: 30% !important;
}

.width-3-10 {
  width: 30%;
}

.left-2-10 {
  margin-left: 20% !important;
}

.width-2-10 {
  width: 20%;
}

.left-1-10 {
  margin-left: 10% !important;
}

.width-1-10 {
  width: 10%;
}

.width-11 {
  width: 9.09090909%;
}

.left-11-11 {
  margin-left: 100% !important;
}

.width-11-11 {
  width: 100%;
}

.left-10-11 {
  margin-left: 90.90909091% !important;
}

.width-10-11 {
  width: 90.90909091%;
}

.left-9-11 {
  margin-left: 81.81818182% !important;
}

.width-9-11 {
  width: 81.81818182%;
}

.left-8-11 {
  margin-left: 72.72727273% !important;
}

.width-8-11 {
  width: 72.72727273%;
}

.left-7-11 {
  margin-left: 63.63636364% !important;
}

.width-7-11 {
  width: 63.63636364%;
}

.left-6-11 {
  margin-left: 54.54545455% !important;
}

.width-6-11 {
  width: 54.54545455%;
}

.left-5-11 {
  margin-left: 45.45454545% !important;
}

.width-5-11 {
  width: 45.45454545%;
}

.left-4-11 {
  margin-left: 36.36363636% !important;
}

.width-4-11 {
  width: 36.36363636%;
}

.left-3-11 {
  margin-left: 27.27272727% !important;
}

.width-3-11 {
  width: 27.27272727%;
}

.left-2-11 {
  margin-left: 18.18181818% !important;
}

.width-2-11 {
  width: 18.18181818%;
}

.left-1-11 {
  margin-left: 9.09090909% !important;
}

.width-1-11 {
  width: 9.09090909%;
}

.width-12 {
  width: 8.33333333%;
}

.left-12-12 {
  margin-left: 100% !important;
}

.width-12-12 {
  width: 100%;
}

.left-11-12 {
  margin-left: 91.66666667% !important;
}

.width-11-12 {
  width: 91.66666667%;
}

.left-10-12 {
  margin-left: 83.33333333% !important;
}

.width-10-12 {
  width: 83.33333333%;
}

.left-9-12 {
  margin-left: 75% !important;
}

.width-9-12 {
  width: 75%;
}

.left-8-12 {
  margin-left: 66.66666667% !important;
}

.width-8-12 {
  width: 66.66666667%;
}

.left-7-12 {
  margin-left: 58.33333333% !important;
}

.width-7-12 {
  width: 58.33333333%;
}

.left-6-12 {
  margin-left: 50% !important;
}

.width-6-12 {
  width: 50%;
}

.left-5-12 {
  margin-left: 41.66666667% !important;
}

.width-5-12 {
  width: 41.66666667%;
}

.left-4-12 {
  margin-left: 33.33333333% !important;
}

.width-4-12 {
  width: 33.33333333%;
}

.left-3-12 {
  margin-left: 25% !important;
}

.width-3-12 {
  width: 25%;
}

.left-2-12 {
  margin-left: 16.66666667% !important;
}

.width-2-12 {
  width: 16.66666667%;
}

.left-1-12 {
  margin-left: 8.33333333% !important;
}

.width-1-12 {
  width: 8.33333333%;
}

.width-13 {
  width: 7.69230769%;
}

.left-13-13 {
  margin-left: 100% !important;
}

.width-13-13 {
  width: 100%;
}

.left-12-13 {
  margin-left: 92.30769231% !important;
}

.width-12-13 {
  width: 92.30769231%;
}

.left-11-13 {
  margin-left: 84.61538462% !important;
}

.width-11-13 {
  width: 84.61538462%;
}

.left-10-13 {
  margin-left: 76.92307692% !important;
}

.width-10-13 {
  width: 76.92307692%;
}

.left-9-13 {
  margin-left: 69.23076923% !important;
}

.width-9-13 {
  width: 69.23076923%;
}

.left-8-13 {
  margin-left: 61.53846154% !important;
}

.width-8-13 {
  width: 61.53846154%;
}

.left-7-13 {
  margin-left: 53.84615385% !important;
}

.width-7-13 {
  width: 53.84615385%;
}

.left-6-13 {
  margin-left: 46.15384615% !important;
}

.width-6-13 {
  width: 46.15384615%;
}

.left-5-13 {
  margin-left: 38.46153846% !important;
}

.width-5-13 {
  width: 38.46153846%;
}

.left-4-13 {
  margin-left: 30.76923077% !important;
}

.width-4-13 {
  width: 30.76923077%;
}

.left-3-13 {
  margin-left: 23.07692308% !important;
}

.width-3-13 {
  width: 23.07692308%;
}

.left-2-13 {
  margin-left: 15.38461538% !important;
}

.width-2-13 {
  width: 15.38461538%;
}

.left-1-13 {
  margin-left: 7.69230769% !important;
}

.width-1-13 {
  width: 7.69230769%;
}

.width-14 {
  width: 7.14285714%;
}

.left-14-14 {
  margin-left: 100% !important;
}

.width-14-14 {
  width: 100%;
}

.left-13-14 {
  margin-left: 92.85714286% !important;
}

.width-13-14 {
  width: 92.85714286%;
}

.left-12-14 {
  margin-left: 85.71428571% !important;
}

.width-12-14 {
  width: 85.71428571%;
}

.left-11-14 {
  margin-left: 78.57142857% !important;
}

.width-11-14 {
  width: 78.57142857%;
}

.left-10-14 {
  margin-left: 71.42857143% !important;
}

.width-10-14 {
  width: 71.42857143%;
}

.left-9-14 {
  margin-left: 64.28571429% !important;
}

.width-9-14 {
  width: 64.28571429%;
}

.left-8-14 {
  margin-left: 57.14285714% !important;
}

.width-8-14 {
  width: 57.14285714%;
}

.left-7-14 {
  margin-left: 50% !important;
}

.width-7-14 {
  width: 50%;
}

.left-6-14 {
  margin-left: 42.85714286% !important;
}

.width-6-14 {
  width: 42.85714286%;
}

.left-5-14 {
  margin-left: 35.71428571% !important;
}

.width-5-14 {
  width: 35.71428571%;
}

.left-4-14 {
  margin-left: 28.57142857% !important;
}

.width-4-14 {
  width: 28.57142857%;
}

.left-3-14 {
  margin-left: 21.42857143% !important;
}

.width-3-14 {
  width: 21.42857143%;
}

.left-2-14 {
  margin-left: 14.28571429% !important;
}

.width-2-14 {
  width: 14.28571429%;
}

.left-1-14 {
  margin-left: 7.14285714% !important;
}

.width-1-14 {
  width: 7.14285714%;
}

.width-15 {
  width: 6.66666667%;
}

.left-15-15 {
  margin-left: 100% !important;
}

.width-15-15 {
  width: 100%;
}

.left-14-15 {
  margin-left: 93.33333333% !important;
}

.width-14-15 {
  width: 93.33333333%;
}

.left-13-15 {
  margin-left: 86.66666667% !important;
}

.width-13-15 {
  width: 86.66666667%;
}

.left-12-15 {
  margin-left: 80% !important;
}

.width-12-15 {
  width: 80%;
}

.left-11-15 {
  margin-left: 73.33333333% !important;
}

.width-11-15 {
  width: 73.33333333%;
}

.left-10-15 {
  margin-left: 66.66666667% !important;
}

.width-10-15 {
  width: 66.66666667%;
}

.left-9-15 {
  margin-left: 60% !important;
}

.width-9-15 {
  width: 60%;
}

.left-8-15 {
  margin-left: 53.33333333% !important;
}

.width-8-15 {
  width: 53.33333333%;
}

.left-7-15 {
  margin-left: 46.66666667% !important;
}

.width-7-15 {
  width: 46.66666667%;
}

.left-6-15 {
  margin-left: 40% !important;
}

.width-6-15 {
  width: 40%;
}

.left-5-15 {
  margin-left: 33.33333333% !important;
}

.width-5-15 {
  width: 33.33333333%;
}

.left-4-15 {
  margin-left: 26.66666667% !important;
}

.width-4-15 {
  width: 26.66666667%;
}

.left-3-15 {
  margin-left: 20% !important;
}

.width-3-15 {
  width: 20%;
}

.left-2-15 {
  margin-left: 13.33333333% !important;
}

.width-2-15 {
  width: 13.33333333%;
}

.left-1-15 {
  margin-left: 6.66666667% !important;
}

.width-1-15 {
  width: 6.66666667%;
}

.width-16 {
  width: 6.25%;
}

.left-16-16 {
  margin-left: 100% !important;
}

.width-16-16 {
  width: 100%;
}

.left-15-16 {
  margin-left: 93.75% !important;
}

.width-15-16 {
  width: 93.75%;
}

.left-14-16 {
  margin-left: 87.5% !important;
}

.width-14-16 {
  width: 87.5%;
}

.left-13-16 {
  margin-left: 81.25% !important;
}

.width-13-16 {
  width: 81.25%;
}

.left-12-16 {
  margin-left: 75% !important;
}

.width-12-16 {
  width: 75%;
}

.left-11-16 {
  margin-left: 68.75% !important;
}

.width-11-16 {
  width: 68.75%;
}

.left-10-16 {
  margin-left: 62.5% !important;
}

.width-10-16 {
  width: 62.5%;
}

.left-9-16 {
  margin-left: 56.25% !important;
}

.width-9-16 {
  width: 56.25%;
}

.left-8-16 {
  margin-left: 50% !important;
}

.width-8-16 {
  width: 50%;
}

.left-7-16 {
  margin-left: 43.75% !important;
}

.width-7-16 {
  width: 43.75%;
}

.left-6-16 {
  margin-left: 37.5% !important;
}

.width-6-16 {
  width: 37.5%;
}

.left-5-16 {
  margin-left: 31.25% !important;
}

.width-5-16 {
  width: 31.25%;
}

.left-4-16 {
  margin-left: 25% !important;
}

.width-4-16 {
  width: 25%;
}

.left-3-16 {
  margin-left: 18.75% !important;
}

.width-3-16 {
  width: 18.75%;
}

.left-2-16 {
  margin-left: 12.5% !important;
}

.width-2-16 {
  width: 12.5%;
}

.left-1-16 {
  margin-left: 6.25% !important;
}

.width-1-16 {
  width: 6.25%;
}

.dialog {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.1);
  text-align: center;
  align-content: center;
  padding-bottom: 25%;
}

.table {
  position: relative;
  height: 100%;
  display: flex !important;
  flex-direction: column;
}

.table .header {
  display: flex !important;
  flex-direction: row;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  background-color: #fff;
  color: #abaeaf;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 6px;
  padding: 11px 0px;
  overflow: hidden;
}

.table .header .field-header {
  cursor: pointer;
  white-space: nowrap;
}

.table .header .sort-button {
  margin-bottom: -2px;
  margin-left: 6px;
  font-size: 12px;
}

.table .header .fixed {
  z-index: 30;
  background-color: #fff;
}

.table .header > *:first-child {
  padding-left: 12px;
}

.table .header > *:last-child {
  padding-right: 6px;
}

.table .body {
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
}

.table .body .fixed {
  z-index: 30;
  background-color: #fff;
}

.table .scroller-body {
  overflow-y: auto;
  overflow-x: hidden;
  outline: none;
  position: absolute;
  left: 0px;
  right: 0px;
  top: 20px;
  bottom: 0px;
}

.table .scroller-body .fixed {
  z-index: 30;
  background-color: #fff;
}

.table .scroller-header {
  overflow: hidden;
  padding-left: 2px;
}

.table .scroller {
  overflow-y: hidden;
  overflow-x: auto;
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
  height: 40px;
}

.record,
.action-record {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: flex !important;
  flex-direction: row;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  position: relative;
  margin-bottom: 6px;
  background-color: #fff;
  padding: 10px 0px;
  margin-right: 2px;
  margin-left: 2px;
  font-size: 13px;
  line-height: 16px;
}

.record.group,
.action-record.group {
  padding: 0;
}

.record.group .caption,
.action-record.group .caption {
  display: inline;
  color: #abaeaf;
  font-weight: bold;
  font-size: 10px;
}

.record.selected,
.action-record.selected {
  background-color: #455D79;
  color: #fff;
}

.record > *:first-child,
.action-record > *:first-child {
  padding-left: 12px;
}

.record > *:last-child,
.action-record > *:last-child {
  padding-right: 6px;
}

.record .cell,
.action-record .cell {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 4px;
}

.action-record {
  cursor: pointer;
}

.panel .record:not(.group),
.panel .action-record {
  background-color: #edf1f2;
  padding: 6px 0px;
}

.panel .record:not(.group).selected,
.panel .action-record.selected {
  background-color: #455D79;
  color: #fff;
}

.panel .action-record:hover {
  background-color: #012C3D;
  color: #fff;
}

.panel .action-record:active {
  background-color: #02506f;
}

.record-actions {
  position: absolute;
  top: 5px;
  right: 4px;
}

.record-actions.hidden {
  display: none;
}

.record:hover .record-actions.hidden {
  display: inline-block;
}

.unselectable {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.clickable {
  cursor: pointer;
}

.user-select-none {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.list-item {
  cursor: pointer;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #f5f5f5;
  padding: 8px;
}

.list-item:hover {
  background-color: #012C3D;
  color: #fff;
}

.list-item:active {
  background-color: #02506f;
}

.edit-item {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #f5f5f5;
  padding: 8px;
  border: 1px solid #012C3D;
}

.action-button {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-size: 80%;
  padding-left: 2px;
  padding-right: 2px;
  color: #455D79;
  display: inline-block;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: pointer;
}

.action-button:hover {
  background-color: #00000020;
  color: #012C3D;
}

.action-button:active {
  background-color: #012C3Dd0;
  color: #fff;
}

.overflow-static {
  display: inline-block;
  overflow-x: scroll;
  border: 1px solid #455D79;
  -ms-overflow-style: none;
  /* Internet Explorer 10+ */
  scrollbar-width: none;
  /* Firefox */
}

.overflow-static::-webkit-scrollbar {
  display: none;
  /* Safari and Chrome */
}

.label {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #95aac2;
  display: inline-block;
}

button {
  outline: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  background-color: #455D79;
  color: #fff;
  border: 1px solid #012C3D;
}

button:hover {
  background-color: #324459;
}

button:active {
  background-color: #202b38;
}

button.gray {
  background-color: #f5f5f5;
  color: #012C3D;
}

button.gray:hover {
  background-color: #dcdcdc;
}

button.gray:active {
  background-color: #c2c2c2;
}

button.danger {
  background-color: #da1215;
}

button.danger:hover {
  background-color: #ab0e10;
}

button.danger:active {
  background-color: #7c0a0c;
}

button:disabled {
  background-color: #d1d4d5;
  color: #9c9e9f;
}

select {
  min-width: 50px;
}

.menu {
  position: relative;
  background-color: #012C3D;
  color: #fff;
  min-width: 120px;
}

.menu .logo {
  display: block;
  width: 60px;
  margin: 20px 30px 10px 30px;
}

.menu .menu-item {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 20px 30px;
  font-size: 24px;
}

.menu .menu-item:hover {
  background-color: #455D79;
}

.menu .menu-item:active {
  background-color: #012C3D;
}

.menu .menu-item.active {
  color: #F9B233;
}