@import url('https://fonts.googleapis.com/css?family=Roboto:400,500,700');
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}
html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
body {
  margin: 0;
}
a:focus {
  outline: thin dotted;
}
a:active,
a:hover {
  outline: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
abbr[title] {
  border-bottom: 1px dotted;
}
b,
strong {
  font-weight: bold;
}
dfn {
  font-style: italic;
}
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
mark {
  background: #ff0;
  color: #000;
}
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}
pre {
  white-space: pre-wrap;
}
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
img {
  border: 0;
}
svg:not(:root) {
  overflow: hidden;
}
figure {
  margin: 0;
}
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
legend {
  border: 0;
  padding: 0;
}
button,
input,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0;
}
button,
input {
  line-height: normal;
}
button,
select {
  text-transform: none;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
textarea {
  overflow: auto;
  vertical-align: top;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
@media print {
  * {
    text-shadow: none !important;
    color: #000 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 2cm .5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  .navbar {
    display: none;
  }
  .table td,
  .table th {
    background-color: #fff !important;
  }
  .btn > .caret,
  .dropup > .btn > .caret {
    border-top-color: #000 !important;
  }
  .label {
    border: 1px solid #000;
  }
  .table {
    border-collapse: collapse !important;
  }
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}
body {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  background-color: #fff;
}
input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
a {
  color: #007fe0;
  text-decoration: none;
}
a:hover,
a:focus {
  color: #005494;
  text-decoration: underline;
}
a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
img {
  vertical-align: middle;
}
.img-responsive {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
.img-rounded {
  border-radius: 6px;
}
.img-circle {
  border-radius: 500px;
}
hr {
  margin-top: 18px;
  margin-bottom: 18px;
  border: 0;
  border-top: 1px solid #eeeeee;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  border: 0;
}
p {
  margin: 0 0 9px;
}
.lead {
  margin-bottom: 18px;
  font-size: 14.95px;
  font-weight: 200;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .lead {
    font-size: 19.5px;
  }
}
small {
  font-size: 85%;
}
cite {
  font-style: normal;
}
.text-muted {
  color: #999999;
}
.text-primary {
  color: #f0de3d;
}
.text-warning {
  color: #c09853;
}
.text-danger {
  color: #b94a48;
}
.text-success {
  color: #468847;
}
.text-info {
  color: #FFEF00;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
}
h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small,
.h1 small,
.h2 small,
.h3 small,
.h4 small,
.h5 small,
.h6 small {
  font-weight: normal;
  line-height: 1;
  color: #999999;
}
h1,
h2,
h3 {
  margin-top: 18px;
  margin-bottom: 9px;
}
h4,
h5,
h6 {
  margin-top: 9px;
  margin-bottom: 9px;
}
h1,
.h1 {
  font-size: 36px;
}
h2,
.h2 {
  font-size: 30px;
}
h3,
.h3 {
  font-size: 20px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 13px;
}
h6,
.h6 {
  font-size: 12px;
}
h1 small,
.h1 small {
  font-size: 23px;
}
h2 small,
.h2 small {
  font-size: 17px;
}
h3 small,
.h3 small,
h4 small,
.h4 small {
  font-size: 13px;
}
.page-header {
  padding-bottom: 8px;
  margin: 36px 0 18px;
  border-bottom: 1px solid #eeeeee;
}
ul,
ol {
  margin-top: 0;
  margin-bottom: 9px;
}
ul ul,
ul ol,
ol ul,
ol ol {
  margin-bottom: 0;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.list-inline {
  padding-left: 0;
  list-style: none;
}
.list-inline > li {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
dl {
  margin-bottom: 18px;
}
dt,
dd {
  line-height: 1.428571429;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 0;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    float: left;
    width: 160px;
    clear: left;
    text-align: right;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .dl-horizontal dd {
    margin-left: 180px;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
  .dl-horizontal dd:before,
  .dl-horizontal dd:after {
    content: " ";
    display: table;
  }
  .dl-horizontal dd:after {
    clear: both;
  }
}
abbr[title],
abbr[data-original-title] {
  cursor: help;
  border-bottom: 1px dotted #999999;
}
abbr.initialism {
  font-size: 90%;
  text-transform: uppercase;
}
blockquote {
  padding: 9px 18px;
  margin: 0 0 18px;
  border-left: 5px solid #eeeeee;
}
blockquote p {
  font-size: 16.25px;
  font-weight: 300;
  line-height: 1.25;
}
blockquote p:last-child {
  margin-bottom: 0;
}
blockquote small {
  display: block;
  line-height: 1.428571429;
  color: #999999;
}
blockquote small:before {
  content: '\2014 \00A0';
}
blockquote.pull-right {
  padding-right: 15px;
  padding-left: 0;
  border-right: 5px solid #eeeeee;
  border-left: 0;
}
blockquote.pull-right p,
blockquote.pull-right small {
  text-align: right;
}
blockquote.pull-right small:before {
  content: '';
}
blockquote.pull-right small:after {
  content: '\00A0 \2014';
}
q:before,
q:after,
blockquote:before,
blockquote:after {
  content: "";
}
address {
  display: block;
  margin-bottom: 18px;
  font-style: normal;
  line-height: 1.428571429;
}
code,
pre {
  font-family: Menlo, Consolas, "Courier New", monospace;
}
code {
  padding: 2px 4px;
  font-size: 90%;
  color: #c7254e;
  background-color: #f9f2f4;
  white-space: nowrap;
  border-radius: 4px;
}
pre {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
pre.prettyprint {
  margin-bottom: 18px;
}
pre code {
  padding: 0;
  color: inherit;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
.container {
  margin-right: auto;
  margin-left: auto;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.container:before,
.container:after {
  content: " ";
  display: table;
}
.container:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
.row:before,
.row:after {
  content: " ";
  display: table;
}
.row:after {
  clear: both;
}
@media (min-width: 768px) {
  .container .row {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.row .row {
  margin-left: -20px;
  margin-right: -20px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
.col-1,
.col-2,
.col-3,
.col-4,
.col-5,
.col-6,
.col-7,
.col-8,
.col-9,
.col-10,
.col-11,
.col-12 {
  float: left;
}
.col-1 {
  width: 8.3333333333333%;
}
.col-2 {
  width: 16.666666666667%;
}
.col-3 {
  width: 25%;
}
.col-4 {
  width: 33.333333333333%;
}
.col-5 {
  width: 41.666666666667%;
}
.col-6 {
  width: 50%;
}
.col-7 {
  width: 58.333333333333%;
}
.col-8 {
  width: 66.666666666667%;
}
.col-9 {
  width: 75%;
}
.col-10 {
  width: 83.333333333333%;
}
.col-11 {
  width: 91.666666666667%;
}
.col-12 {
  width: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .container {
    max-width: 728px;
  }
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-1 {
    width: 8.3333333333333%;
  }
  .col-sm-2 {
    width: 16.666666666667%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-4 {
    width: 33.333333333333%;
  }
  .col-sm-5 {
    width: 41.666666666667%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-7 {
    width: 58.333333333333%;
  }
  .col-sm-8 {
    width: 66.666666666667%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-10 {
    width: 83.333333333333%;
  }
  .col-sm-11 {
    width: 91.666666666667%;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-push-1 {
    left: 8.3333333333333%;
  }
  .col-sm-push-2 {
    left: 16.666666666667%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-4 {
    left: 33.333333333333%;
  }
  .col-sm-push-5 {
    left: 41.666666666667%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-7 {
    left: 58.333333333333%;
  }
  .col-sm-push-8 {
    left: 66.666666666667%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-10 {
    left: 83.333333333333%;
  }
  .col-sm-push-11 {
    left: 91.666666666667%;
  }
  .col-sm-pull-1 {
    right: 8.3333333333333%;
  }
  .col-sm-pull-2 {
    right: 16.666666666667%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-4 {
    right: 33.333333333333%;
  }
  .col-sm-pull-5 {
    right: 41.666666666667%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-7 {
    right: 58.333333333333%;
  }
  .col-sm-pull-8 {
    right: 66.666666666667%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-10 {
    right: 83.333333333333%;
  }
  .col-sm-pull-11 {
    right: 91.666666666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.3333333333333%;
  }
  .col-sm-offset-2 {
    margin-left: 16.666666666667%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-4 {
    margin-left: 33.333333333333%;
  }
  .col-sm-offset-5 {
    margin-left: 41.666666666667%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-7 {
    margin-left: 58.333333333333%;
  }
  .col-sm-offset-8 {
    margin-left: 66.666666666667%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-10 {
    margin-left: 83.333333333333%;
  }
  .col-sm-offset-11 {
    margin-left: 91.666666666667%;
  }
}
@media (min-width: 992px) {
  .container {
    max-width: 992px;
  }
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-1 {
    width: 8.3333333333333%;
  }
  .col-lg-2 {
    width: 16.666666666667%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-4 {
    width: 33.333333333333%;
  }
  .col-lg-5 {
    width: 41.666666666667%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-7 {
    width: 58.333333333333%;
  }
  .col-lg-8 {
    width: 66.666666666667%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-10 {
    width: 83.333333333333%;
  }
  .col-lg-11 {
    width: 91.666666666667%;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-push-1 {
    left: 8.3333333333333%;
  }
  .col-lg-push-2 {
    left: 16.666666666667%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-4 {
    left: 33.333333333333%;
  }
  .col-lg-push-5 {
    left: 41.666666666667%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-7 {
    left: 58.333333333333%;
  }
  .col-lg-push-8 {
    left: 66.666666666667%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-10 {
    left: 83.333333333333%;
  }
  .col-lg-push-11 {
    left: 91.666666666667%;
  }
  .col-lg-pull-1 {
    right: 8.3333333333333%;
  }
  .col-lg-pull-2 {
    right: 16.666666666667%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-4 {
    right: 33.333333333333%;
  }
  .col-lg-pull-5 {
    right: 41.666666666667%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-7 {
    right: 58.333333333333%;
  }
  .col-lg-pull-8 {
    right: 66.666666666667%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-10 {
    right: 83.333333333333%;
  }
  .col-lg-pull-11 {
    right: 91.666666666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.3333333333333%;
  }
  .col-lg-offset-2 {
    margin-left: 16.666666666667%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-4 {
    margin-left: 33.333333333333%;
  }
  .col-lg-offset-5 {
    margin-left: 41.666666666667%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-7 {
    margin-left: 58.333333333333%;
  }
  .col-lg-offset-8 {
    margin-left: 66.666666666667%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-10 {
    margin-left: 83.333333333333%;
  }
  .col-lg-offset-11 {
    margin-left: 91.666666666667%;
  }
}
@media (min-width: 1200px) {
  .container {
    max-width: 1050px;
  }
}
table {
  max-width: 100%;
  background-color: transparent;
}
th {
  text-align: left;
}
.table {
  width: 100%;
  margin-bottom: 18px;
}
.table thead > tr > th,
.table thead > tr > td,
.table tbody > tr > th,
.table tbody > tr > td,
.table tfoot > tr > th,
.table tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table thead > tr > th {
  vertical-align: bottom;
}
.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}
.table tbody + tbody {
  border-top: 2px solid #ddd;
}
.table .table {
  background-color: #fff;
}
.table-condensed thead > tr > th,
.table-condensed thead > tr > td,
.table-condensed tbody > tr > th,
.table-condensed tbody > tr > td,
.table-condensed tfoot > tr > th,
.table-condensed tfoot > tr > td {
  padding: 5px;
}
.table-bordered {
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-hover > tbody > tr:hover > td,
.table-hover > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
table col[class^="col-"] {
  float: none;
  display: table-column;
}
table td[class^="col-"],
table th[class^="col-"] {
  float: none;
  display: table-cell;
}
.table > thead > tr > td.active,
.table > thead > tr > th.active,
.table > thead > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr > td.active,
.table > tbody > tr > th.active,
.table > tbody > tr.active > td,
.table > tbody > tr.active > th,
.table > tfoot > tr > td.active,
.table > tfoot > tr > th.active,
.table > tfoot > tr.active > td,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5;
}
.table > thead > tr > td.success,
.table > thead > tr > th.success,
.table > thead > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr > td.success,
.table > tbody > tr > th.success,
.table > tbody > tr.success > td,
.table > tbody > tr.success > th,
.table > tfoot > tr > td.success,
.table > tfoot > tr > th.success,
.table > tfoot > tr.success > td,
.table > tfoot > tr.success > th {
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.table > thead > tr > td.danger,
.table > thead > tr > th.danger,
.table > thead > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr > td.danger,
.table > tbody > tr > th.danger,
.table > tbody > tr.danger > td,
.table > tbody > tr.danger > th,
.table > tfoot > tr > td.danger,
.table > tfoot > tr > th.danger,
.table > tfoot > tr.danger > td,
.table > tfoot > tr.danger > th {
  background-color: #f2dede;
  border-color: #eed3d7;
}
.table > thead > tr > td.warning,
.table > thead > tr > th.warning,
.table > thead > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr > td.warning,
.table > tbody > tr > th.warning,
.table > tbody > tr.warning > td,
.table > tbody > tr.warning > th,
.table > tfoot > tr > td.warning,
.table > tfoot > tr > th.warning,
.table > tfoot > tr.warning > td,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td {
  background-color: #d0e9c6;
  border-color: #c9e2b3;
}
.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td {
  background-color: #ebcccc;
  border-color: #e6c1c7;
}
.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td {
  background-color: #faf2cc;
  border-color: #f8e5be;
}
fieldset {
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 18px;
  font-size: 19.5px;
  line-height: inherit;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}
label {
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal;
}
input[type="file"] {
  display: block;
}
select[multiple],
select[size] {
  height: auto;
}
select optgroup {
  font-size: inherit;
  font-style: inherit;
  font-family: inherit;
}
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  height: auto;
}
.form-control:-moz-placeholder {
  color: #999999;
}
.form-control::-moz-placeholder {
  color: #999999;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.form-control {
  height: auto;
}
.form-group {
  margin-bottom: 15px;
}
.radio,
.checkbox {
  display: block;
  min-height: 18px;
  margin-top: 10px;
  margin-bottom: 10px;
  padding-left: 20px;
  vertical-align: middle;
}
.radio label,
.checkbox label {
  display: inline;
  margin-bottom: 0;
  font-weight: normal;
  cursor: pointer;
}
.radio input[type="radio"],
.radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.checkbox-inline input[type="checkbox"] {
  float: left;
  margin-left: -20px;
}
.radio + .radio,
.checkbox + .checkbox {
  margin-top: -5px;
}
.radio-inline,
.checkbox-inline {
  display: inline-block;
  padding-left: 20px;
  margin-bottom: 0;
  vertical-align: middle;
  font-weight: normal;
  cursor: pointer;
}
.radio-inline + .radio-inline,
.checkbox-inline + .checkbox-inline {
  margin-top: 0;
  margin-left: 10px;
}
.input-lg {
  height: 44px;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
}
.input-sm {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
select.input-lg {
  height: 44px;
  line-height: 44px;
}
select.input-sm {
  height: 30px;
  line-height: 30px;
}
textarea.input-lg,
textarea.input-sm {
  height: auto;
}
.has-warning .help-block,
.has-warning .control-label {
  color: #c09853;
}
.has-warning .form-control {
  border-color: #c09853;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.has-warning .form-control:focus {
  border-color: #a47e3c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #dbc59e;
}
.has-warning .input-group-addon {
  color: #c09853;
  border-color: #c09853;
  background-color: #fcf8e3;
}
.has-error .help-block,
.has-error .control-label {
  color: #b94a48;
}
.has-error .form-control {
  border-color: #b94a48;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.has-error .form-control:focus {
  border-color: #953b39;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #d59392;
}
.has-error .input-group-addon {
  color: #b94a48;
  border-color: #b94a48;
  background-color: #f2dede;
}
.has-success .help-block,
.has-success .control-label {
  color: #468847;
}
.has-success .form-control {
  border-color: #468847;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
.has-success .form-control:focus {
  border-color: #356635;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px #7aba7b;
}
.has-success .input-group-addon {
  color: #468847;
  border-color: #468847;
  background-color: #dff0d8;
}
.form-control-static {
  margin-bottom: 0;
  padding-top: 6px;
}
.help-block {
  display: block;
  margin-top: 5px;
  margin-bottom: 10px;
  color: #737373;
}
.form-inline .form-control,
.form-inline .radio,
.form-inline .checkbox {
  display: inline-block;
}
.form-inline .radio,
.form-inline .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.form-inline .radio input[type="radio"],
.form-inline .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.form-horizontal .control-label,
.form-horizontal .radio-inline,
.form-horizontal .checkbox-inline {
  padding-top: 6px;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
.form-horizontal .form-group:before,
.form-horizontal .form-group:after {
  content: " ";
  display: table;
}
.form-horizontal .form-group:after {
  clear: both;
}
@media (min-width: 768px) {
  .container .form-horizontal .form-group {
    margin-left: -20px;
    margin-right: -20px;
  }
}
.form-horizontal .form-group .row {
  margin-left: -20px;
  margin-right: -20px;
}
@media (min-width: 768px) {
  .form-horizontal .control-label {
    text-align: right;
  }
}
.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
}
.btn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-primary {
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}
.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-info {
  color: #fff;
  background-color: #FFEF00;
  border-color: #e6d700;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active {
  color: #fff;
  background-color: #d6c900;
  border-color: #a89e00;
}
.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #FFEF00;
  border-color: #e6d700;
}
.btn-link {
  color: #007fe0;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #005494;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:hover,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm,
.btn-xs {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 3px 5px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  transition: opacity .15s linear;
}
.fade.in {
  opacity: 1;
}
.collapse {
  display: none;
}
.collapse.in {
  display: block;
}
.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height .35s ease;
  transition: height .35s ease;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}
.input-group.col {
  float: none;
  padding-left: 0;
  padding-right: 0;
}
.input-group .form-control {
  width: 100%;
  margin-bottom: 0;
}
.input-group-addon,
.input-group-btn,
.input-group .form-control {
  display: table-cell;
}
.input-group-addon:not(:first-child):not(:last-child),
.input-group-btn:not(:first-child):not(:last-child),
.input-group .form-control:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.input-group-addon,
.input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group-addon {
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
}
.input-group-addon.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
.input-group-addon.input-lg {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 6px;
}
.input-group-addon input[type="radio"],
.input-group-addon input[type="checkbox"] {
  margin-top: 0;
}
.input-group .form-control:first-child,
.input-group-addon:first-child,
.input-group-btn:first-child > .btn,
.input-group-btn:first-child > .dropdown-toggle,
.input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.input-group-addon:first-child {
  border-right: 0;
}
.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group-addon:last-child {
  border-left: 0;
}
.input-group-btn {
  position: relative;
  white-space: nowrap;
}
.input-group-btn > .btn {
  position: relative;
}
.input-group-btn > .btn + .btn {
  margin-left: -4px;
}
.input-group-btn > .btn:hover,
.input-group-btn > .btn:active {
  z-index: 2;
}
.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
}
.dropdown {
  position: relative;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  background-color: #fff;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  box-shadow: 0 6px 12px rgba(0,0,0,0.175);
  background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #fff;
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f0de3d),to(#efda25));
  background-image: -webkit-linear-gradient(top,#f0de3d,0%,#efda25,100%);
  background-image: -moz-linear-gradient(top,#f0de3d 0%,#efda25 100%);
  background-image: linear-gradient(to bottom,#f0de3d 0%,#efda25 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0dd3c', endColorstr='#ffeed924', GradientType=0);
  background-color: #efda25;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #fff;
  text-decoration: none;
  outline: 0;
  background-image: -webkit-gradient(linear,left 0%,left 100%,from(#f0de3d),to(#efda25));
  background-image: -webkit-linear-gradient(top,#f0de3d,0%,#efda25,100%);
  background-image: -moz-linear-gradient(top,#f0de3d 0%,#efda25 100%);
  background-image: linear-gradient(to bottom,#f0de3d 0%,#efda25 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0dd3c', endColorstr='#ffeed924', GradientType=0);
  background-color: #efda25;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #999999;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.428571429;
  color: #999999;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px solid #000;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 1px;
}
.list-group {
  margin-bottom: 20px;
  padding-left: 0;
}
.list-group-item {
  position: relative;
  display: block;
  padding: 10px 30px 10px 15px;
  margin-bottom: -1px;
  background-color: #fff;
  border: 1px solid #ddd;
}
.list-group-item:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.list-group-item:last-child {
  margin-bottom: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.list-group-item > .badge {
  float: right;
  margin-right: -15px;
}
.list-group-item > .badge + .badge {
  margin-right: 0;
}
.list-group-item-heading {
  margin-top: 0;
  margin-bottom: 5px;
}
.list-group-item-text {
  margin-bottom: 0;
  line-height: 1.3;
}
a.list-group-item .list-group-item-heading {
  color: #333;
}
a.list-group-item .list-group-item-text {
  color: #555;
}
a.list-group-item:hover,
a.list-group-item:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
a.list-group-item.active {
  z-index: 2;
  color: #fff;
  background-color: #f0de3d;
  border-color: #f0de3d;
}
a.list-group-item.active .list-group-item-heading {
  color: inherit;
}
a.list-group-item.active .list-group-item-text {
  color: #fffefa;
}
.panel {
  padding: 15px;
  margin-bottom: 20px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: 0 1px 1px rgba(0,0,0,0.05);
}
.panel .list-group {
  margin: 15px -15px -15px;
}
.panel .list-group .list-group-item {
  border-width: 1px 0;
}
.panel .list-group .list-group-item:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.panel .list-group .list-group-item:last-child {
  border-bottom: 0;
}
.panel-headingNew {
  padding: 10px 15px;
  margin: -15px;
}
.panel-headingNew a {
  color: black;
}
.panel-headingNew .countCircle {
  margin-right: 10px;
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 29px;
  color: white;
  font-size: 14px;
  background: #f0de3d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.panel-heading {
  margin: -15px -15px 15px;
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #ddd;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16.25px;
  font-weight: 500;
}
.panel-title > a {
  color: inherit;
}
.panel-footer {
  margin: 15px -15px -15px;
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.panel-primary {
  border-color: #f0de3d;
}
.panel-primary .panel-heading {
  color: #fff;
  background-color: #f0de3d;
  border-color: #f0de3d;
}
.panel-success {
  border-color: #d6e9c6;
}
.panel-success .panel-heading {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}
.panel-warning {
  border-color: #fbeed5;
}
.panel-warning .panel-heading {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}
.panel-danger {
  border-color: #eed3d7;
}
.panel-danger .panel-heading {
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}
.panel-info {
  border-color: #bce8f1;
}
.panel-info .panel-heading {
  color: #FFEF00;
  background-color: #d9edf7;
  border-color: #bce8f1;
}
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border: 1px solid #e3e3e3;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);
}
.well blockquote {
  border-color: #ddd;
  border-color: rgba(0,0,0,0.15);
}
.well-lg {
  padding: 24px;
  border-radius: 6px;
}
.well-sm {
  padding: 9px;
  border-radius: 3px;
}
.close {
  float: right;
  font-size: 19.5px;
  font-weight: bold;
  line-height: 1;
  color: #000;
  text-shadow: 0 1px 0 #fff;
  opacity: .2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
  opacity: .5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.nav {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav:before,
.nav:after {
  content: " ";
  display: table;
}
.nav:after {
  clear: both;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.nav > li.disabled > a {
  color: #999999;
}
.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.nav.open > a,
.nav.open > a:hover,
.nav.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.nav.open > a .caret,
.nav.open > a:hover .caret,
.nav.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.nav .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.nav-tabs {
  border-bottom: 1px solid #ddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.nav-tabs.nav-justified > li > a {
  text-align: center;
}
.nav-tabs.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.nav-tabs.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.nav-pills > li {
  float: left;
}
.nav-pills > li > a {
  border-radius: 5px;
}
.nav-pills > li + li {
  margin-left: 2px;
}
.nav-pills > li.active > a,
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:focus {
  color: #fff;
  background-color: #f0de3d;
}
.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.nav-justified > li > a {
  text-align: center;
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.nav-tabs-justified > .active > a {
  border-bottom-color: #fff;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}
.tabbable:before,
.tabbable:after {
  content: " ";
  display: table;
}
.tabbable:after {
  clear: both;
}
.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;
}
.tab-content > .active,
.pill-content > .active {
  display: block;
}
.nav .caret {
  border-top-color: #007fe0;
  border-bottom-color: #007fe0;
}
.nav a:hover .caret {
  border-top-color: #005494;
  border-bottom-color: #005494;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.navbar {
  position: relative;
  min-height: 74px;
  margin-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;
  border-radius: 4px;
}
.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar:before,
.navbar:after {
  content: " ";
  display: table;
}
.navbar:after {
  clear: both;
}
.navbar-nav {
  margin-bottom: 15px;
}
.navbar-nav > li > a {
  padding-top: 28px;
  padding-bottom: 28px;
  color: #000000;
  line-height: 18px;
  border-radius: 4px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
  color: #b9a80e;
  background-color: transparent;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #ffffff;
  background-color: #e6e6e6;
}
.navbar-nav > .disabled > a,
.navbar-nav > .disabled > a:hover,
.navbar-nav > .disabled > a:focus {
  color: #ccc;
  background-color: transparent;
}
.navbar-nav.pull-right {
  width: 100%;
}
.navbar-static-top {
  border-radius: 0;
}
.navbar-fixed-top,
.navbar-fixed-bottom {
  position: fixed;
  right: 0;
  left: 0;
  z-index: 1030;
  border-radius: 0;
}
.navbar-fixed-top {
  top: 0;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
}
.nav-collapse {
  padding-bottom: 28px;
}
.nav-collapse:before,
.nav-collapse:after {
  content: " ";
  display: table;
}
.nav-collapse:after {
  clear: both;
}
.nav-collapse:before,
.nav-collapse:after {
  content: " ";
  display: table;
}
.nav-collapse:after {
  clear: both;
}
.navbar-toggle + .nav-collapse {
  width: 100%;
  margin-top: 74px;
}
@media (max-width: 768px) {
  .nav-collapse-scrollable {
    margin-bottom: 28px;
    max-height: 360px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
  }
}
.navbar-brand {
  display: block;
  max-width: 200px;
  margin-left: auto;
  margin-right: auto;
  padding: 28px 20px;
  font-size: 17px;
  font-weight: 500;
  line-height: 18px;
  color: #000000;
  text-align: center;
}
.navbar-brand:hover,
.navbar-brand:focus {
  color: #000000;
  text-decoration: none;
  background-color: transparent;
}
.navbar-toggle {
  position: relative;
  float: right;
  height: 34px;
  width: 48px;
  margin-top: 20px;
  margin-bottom: 20px;
  padding: 6px 12px;
  background-color: transparent;
  border: 1px solid #ffffff;
  border-radius: 4px;
}
.navbar-toggle:hover,
.navbar-toggle:focus {
  background-color: #b9a80e;
}
.navbar-toggle .icon-bar {
  display: block;
  width: 22px;
  height: 2px;
  background-color: #ffffff;
  border-radius: 1px;
}
.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 4px;
}
.navbar-form {
  margin-top: 21px;
  margin-bottom: 21px;
}
.navbar-form .form-control,
.navbar-form .radio,
.navbar-form .checkbox {
  display: inline-block;
}
.navbar-form .radio,
.navbar-form .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.navbar-form .radio input[type="radio"],
.navbar-form .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.navbar-nav > li > .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav > li > .dropdown-menu {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.navbar-nav > .dropdown > a:hover .caret,
.navbar-nav > .dropdown > a:focus .caret {
  border-top-color: #b9a80e;
  border-bottom-color: #b9a80e;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  background-color: #e6e6e6;
  color: #ffffff;
}
.navbar-nav > .open > a .caret,
.navbar-nav > .open > a:hover .caret,
.navbar-nav > .open > a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.navbar-nav > .dropdown > a .caret {
  border-top-color: #000000;
  border-bottom-color: #000000;
}
.navbar-nav.pull-right > li > .dropdown-menu,
.navbar-nav > li > .dropdown-menu.pull-right {
  left: auto;
  right: 0;
}
.navbar-inverse {
  background-color: #222;
}
.navbar-inverse .navbar-brand {
  color: #999999;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-text {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a {
  color: #999999;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: transparent;
}
.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #090909;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}
.navbar-inverse .navbar-toggle {
  border-color: #333;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
  background-color: #333;
}
.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #090909;
  color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
  border-top-color: #999999;
  border-bottom-color: #999999;
}
.navbar-inverse .navbar-nav > .open > a .caret,
.navbar-inverse .navbar-nav > .open > a:hover .caret,
.navbar-inverse .navbar-nav > .open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
@media screen and (min-width: 768px) {
  .navbar-brand {
    float: left;
    margin-left: -20px;
    margin-right: 5px;
    max-width: none;
  }
  .navbar-nav {
    float: left;
    margin-top: 0;
    margin-bottom: 0;
  }
  .navbar-nav > li {
    float: left;
  }
  .navbar-nav > li > a {
    border-radius: 0;
  }
  .navbar-nav.pull-right {
    width: auto;
  }
  .navbar-toggle {
    position: relative;
    top: auto;
    left: auto;
    display: none;
  }
  .nav-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
}
.navbar-btn {
  margin-top: 21px;
}
.navbar-text {
  float: left;
  padding: 0 20px;
  margin-top: 28px;
  margin-bottom: 28px;
}
.navbar-link {
  color: #000000;
}
.navbar-link:hover {
  color: #b9a80e;
}
.navbar-inverse .navbar-link {
  color: #999999;
}
.navbar-inverse .navbar-link:hover {
  color: #fff;
}
.btn-default .caret {
  border-top-color: #333;
}
.btn-primary .caret,
.btn-success .caret,
.btn-warning .caret,
.btn-danger .caret,
.btn-info .caret {
  border-top-color: #fff;
}
.btn-default .dropup .caret {
  border-bottom-color: #333;
}
.btn-primary .dropup .caret,
.btn-success .dropup .caret,
.btn-warning .dropup .caret,
.btn-danger .dropup .caret,
.btn-info .dropup .caret {
  border-bottom-color: #fff;
}
.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn:hover,
.btn-group-vertical > .btn:focus,
.btn-group-vertical > .btn:active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus {
  outline: none;
}
.btn-group .btn + .btn {
  margin-left: -1px;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.btn-toolbar:after {
  clear: both;
}
.btn-toolbar .btn-group {
  float: left;
}
.btn-toolbar > .btn + .btn,
.btn-toolbar > .btn + .btn-group,
.btn-toolbar > .btn-group + .btn,
.btn-toolbar > .btn-group + .btn-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child > .btn:last-child,
.btn-group > .btn-group:first-child > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px;
}
.dropup .btn-lg .caret {
  border-bottom-width: 5px;
}
.btn-group-vertical > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn + .btn {
  margin-top: -1px;
}
.btn-group-vertical .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
}
.btn-group-justified .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group[data-toggle="buttons"] > .btn > input[type="radio"],
.btn-group[data-toggle="buttons"] > .btn > input[type="checkbox"] {
  display: none;
}
.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 18px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
}
.breadcrumb > li {
  display: inline-block;
}
.breadcrumb > li+li:before {
  content: "/\00a0";
  padding: 0 5px;
  color: #ccc;
}
.breadcrumb > .active {
  color: #999999;
}
.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 18px 0;
  border-radius: 4px;
}
.pagination > li {
  display: inline;
}
.pagination > li > a,
.pagination > li > span {
  float: left;
  padding: 6px 12px;
  line-height: 1.428571429;
  text-decoration: none;
  background-color: #fff;
  border: 1px solid #ddd;
  border-left-width: 0;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
  border-left-width: 1px;
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > a:focus,
.pagination > .active > a,
.pagination > .active > span {
  background-color: #f5f5f5;
}
.pagination > .active > a,
.pagination > .active > span {
  color: #999999;
  cursor: default;
}
.pagination > .disabled > span,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
  color: #999999;
  background-color: #fff;
  cursor: not-allowed;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
  padding: 10px 16px;
  font-size: 17px;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
  border-bottom-left-radius: 6px;
  border-top-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
  border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
  padding: 5px 10px;
  font-size: 12px;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
  border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
}
.pager {
  padding-left: 0;
  margin: 18px 0;
  list-style: none;
  text-align: center;
}
.pager:before,
.pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager:before,
.pager:after {
  content: " ";
  display: table;
}
.pager:after {
  clear: both;
}
.pager li {
  display: inline;
}
.pager li > a,
.pager li > span {
  display: inline-block;
  padding: 5px 14px;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
  text-decoration: none;
  background-color: #f5f5f5;
}
.pager .next > a,
.pager .next > span {
  float: right;
}
.pager .previous > a,
.pager .previous > span {
  float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
  color: #999999;
  background-color: #fff;
  cursor: not-allowed;
}
.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0,-25%);
  -ms-transform: translate(0,-25%);
  transform: translate(0,-25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0,0);
  -ms-transform: translate(0,0);
  transform: translate(0,0);
}
.modal-dialog {
  margin-left: auto;
  margin-right: auto;
  width: auto;
  padding: 10px;
  z-index: 1050;
}
.modal-content {
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  box-shadow: 0 3px 9px rgba(0,0,0,0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1030;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: .5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.428571429px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.428571429;
}
.modal-body {
  position: relative;
  padding: 20px;
}
.modal-footer {
  margin-top: 15px;
  padding: 19px 20px 20px;
  text-align: right;
  border-top: 1px solid #e5e5e5;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer:before,
.modal-footer:after {
  content: " ";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer .btn + .btn {
  margin-left: 5px;
  margin-bottom: 0;
}
.modal-footer .btn-group .btn + .btn {
  margin-left: -1px;
}
.modal-footer .btn-block + .btn-block {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .modal-dialog {
    left: 50%;
    right: auto;
    width: 600px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .modal-content {
    -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.5);
    box-shadow: 0 5px 15px rgba(0,0,0,0.5);
  }
}
.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  font-size: 12px;
  line-height: 1.4;
  opacity: 0;
  filter: alpha(opacity=0);
}
.tooltip.in {
  opacity: .9;
  filter: alpha(opacity=90);
}
.tooltip.top {
  margin-top: -3px;
  padding: 5px 0;
}
.tooltip.right {
  margin-left: 3px;
  padding: 0 5px;
}
.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0;
}
.tooltip.left {
  margin-left: -3px;
  padding: 0 5px;
}
.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: #000;
  border-radius: 4px;
}
.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  left: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  right: 5px;
  border-width: 5px 5px 0;
  border-top-color: #000;
}
.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000;
}
.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000;
}
.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  left: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  right: 5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000;
}
.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  max-width: 276px;
  padding: 1px;
  text-align: left;
  background-color: #fff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0,0,0,0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  box-shadow: 0 5px 10px rgba(0,0,0,0.2);
  white-space: normal;
}
.popover.top {
  margin-top: -10px;
}
.popover.right {
  margin-left: 10px;
}
.popover.bottom {
  margin-top: 10px;
}
.popover.left {
  margin-left: -10px;
}
.popover-title {
  margin: 0;
  padding: 8px 14px;
  font-size: 13px;
  font-weight: normal;
  line-height: 18px;
  background-color: #f7f7f7;
  border-bottom: 1px solid #ebebeb;
  border-radius: 5px 5px 0 0;
}
.popover-content {
  padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.popover .arrow {
  border-width: 11px;
}
.popover .arrow:after {
  border-width: 10px;
  content: "";
}
.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0,0,0,0.25);
  bottom: -11px;
}
.popover.top .arrow:after {
  content: " ";
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #fff;
}
.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
  content: " ";
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #fff;
}
.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0,0,0,0.25);
  top: -11px;
}
.popover.bottom .arrow:after {
  content: " ";
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #fff;
}
.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
  content: " ";
  right: 1px;
  border-right-width: 0;
  border-left-color: #fff;
  bottom: -10px;
}
.svg-popup-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0,0,0,0.7);
  z-index: 1000;
}
.svg-popup-content {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 70%;
  background: white;
  padding: 50px;
  border-radius: 5px;
  z-index: 1001;
  height: 50%;
}
.svg-popup-close-button {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 24px;
  cursor: pointer;
  color: #666;
}
.alert {
  padding: 15px 35px 15px 15px;
  margin-bottom: 18px;
  color: #c09853;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert hr {
  border-top-color: #f8e5be;
}
.alert .alert-link {
  font-weight: bold;
  color: #a47e3c;
}
.alert .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #468847;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #356635;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
}
.alert-danger hr {
  border-top-color: #e6c1c7;
}
.alert-danger .alert-link {
  color: #953b39;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #3a87ad;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #2d6987;
}
.thumbnail,
.img-thumbnail {
  padding: 4px;
  line-height: 1.428571429;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 4px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
.thumbnail {
  display: block;
}
.thumbnail > img,
.img-thumbnail {
  display: inline-block;
  max-width: 100%;
  height: auto;
}
a.thumbnail:hover,
a.thumbnail:focus {
  border-color: #007fe0;
}
.thumbnail > img {
  margin-left: auto;
  margin-right: auto;
}
.thumbnail .caption {
  padding: 9px;
  color: #333333;
}
.media,
.media-body {
  overflow: hidden;
  zoom: 1;
}
.media,
.media .media {
  margin-top: 15px;
}
.media:first-child {
  margin-top: 0;
}
.media-object {
  display: block;
}
.media-heading {
  margin: 0 0 5px;
}
.media > .pull-left {
  margin-right: 10px;
}
.media > .pull-right {
  margin-left: 10px;
}
.media-list {
  padding-left: 0;
  list-style: none;
}
.label {
  display: inline;
  padding: .25em .6em;
  font-size: 75%;
  font-weight: 500;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: .25em;
}
.label[href]:hover,
.label[href]:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-info {
  background-color: #FFEF00;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #ccbf00;
}
.badge {
  display: inline-block;
  min-width: 10px;
  padding: 3px 7px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  vertical-align: baseline;
  white-space: nowrap;
  text-align: center;
  background-color: #999999;
  border-radius: 10px;
}
.badge:empty {
  display: none;
}
a.badge:hover,
a.badge:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.btn .badge {
  position: relative;
  top: -1px;
}
a.list-group-item.active > .badge,
.nav-pills > .active > a > .badge {
  color: #007fe0;
  background-color: #fff;
}
.nav-pills > li > a > .badge {
  margin-left: 3px;
}
@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-moz-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-o-keyframes progress-bar-stripes {
  from {
    background-position: 0 0;
  }
  to {
    background-position: 40px 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  overflow: hidden;
  height: 18px;
  margin-bottom: 18px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
  box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  color: #fff;
  text-align: center;
  background-color: #f0de3d;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
  -webkit-transition: width .6s ease;
  transition: width .6s ease;
}
.progress-striped .progress-bar {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  -moz-animation: progress-bar-stripes 2s linear infinite;
  -ms-animation: progress-bar-stripes 2s linear infinite;
  -o-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.progress-bar-info {
  background-color: #FFEF00;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-gradient(linear,0 100%,100% 0,color-stop(.25,rgba(255,255,255,0.15)),color-stop(.25,transparent),color-stop(.5,transparent),color-stop(.5,rgba(255,255,255,0.15)),color-stop(.75,rgba(255,255,255,0.15)),color-stop(.75,transparent),to(transparent));
  background-image: -webkit-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: -moz-linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
  background-image: linear-gradient(45deg,rgba(255,255,255,0.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.15) 50%,rgba(255,255,255,0.15) 75%,transparent 75%,transparent);
}
.accordion {
  margin-bottom: 18px;
}
.accordion-group {
  margin-bottom: 2px;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
}
.accordion-heading {
  border-bottom: 0;
}
.accordion-heading .accordion-toggle {
  display: block;
  padding: 8px 15px;
  cursor: pointer;
}
.accordion-inner {
  padding: 9px 15px;
  border-top: 1px solid #e5e5e5;
}
.carousel {
  position: relative;
}
.carousel-inner {
  position: relative;
  overflow: hidden;
  width: 100%;
}
.carousel-inner > .item {
  display: none;
  position: relative;
  -webkit-transition: .6s ease-in-out left;
  transition: .6s ease-in-out left;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  display: inline-block;
  max-width: 100%;
  height: auto;
  line-height: 1;
}
.carousel-inner > .active,
.carousel-inner > .next,
.carousel-inner > .prev {
  display: block;
}
.carousel-inner > .active {
  left: 0;
}
.carousel-inner > .next,
.carousel-inner > .prev {
  position: absolute;
  top: 0;
  width: 100%;
}
.carousel-inner > .next {
  left: 100%;
}
.carousel-inner > .prev {
  left: -100%;
}
.carousel-inner > .next.left,
.carousel-inner > .prev.right {
  left: 0;
}
.carousel-inner > .active.left {
  left: -100%;
}
.carousel-inner > .active.right {
  left: 100%;
}
.carousel-control {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 15%;
  opacity: .5;
  filter: alpha(opacity=50);
  font-size: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.carousel-control.left {
  background-image: -webkit-gradient(linear,0% top,100% top,from(rgba(0,0,0,0.5)),to(rgba(0,0,0,0.0001)));
  background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.5) 0%),color-stop(rgba(0,0,0,0.0001) 100%));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.0001) 100%);
  background-image: linear-gradient(to right,rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.0001) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7f000000', endColorstr='#00000000', GradientType=1);
}
.carousel-control.right {
  left: auto;
  right: 0;
  background-image: -webkit-gradient(linear,0% top,100% top,from(rgba(0,0,0,0.0001)),to(rgba(0,0,0,0.5)));
  background-image: -webkit-linear-gradient(left,color-stop(rgba(0,0,0,0.0001) 0%),color-stop(rgba(0,0,0,0.5) 100%));
  background-image: -moz-linear-gradient(left,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.5) 100%);
  background-image: linear-gradient(to right,rgba(0,0,0,0.0001) 0%,rgba(0,0,0,0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#7f000000', GradientType=1);
}
.carousel-control:hover,
.carousel-control:focus {
  color: #fff;
  text-decoration: none;
  opacity: .9;
  filter: alpha(opacity=90);
}
.carousel-control .glyphicon,
.carousel-control .icon-prev,
.carousel-control .icon-next {
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 5;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
  font-family: serif;
}
.carousel-control .icon-prev:before {
  content: '\2039';
}
.carousel-control .icon-next:before {
  content: '\203a';
}
.carousel-indicators {
  position: absolute;
  bottom: 10px;
  left: 50%;
  z-index: 15;
  width: 60%;
  margin-left: -30%;
  padding-left: 0;
  list-style: none;
  text-align: center;
}
.carousel-indicators li {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 1px;
  text-indent: -999px;
  border: 1px solid #fff;
  border-radius: 10px;
  cursor: pointer;
}
.carousel-indicators .active {
  margin: 0;
  width: 12px;
  height: 12px;
  background-color: #fff;
}
.carousel-caption {
  position: absolute;
  left: 15%;
  right: 15%;
  bottom: 20px;
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: #fff;
  text-align: center;
  text-shadow: 0 1px 2px rgba(0,0,0,0.6);
}
.carousel-caption .btn {
  text-shadow: none;
}
@media screen and (min-width: 768px) {
  .carousel-control .glyphicon,
  .carousel-control .icon-prev,
  .carousel-control .icon-next {
    width: 30px;
    height: 30px;
    margin-top: -15px;
    margin-left: -15px;
    font-size: 30px;
  }
  .carousel-caption {
    left: 20%;
    right: 20%;
    padding-bottom: 30px;
  }
  .carousel-indicators {
    bottom: 20px;
  }
}
.jumbotron {
  padding: 30px;
  margin-bottom: 30px;
  font-size: 19.5px;
  font-weight: 200;
  line-height: 2.1428571435;
  color: inherit;
  background-color: #eeeeee;
}
.jumbotron h1 {
  line-height: 1;
  color: inherit;
}
.jumbotron p {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .jumbotron {
    padding: 50px 60px;
    border-radius: 6px;
  }
  .jumbotron h1 {
    font-size: 58.5px;
  }
}
.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hide {
  display: none !important;
}
.show {
  display: block !important;
}
.invisible {
  visibility: hidden;
}
.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.affix {
  position: fixed;
}
@-ms-viewport {
  width: device-width;
}
@media screen and (max-width: 400px) {
  @-ms-viewport {
    width: 320px;
  }
}
.hidden {
  display: none !important;
  visibility: hidden !important;
}
.visible-sm {
  display: block !important;
}
tr.visible-sm {
  display: table-row !important;
}
th.visible-sm,
td.visible-sm {
  display: table-cell !important;
}
.visible-md {
  display: none !important;
}
tr.visible-md {
  display: none !important;
}
th.visible-md,
td.visible-md {
  display: none !important;
}
.visible-lg {
  display: none !important;
}
tr.visible-lg {
  display: none !important;
}
th.visible-lg,
td.visible-lg {
  display: none !important;
}
.hidden-sm {
  display: none !important;
}
tr.hidden-sm {
  display: none !important;
}
th.hidden-sm,
td.hidden-sm {
  display: none !important;
}
.hidden-md {
  display: block !important;
}
tr.hidden-md {
  display: table-row !important;
}
th.hidden-md,
td.hidden-md {
  display: table-cell !important;
}
.hidden-lg {
  display: block !important;
}
tr.hidden-lg {
  display: table-row !important;
}
th.hidden-lg,
td.hidden-lg {
  display: table-cell !important;
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: none !important;
  }
  tr.visible-sm {
    display: none !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: none !important;
  }
  .visible-md {
    display: block !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
  .visible-lg {
    display: none !important;
  }
  tr.visible-lg {
    display: none !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: none !important;
  }
  .hidden-sm {
    display: block !important;
  }
  tr.hidden-sm {
    display: table-row !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: table-cell !important;
  }
  .hidden-md {
    display: none !important;
  }
  tr.hidden-md {
    display: none !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: none !important;
  }
  .hidden-lg {
    display: block !important;
  }
  tr.hidden-lg {
    display: table-row !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: table-cell !important;
  }
}
@media (min-width: 992px) {
  .visible-sm {
    display: none !important;
  }
  tr.visible-sm {
    display: none !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: none !important;
  }
  .visible-md {
    display: none !important;
  }
  tr.visible-md {
    display: none !important;
  }
  th.visible-md,
  td.visible-md {
    display: none !important;
  }
  .visible-lg {
    display: block !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
  .hidden-sm {
    display: block !important;
  }
  tr.hidden-sm {
    display: table-row !important;
  }
  th.hidden-sm,
  td.hidden-sm {
    display: table-cell !important;
  }
  .hidden-md {
    display: block !important;
  }
  tr.hidden-md {
    display: table-row !important;
  }
  th.hidden-md,
  td.hidden-md {
    display: table-cell !important;
  }
  .hidden-lg {
    display: none !important;
  }
  tr.hidden-lg {
    display: none !important;
  }
  th.hidden-lg,
  td.hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
tr.visible-print {
  display: none !important;
}
th.visible-print,
td.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
  .hidden-print {
    display: none !important;
  }
  tr.hidden-print {
    display: none !important;
  }
  th.hidden-print,
  td.hidden-print {
    display: none !important;
  }
}
.flex-row {
  position: relative;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
.flex-col-1,
.flex-col-2,
.flex-col-3,
.flex-col-4,
.flex-col-5,
.flex-col-6,
.flex-col-7,
.flex-col-8,
.flex-col-9,
.flex-col-10,
.flex-col-11,
.flex-col-12,
.flex-col-sm-1,
.flex-col-sm-2,
.flex-col-sm-3,
.flex-col-sm-4,
.flex-col-sm-5,
.flex-col-sm-6,
.flex-col-sm-7,
.flex-col-sm-8,
.flex-col-sm-9,
.flex-col-sm-10,
.flex-col-sm-11,
.flex-col-sm-12,
.flex-col-lg-1,
.flex-col-lg-2,
.flex-col-lg-3,
.flex-col-lg-4,
.flex-col-lg-5,
.flex-col-lg-6,
.flex-col-lg-7,
.flex-col-lg-8,
.flex-col-lg-9,
.flex-col-lg-10,
.flex-col-lg-11,
.flex-col-lg-12 {
  box-sizing: border-box;
  flex: 0 0;
  flex-basis: 100%;
}
.flex-col-without-width {
  box-sizing: border-box;
  flex: 0 0;
  flex-basis: 100%;
}
.flex-col-1 {
  flex-basis: calc(8.3333333333333%);
}
.flex-col-2 {
  flex-basis: calc(16.666666666667%);
}
.flex-col-3 {
  flex-basis: calc(25%);
}
.flex-col-4 {
  flex-basis: calc(33.333333333333%);
}
.flex-col-5 {
  flex-basis: calc(41.666666666667%);
}
.flex-col-6 {
  flex-basis: calc(50%);
}
.flex-col-7 {
  flex-basis: calc(58.333333333333%);
}
.flex-col-8 {
  flex-basis: calc(66.666666666667%);
}
.flex-col-9 {
  flex-basis: calc(75%);
}
.flex-col-10 {
  flex-basis: calc(83.333333333333%);
}
.flex-col-11 {
  flex-basis: calc(91.666666666667%);
}
.flex-col-12 {
  flex-basis: 100%;
}
@media (min-width: 768px) and (max-width: 991px) {
  .flex-col-sm-1 {
    flex-basis: calc(8.3333333333333%);
  }
  .flex-col-sm-2 {
    flex-basis: calc(16.666666666667%);
  }
  .flex-col-sm-3 {
    flex-basis: calc(25%);
  }
  .flex-col-sm-4 {
    flex-basis: calc(33.333333333333%);
  }
  .flex-col-sm-5 {
    flex-basis: calc(41.666666666667%);
  }
  .flex-col-sm-6 {
    flex-basis: calc(50%);
  }
  .flex-col-sm-7 {
    flex-basis: calc(58.333333333333%);
  }
  .flex-col-sm-8 {
    flex-basis: calc(66.666666666667%);
  }
  .flex-col-sm-9 {
    flex-basis: calc(75%);
  }
  .flex-col-sm-10 {
    flex-basis: calc(83.333333333333%);
  }
  .flex-col-sm-11 {
    flex-basis: calc(91.666666666667%);
  }
  .flex-col-sm-12 {
    flex-basis: 100%;
  }
}
@media (min-width: 992px) {
  .flex-col-lg-1 {
    flex-basis: calc(8.3333333333333%);
  }
  .flex-col-lg-2 {
    flex-basis: calc(16.666666666667%);
  }
  .flex-col-lg-3 {
    flex-basis: calc(25%);
  }
  .flex-col-lg-4 {
    flex-basis: calc(33.333333333333%);
  }
  .flex-col-lg-5 {
    flex-basis: calc(41.666666666667%);
  }
  .flex-col-lg-6 {
    flex-basis: calc(50%);
  }
  .flex-col-lg-7 {
    flex-basis: calc(58.333333333333%);
  }
  .flex-col-lg-8 {
    flex-basis: calc(66.666666666667%);
  }
  .flex-col-lg-9 {
    flex-basis: calc(75%);
  }
  .flex-col-lg-10 {
    flex-basis: calc(83.333333333333%);
  }
  .flex-col-lg-11 {
    flex-basis: calc(91.666666666667%);
  }
  .flex-col-lg-12 {
    flex-basis: 100%;
  }
}
.inline-input {
  display: inline-block;
  width: auto;
}
.modal-title {
  padding-right: 10px;
}
.loading {
  transition: opacity 0.6s;
  opacity: 0.7;
  pointer-events: none;
}
@keyframes glowing {
  0% {
    opacity: 0.4;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.4;
  }
}
.loadingGlowing {
  animation: glowing 0.8s infinite;
  opacity: 0.4;
  pointer-events: none;
}
.loadingWithoutOpacity {
  pointer-events: none;
}
.loadingStrong {
  transition: opacity 0.3s;
  opacity: 0.45;
  pointer-events: none;
}
.loadingForInputsOnly {
  pointer-events: none;
}
.loadingForInputsOnly input,
.loadingForInputsOnly textarea,
.loadingForInputsOnly select,
.loadingForInputsOnly button {
  transition: opacity 0.5s;
  opacity: 0.7 !important;
  pointer-events: none;
}
.loadingForInputsOnly a {
  transition: opacity 0.5s;
  opacity: 0.9 !important;
  pointer-events: none;
}
html.prefersreducedmotion body .fade {
  transition: opacity 0.05s linear;
}
html.prefersreducedmotion body .modal.fade .modal-dialog {
  transition: transform 0s ease-out;
}
html.prefersreducedmotion body #booking .bookingTable td.openedFactory,
html.prefersreducedmotion body #booking .bookingTable td.closedFactory,
html.prefersreducedmotion body #booking .bookingTable th.openedFactory,
html.prefersreducedmotion body #booking .bookingTable th.closedFactory,
html.prefersreducedmotion body #shippingBooking .bookingTable td.openedFactory,
html.prefersreducedmotion body #shippingBooking .bookingTable td.closedFactory,
html.prefersreducedmotion body #shippingBooking .bookingTable th.openedFactory,
html.prefersreducedmotion body #shippingBooking .bookingTable th.closedFactory {
  transition: width 0.1s ease-out;
}
html.prefersreducedmotion body #optionEditorDialog .optionEditSideBox {
  transition: width 0.05s;
}
html.prefersreducedmotion body #optionEditorDialog .optionEditGridsSideBox {
  transition: width 0.05s;
}
.new-upload-drag-over {
  outline: 2px dashed #f0de3d;
}
html.no-preferscolorschemedark .visible-dark-mode {
  display: none;
}
html.no-preferscolorschemedark .visible-inline-dark-mode {
  display: none;
}
html.no-preferscolorschemedark .hidden-dark-mode {
  display: block;
}
html.no-preferscolorschemedark .hidden-inline-dark-mode {
  display: inline-block;
}
html.preferscolorschemedark body {
  color: #000000;
}
html.preferscolorschemedark body .visible-dark-mode {
  display: block;
}
html.preferscolorschemedark body .visible-inline-dark-mode {
  display: inline-block;
}
html.preferscolorschemedark body .hidden-dark-mode {
  display: none;
}
html.preferscolorschemedark body .hidden-inline-dark-mode {
  display: none;
}
html.preferscolorschemedark body .visible-dark-mode {
  display: block;
}
html.preferscolorschemedark body .productionPlanHeaderBar,
html.preferscolorschemedark body .shippingHeaderBar {
  background: #404040;
}
html.preferscolorschemedark body .cartIframeIndexHeaderBar {
  background: #404040;
}
html.preferscolorschemedark body #productionReceiptPage .productionReceiptHeaderBar {
  background: #404040 !important;
}
html.preferscolorschemedark body .productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar {
  background: #404040;
}
html.preferscolorschemedark body #tyostonTilaPage .tyostonTilaHeaderBar {
  background: #404040 !important;
}
.iphoneSmoothScroll {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.iphoneSmoothScrollOnRelativeElement {
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.iphoneSmoothScrollOnRelativeElement > * {
  -webkit-transform: translateZ(0px);
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
img {
  vertical-align: middle;
  -ms-interpolation-mode: bicubic;
}
fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}
textarea {
  resize: vertical;
}
.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}
.bg-primary {
  background-color: #f0de3d;
}
.bg-secondary {
  background-color: #4B83C0;
}
.btn-secondary {
  color: #fff;
  background-color: #4B83C0;
  border-color: #386aa0;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active {
  color: #fff;
  background-color: #3b6fa8;
  border-color: #284c73;
}
.btn-secondary.disabled,
.btn-secondary.disabled:hover,
.btn-secondary.disabled:focus,
.btn-secondary.disabled:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled],
.btn-secondary[disabled]:hover,
.btn-secondary[disabled]:focus,
.btn-secondary[disabled]:active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary,
fieldset[disabled] .btn-secondary:hover,
fieldset[disabled] .btn-secondary:focus,
fieldset[disabled] .btn-secondary:active,
fieldset[disabled] .btn-secondary.active {
  background-color: #4B83C0;
  border-color: #386aa0;
}
.text-secondary {
  color: #4B83C0;
}
.navbar-brand {
  margin-left: 0;
  padding: 10px 20px;
}
.navbar-brand-compact {
  margin-left: -50px;
  margin-right: -30px;
}
p {
  margin-bottom: 15px;
}
body {
  background: #ffffff;
  padding: 8px 10px 50px 10px;
}
.containerFix {
  padding-right: 15px;
  padding-left: 15px;
  margin-left: auto;
  margin-right: auto;
}
body .navbar {
  margin: 0 -20px 0 -20px !important;
  border-radius: 0;
}
body .navbar> li> a {
  line-height: 24px;
  padding-bottom: 26px;
  padding-top: 26px;
}
@media screen and (max-width: 1203px) {
  body .navbar .hideOnNarrowScreen {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  body .navbar .hideOnNarrowScreen {
    display: block !important;
  }
}
.newButton {
  position: relative;
  top: 0px;
  left: 0px;
}
.newsTooltip {
  z-index: 7;
  float: right;
  right: -6000px;
  opacity: 0.89;
  position: fixed;
  right: 29px;
  top: 47px;
  width: auto;
  -webkit-transition-duration: 2s;
  transition-duration: 2s;
  animation: moveTooltip1 1.1s;
  padding: 0px;
  margin: 0px 0px 0px 0px;
}
.newsTooltip a {
  margin: 0px;
  margin-left: 1px;
  margin-right: 1px;
  font-size: 95%;
  display: inline-block;
  background-color: red;
  border-radius: 56px;
  color: #FFF;
  letter-spacing: 1px;
  padding: 1px;
  z-index: 7;
}
.newsTooltip a:hover {
  text-decoration: none;
}
.uutisetLi {
  position: relative;
}
.newsAmountAndTooltipDiv {
  position: absolute;
  bottom: 10px;
  left: 0px;
}
.newsAmountAndTooltipDiv a {
  text-decoration: none;
}
.showNewsBtn1 {
  font-size: calc(2em);
  color: #ffffff !important;
  text-decoration: none !important;
}
.UnreadNews1 {
  font-size: 105%;
}
.UnreadNews2 {
  font-size: 90%;
}
.newsMessageA {
  text-decoration: none;
}
.newsTooltippy {
  position: absolute;
  font-size: 13px;
  font-family: arial;
  -webkit-transition-duration: 0.4s;
  transition-duration: 2s;
  top: 20px;
  left: 20px;
  width: 350px;
  text-transform: none;
}
.newsTooltip0 {
  opacity: 0.4;
  -webkit-transition-duration: 0.4s;
  transition-duration: 2s;
}
.newsTooltip1 {
  opacity: 1;
  -webkit-transition-duration: 0.4s;
  transition-duration: 2s;
}
.newsTooltip2 {
  animation: moveTooltip2 1.1s;
  -webkit-transition-duration: 4s;
  transition-duration: 4s;
}
.amountOfUnreadsDiv {
  color: #ffffff;
  background-color: red;
  z-index: 10;
  padding-bottom: 2px;
  right: 25px;
  font-size: 12px;
  min-width: 21px;
  min-height: 21px;
  padding-top: 1px;
  text-decoration: none !important;
  -webkit-box-shadow: 0px 3px 3px rgba(22,26,22,0.75);
  -moz-box-shadow: 0px 3px 3px rgba(22,26,22,0.75);
  box-shadow: 0px 3px 3px rgba(22,26,22,0.75);
  text-align: center;
  vertical-align: middle;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  border-radius: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.amountOfUnreadsDiv1 {
  background-color: black;
  -webkit-box-shadow: -1px 2px 44px 28px #ff0000;
  -moz-box-shadow: -1px 2px 44px 28px #ff0000;
  box-shadow: -1px 2px 44px 28px #ff0000;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.amountOfUnreadsDiv2 {
  -webkit-box-shadow: -1px 2px 44px 28px rgba(255,0,0,0.1);
  -moz-box-shadow: -1px 2px 44px 28px rgba(255,0,0,0.1);
  box-shadow: -1px 2px 44px 28px rgba(255,0,0,0.1);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
@keyframes moveTooltip1 {
  0% {
    right: -100px;
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    right: 30px;
    opacity: 0.5;
  }
}
@keyframes moveTooltip2 {
  0% {
    transform: scale(1);
    right: 30px;
    opacity: 0.5;
  }
  95% {
    right: -100px;
    transform: scale(0);
    opacity: 0;
  }
  100% {
    right: -100px;
    transform: scale(0);
    right: 2030px;
    opacity: 0;
  }
}
#NewsLinkModule {
  background: red;
  font-size: calc(3vmin);
  position: relative;
  left: calc(5.4vw);
  min-height: 15px;
  min-width: 135px;
  border: calc(1vw);
  padding: calc(1.4vmin);
  padding-bottom: calc(5vmax);
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  border-radius: calc(2vmin) calc(2vmin) calc(2vmin) calc(2vmin);
  border: calc(0.27vmax) solid #363636;
  background-color: red;
  color: #ffffff;
  -webkit-box-shadow: 0px calc(0.2vw) calc(0.2vw) rgba(22,26,22,0.75);
  -moz-box-shadow: 0px calc(0.2vw) calc(0.2vw) rgba(22,26,22,0.75);
  box-shadow: 0 calc(0.2vw) calc(0.2vw) rgba(22,26,22,0.75);
}
#NewsLinkModule a:link {
  color: #ffffff;
  text-decoration: none !important;
}
.newsTitleLinkBtn {
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  background-color: #007fe2;
  color: #ffffff;
  border-radius: 20px;
  font-size: 59%;
  padding: 5px 15px;
}
.newsTitleLinkBtn:hover {
  -webkit-box-shadow: 2px 2px 13px 1px gray;
  box-shadow: 2px 2px 13px 1px gray;
}
@media screen and (min-width: 1023px) {
  body {
    padding: 8px 8px 50px 8px;
  }
}
.popover-content p {
  margin-bottom: 5px;
  font-size: 90%;
}
.paddingDivider {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted #c0c0c0;
}
#logo {
  width: 180px;
  height: 76px;
  background-image: url(../img/ovikauppa/ovikauppa-logo.png);
  background-position: 0 50%;
  background-repeat: no-repeat;
}
@media screen and (max-width: 1100px) {
  #nav.pihla {
    font-size: 16px !important;
  }
}
#nav {
  font-family: 'Roboto', sans-serif !important;
  font-weight: 200 !important;
  font-size: 17px;
  text-transform: uppercase;
  max-height: 74px;
  min-height: 74px;
}
#nav.navbar-hidden {
  display: none;
}
#nav .dropdown-menu {
  text-transform: none;
  font-size: 90%;
}
#nav .providerName {
  display: none;
}
#navRightPart {
  max-height: 74px;
}
#navRightPart .cartLinkLi .shoppingCartIcon {
  display: none;
}
#navRightPart #cartLink {
  overflow: hidden;
}
#navRightPart .text-info {
  color: #FFEF00;
}
#navRightPart i {
  padding-right: 4px;
}
#navRightPart .badge {
  background-color: #f9f2b3;
  color: #222222;
  position: relative;
  top: -3px;
  left: 2px;
  margin-bottom: -3px;
}
.circle {
  background: url(../img/circle-bg.png) no-repeat;
  width: 140px;
  height: 140px;
  text-align: center;
  font-family: 'Roboto', sans-serif;
  color: #000000;
  font-size: 130%;
  line-height: 1.3;
  padding-top: 1.3em;
  transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  -webkit-transform: rotate(-6deg);
}
.circle strong {
  font-family: 'Roboto', sans-serif;
  font-size: 150%;
  line-height: 0.9;
}
#top {
  padding-top: 1px;
  padding-bottom: 30px;
  position: relative;
}
#top .breadcrumb {
  margin-top: 0 !important;
}
#top h1 {
  font-size: 52px;
  line-height: 1.0;
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
  color: #444;
  text-shadow: #ffffff 1px 1px 5px;
}
#top h1 strong {
  font-family: 'Roboto', sans-serif;
  font-weight: 200;
}
#top.homepage .circle {
  position: absolute;
  left: 50%;
  bottom: -145px;
  z-index: 100;
  margin-left: -45px;
}
#top.homepage .circleLeft {
  left: 300px;
}
#categories {
  position: relative !important;
}
#categories,
#products {
  color: #ffffff;
}
#categories h2,
#products h2 {
  position: relative;
  z-index: 2;
}
#categories .imgAndProductDiv,
#products .imgAndProductDiv {
  background: rgba(127,127,127,0.8);
  padding: 0px;
  -webkit-box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.8);
  box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.8);
}
#categories .img,
#products .img {
  overflow: hidden;
  padding: 0;
  display: block;
  background: #ffffff;
}
#categories .btn-group,
#products .btn-group {
  margin-bottom: 25px;
}
#categories> [class*="col-"],
#products> [class*="col-"] {
  width: 49%;
}
#categories> [class*="col-"]:nth-child(even),
#products> [class*="col-"]:nth-child(even) {
  margin-left: 2%;
}
#categories a {
  text-decoration: none;
  color: #ffffff;
}
#categories .category.onlyOneCategory {
  margin-left: 300px;
}
#categories .category:first-child .info {
  background-color: #f0de3d;
}
#categories .category:nth-child(2) .info {
  background-color: #4B83C0;
}
#categories .category .info {
  position: relative;
  min-height: 280px;
  padding-bottom: 60px;
}
#categories .category .btn {
  color: #444;
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#productsNew a {
  text-decoration: none;
}
#productsNew .productsNewSubProductCategoryHeader {
  padding: 0;
  margin: 10px 0px 0px 0px;
}
#products .product {
  margin-bottom: 24px;
  box-shadow: 1px 1px 3px #d0d0d0;
}
#products .product:hover {
  cursor: pointer;
}
#products .product.piklasProduct:hover {
  cursor: inherit;
}
#products .product .info {
  position: relative;
  min-height: 250px;
  padding-bottom: 70px;
}
#products .product .u {
  float: right;
  margin: 20px -5px 0 0;
}
#products .product h2 .sub {
  color: #000000;
  font-size: 15px;
  display: block;
}
#products .product .examplePrice {
  position: absolute;
  left: -70px;
  top: 11px;
  min-width: 55px;
}
#products .product .btn.pullDown {
  position: absolute;
  bottom: 20px;
  left: 20px;
}
#products .product .badge {
  background-color: #ffffff;
  color: #000000;
}
#products .examplePrice,
#products .examplePrice.big {
  background-color: #FFEF00;
  float: right;
  padding: 9px 7px 11px 7px;
  display: inline-block;
  border-radius: 400px;
  text-align: center;
  color: #000000;
  line-height: 1.15;
  transform: rotate(6deg);
  -ms-transform: rotate(6deg);
  -webkit-transform: rotate(6deg);
}
#products .examplePrice .txt,
#products .examplePrice.big .txt {
  display: block;
}
#products .examplePrice .price,
#products .examplePrice.big .price {
  font-size: 20px;
  font-weight: bold;
  display: block;
}
#products .examplePrice.big,
#products .examplePrice.big.big {
  line-height: 1;
  padding: 18px 10px 22px 10px;
}
#products .examplePrice.big .txt,
#products .examplePrice.big.big .txt {
  font-size: 23px;
}
#products .examplePrice.big .price,
#products .examplePrice.big.big .price {
  font-size: 70px;
  min-width: 110px;
}
#products.row.piklas-doors img.productCategoryHeaderImage,
.row.products-headered img.productCategoryHeaderImage {
  width: 90%;
}
h1,
h2,
h3 {
  font-family: 'Roboto', sans-serif;
}
h1 strong,
h2 strong,
h3 strong {
  font-weight: 500;
  font-family: 'Roboto', sans-serif;
}
html input.optionEditorUsageInput {
  font-family: courier new, courier;
  border: none;
  text-shadow: none;
  box-shadow: none;
  background: white !important;
  padding-top: 0px;
  padding-bottom: 2px;
}
@media (min-width: 768px) {
  #step-by-step .box div[class*="col-"] {
    background: url(../img/arrow-fade.png) no-repeat 100% 50% transparent;
  }
}
#step-by-step h2 {
  font-family: 'Roboto', sans-serif;
  margin-bottom: 18px;
}
#step-by-step .box {
  background-color: #333333;
  color: #eeeeee;
}
#step-by-step .box div[class*="col-"] {
  position: relative;
  min-height: 145px;
}
#step-by-step .box div[class*="col-"]:last-child {
  background: transparent;
}
#step-by-step .row i {
  width: 95px;
  font-size: 72px;
  position: absolute;
  left: 20px;
  top: 50px;
}
#step-by-step .row p {
  padding-left: 95px;
}
#step-by-step .row h3 {
  font-family: 'Roboto', sans-serif;
  white-space: nowrap;
}
.space {
  padding-top: 30px;
  padding-bottom: 30px;
}
#payment {
  clear: both;
}
#payment h2 strong {
  font-family: 'Roboto', sans-serif;
}
#payment span {
  overflow: hidden;
  width: 400px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
#payment span img {
  position: relative;
  left: -20px;
  top: -25px;
}
#payment span.provider_mitta {
  overflow: hidden;
  width: 675px;
  height: 40px;
  display: block;
  margin: 0 auto;
}
#payment span.provider_mitta img {
  position: relative;
  left: -10px;
  top: -25px;
}
#footer {
  border-top: 2px solid #D9D9D9;
  padding-top: 30px;
  font-size: 12px;
  clear: both;
}
#footer li {
  display: block;
  list-style-type: none;
}
#category-top {
  margin-bottom: 42px;
}
#category-top .price-info h3 {
  margin-top: 0;
  font-size: 190%;
}
#product-top {
  margin-bottom: 42px;
}
#product-top .productPicture {
  max-width: 370px;
  width: 100%;
}
@media screen and (min-width: 992px) {
  #product-top .productPicture {
    float: right !important;
  }
}
@media screen and (max-width: 992px) {
  #product-top .productPicture {
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
  }
}
#product-top h1 {
  font-size: 52px;
  color: #222222;
  margin-top: -5px;
}
#product-top h1 span {
  font-size: 35%;
  color: #f0de3d;
  display: block;
}
#product-top table {
  font-size: 12px;
}
#product-top .back {
  margin-top: 10px;
}
#product-top .TechInfo {
  margin-top: 15px;
}
#product-top .TechInfo *:first-child {
  margin-top: 0;
}
h2.labelHeader {
  margin: 0 auto;
  position: relative;
  top: -16px;
  border: 1px solid #d0d0d0;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  letter-spacing: 0.1em;
  font-size: 15px;
  text-transform: uppercase;
}
#productConfig {
  background-image: linear-gradient(bottom,#ffffff 97%,#f0f0f0 100%);
  background-image: -o-linear-gradient(bottom,#ffffff 97%,#f0f0f0 100%);
  background-image: -moz-linear-gradient(bottom,#ffffff 97%,#f0f0f0 100%);
  background-image: -webkit-linear-gradient(bottom,#ffffff 97%,#f0f0f0 100%);
  background-image: -ms-linear-gradient(bottom,#ffffff 97%,#f0f0f0 100%);
  background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0.97,#ffffff),color-stop(1.00,#f0f0f0));
  border-top: 1px solid #d0d0d0;
  text-align: center;
}
#productConfig .leftBar {
  padding: 0 20px;
  margin-top: 30px;
  position: relative;
  float: left;
  width: 350px;
  text-align: left;
  background: #ffffff !important;
  z-index: 100000;
}
#productConfig .leftBar .mittanauhaBtn {
  border-radius: 100%;
  display: inline-block;
  color: white;
  background: #eee;
  text-align: center;
  font-family: arial;
  font-size: 10px;
  transition: background 1s;
  width: 32px;
  height: 32px;
  padding-top: 7px;
}
#productConfig .leftBar .mittanauhaBtn:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
#productConfig .leftBar .mittanauhaBtn img {
  width: 18px;
  height: 18px;
}
#productConfig .leftBar .ajaxLoader {
  display: none;
  position: absolute;
  width: 100%;
  text-align: center;
  pointer-events: none;
  padding-right: 100px;
  margin-top: 100px;
}
#productConfig .leftBar .ajaxLoader.shown {
  -webkit-animation: fadeIn 2s;
  animation: fadeIn 2s;
  display: block;
}
#productConfig .leftBar #optionInfoDiv {
  border: 1px solid #ccc;
  background-color: #ffa;
  border-radius: 5px;
  padding: 5px;
  opacity: 1;
  transition: 0.5s opacity;
}
#productConfig .leftBar #optionInfoDiv.hiddenInfo {
  opacity: 0 !important;
}
#productConfig .leftBar #customPhotoUploadQrCodeDiv {
  margin-top: 0px;
}
#productConfig .leftBar #selite {
  margin-bottom: 20px;
}
#productConfig .rightBar {
  padding: 0 20px;
  margin-top: 30px;
  padding-top: 10px;
  text-align: left;
}
#productConfig .rightBar select[readonly] {
  pointer-events: none;
}
#productConfig .rightBar .katisyysDiv:has(select[readonly]) {
  cursor: not-allowed;
}
#productConfig .rightBar.mobileMenu {
  position: fixed;
  width: 100% !important;
  max-width: 100%;
  background: #f7f7f7;
  border-top: 1px solid #eaeaea;
  bottom: 28px;
  z-index: 100001;
}
#productConfig .rightBar.mobileMenu.door {
  height: 65%;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#productConfig .rightBar .heightInputGroup.disabledBecauseWidthChangesTheHeight {
  opacity: 0.5;
}
#productConfig .rightBar .heightInputGroup.disabledBecauseWidthChangesTheHeight #height {
  pointer-events: none;
}
#productConfig .rightBar .hiddenByVisibilityLevel {
  display: none !important;
  opacity: 0.2 !important;
  pointer-events: none !important;
}
#productConfig .rightBar .hiddenByVisibilityLevel.revealed {
  display: block !important;
  opacity: 0.7 !important;
  pointer-events: inherit !important;
}
#productConfig .rightBar .hiddenByVisibilityLevel.revealed:hover {
  opacity: 1 !important;
}
#productConfig .rightBar .openingOptionChoicesDiv:has(.oneOptionChoiceDiv) {
  margin-top: 12px;
  display: block;
}
#productConfig .rightBar .oneOptionChoiceDiv {
  margin-bottom: 15px;
  display: flex;
  width: 100%;
  gap: 20px;
}
#productConfig .rightBar .oneOptionChoiceDiv > .normalOptionContainer {
  flex: 3;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoiceAukkoDiv {
  flex: 2;
  display: flex;
  gap: 5px;
  margin-right: -10px;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoiceAukkoDiv .optionChoiceMittaDiv .input-group-addon {
  padding-left: 5px;
  padding-right: 5px;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoicePlusMinusDiv {
  text-align: right;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoicePlusMinusDiv .addOptionChoiceBtn {
  visibility: hidden;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoicePlusMinusDiv .addOptionChoiceBtn.showPlusBtn {
  visibility: visible;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoicePlusMinusDiv .optionChoiceTarkistuksetParentSpan .huutomerkki {
  color: red;
}
#productConfig .rightBar .oneOptionChoiceDiv > .optionChoicePlusMinusDiv .optionChoiceTarkistuksetParentSpan .virhetekstiSpan {
  min-width: 150px;
  max-width: 150px;
  text-align: left;
}
#productConfig .rightBar #huone {
  color: #007fe0;
  font-family: Helvetica, Arial;
  font-size: 18px;
}
#productConfig .rightBar .variotsikko {
  display: table-cell;
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
  padding: 6px 12px;
  font-size: 13px;
  font-weight: normal;
  line-height: 1;
  text-align: center;
  background-color: #eeeeee;
  border: 1px solid #ccc;
  border-radius: 4px;
  width: auto;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  height: 45px;
  margin-right: -7px;
  padding-top: 10px;
  font-size: 95%;
}
#productConfig .rightBar .variotsikko:not(:first-child):not(:last-child) {
  border-radius: 0;
}
#productConfig .rightBar .variotsikko.input-sm {
  padding: 5px 10px;
  font-size: 12px;
  border-radius: 3px;
}
#productConfig .rightBar .variotsikko.input-lg {
  padding: 10px 16px;
  font-size: 17px;
  border-radius: 6px;
}
#productConfig .rightBar .variotsikko input[type="radio"],
#productConfig .rightBar .variotsikko input[type="checkbox"] {
  margin-top: 0;
}
#productConfig .rightBar .variotsikko.mini-padding {
  padding-left: 5px;
  padding-right: 5px;
}
#productConfig .rightBar .doorColorBox,
#productConfig .rightBar .windowColorBox {
  display: inline-block;
  width: 60px;
  height: 45px;
  border: 1px solid #ccc;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-bottom: 10px;
  margin-left: 0px;
  border-radius: 2px;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
}
#productConfig .rightBar .doorColorBox:focus,
#productConfig .rightBar .windowColorBox:focus {
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(102,175,233,0.6);
}
#productConfig .rightBar .doorColorBox {
  background-color: red;
}
#productConfig .rightBar .windowColorBox {
  background-color: white;
}
#productConfig .rightBar .outerColorControl .firstDoorColorBox,
#productConfig .rightBar .outerColorControl .firstWindowColorBox {
  margin-right: 10px;
}
#productConfig .rightBar #otherColorGridDiv {
  top: 0px;
  left: 205px;
  height: 390px;
  overflow-y: scroll;
}
#productConfig .rightBar #innerColorControl .colorGridDiv {
  left: 240px !important;
}
#productConfig .rightBar #outerColorControl.piklas .colorGridDiv {
  left: 130px;
}
#productConfig .rightBar #innerColorControl.window .colorGridDiv {
  left: 130px !important;
}
#productConfig .rightBar #outerColorControl.piklas.window .colorGridDiv {
  left: 240px !important;
}
#productConfig .rightBar #innerColorControl.slidingDoor .colorGridDiv {
  left: 130px !important;
}
#productConfig .rightBar #outerColorControl.piklas.slidingDoor .colorGridDiv {
  left: 240px !important;
}
#productConfig .rightBar #doorColorBox,
#productConfig .rightBar #windowColorBox {
  text-decoration: none;
  font-size: 80%;
  position: relative;
  padding-top: 7px;
  padding-left: 3px;
  padding-right: 0px;
  overflow: hidden;
}
#productConfig .rightBar #doorColorBox.isWhitishColor,
#productConfig .rightBar #windowColorBox.isWhitishColor {
  color: #333;
  text-shadow: none;
}
#productConfig .rightBar #doorColorBox {
  color: #ffffff;
  text-shadow: 1px 1px 5px #000000;
}
#productConfig .rightBar #windowColorBox {
  color: #ffffff;
  text-shadow: 1px 1px 5px #282828;
}
#productConfig .rightBar .colorGridDiv {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  z-index: 100000000;
  top: 0px;
  left: 80px;
  display: none;
  width: initial;
  min-width: 100px;
  padding-left: 13px;
  text-align: center;
}
#productConfig .rightBar .colorGridDiv .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#productConfig .rightBar .colorGridDiv.otherColorGridDiv table tr td .colorBox {
  color: #ffffff;
  text-shadow: 1px 1px 5px #808080;
}
#productConfig .rightBar .colorGridDiv.otherColorGridDiv table tr td .colorBox.window {
  color: #fff;
  text-shadow: 1px 1px 5px #808080;
}
#productConfig .rightBar .colorGridDiv.otherColorGridDiv table tr td .colorBox:hover.window {
  text-shadow: 1px 1px 5px #000000;
}
#productConfig .rightBar .colorGridDiv table {
  width: 100%;
  border-collapse: collapse;
}
#productConfig .rightBar .colorGridDiv table tr td {
  white-space: nowrap;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox {
  position: Relative;
  width: 100%;
  text-align: left;
  padding: 3px;
  padding-left: 5px;
  margin: 0;
  margin-left: -3px;
  display: block;
  padding: 7px 10px 10px 8px;
  text-decoration: none;
  color: #ffffff;
  text-shadow: 1px 1px 5px #000;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox:hover {
  text-shadow: 1px 1px 8px #000;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox.isWhitishColor {
  color: #333;
  text-shadow: none;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox.isWhitishColor:hover {
  text-shadow: 1px 1px 8px #bbb;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox[data-optionkey="otherColor"]:hover {
  opacity: 0.7;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionEditLinkDiv {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionEditLinkDiv .optionEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionEditLinkDiv .optionEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
  transform: rotate(40deg);
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionCopyLinkDiv {
  position: absolute;
  bottom: 0px;
  right: 20px;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionCopyLinkDiv:hover {
  background: #ccc;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionCopyLinkDiv .optionCopyLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
}
#productConfig .rightBar .colorGridDiv table tr td .colorBox div.optionCopyLinkDiv .optionCopyLink:hover {
  transition: transform 0.2s;
  transition-delay: 1s;
  color: black;
  transform: rotate(-15deg);
}
#productConfig .rightBar #twoColorOuterFrameDiv.inavailable:hover .twoColorNoteBox {
  opacity: 1;
}
#productConfig .rightBar #twoColorOuterFrameDiv.inavailable .twoColorNoteBox {
  border-width: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s;
  transition-delay: 1s;
  display: block;
}
#productConfig .rightBar #twoColorOuterFrameDiv .twoColorNoteBox {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  display: none;
}
#productConfig .rightBar #twoColorOuterFrameDiv .twoColorNoteBox .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#productConfig .rightBar #muokkaaRistikoitaBtn {
  padding-left: 0px;
  margin-left: -4px;
  margin-top: 1px;
}
#productConfig .rightBar #muokkaaRistikoitaBtn.door {
  display: none;
}
#productConfig .rightBar .detailledGlazingDiv {
  padding-left: 80px;
  display: none;
}
#productConfig .rightBar .detailledGlazingDiv .selectHeaderText {
  font-size: 85%;
  color: #888;
  display: none;
  transition: color 0.5s;
  margin-top: -7px;
}
#productConfig .rightBar .detailledGlazingDiv .specialGlassDiv:hover .selectHeaderText,
#productConfig .rightBar .detailledGlazingDiv .specialGlassOuterDiv:hover .selectHeaderText,
#productConfig .rightBar .detailledGlazingDiv .safetyGlazingDiv:hover .selectHeaderText,
#productConfig .rightBar .detailledGlazingDiv safetyGlazingOuterDiv:hover .selectHeaderText {
  color: #333;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .errorText {
  margin-right: -150px;
  display: none;
  color: red;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .errorText.okText {
  color: black;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .errorText em {
  color: #55e;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .gray,
#productConfig .rightBar #detailledGlazingErrorTextsSpan .grey {
  color: #999;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .gray a,
#productConfig .rightBar #detailledGlazingErrorTextsSpan .grey a {
  color: #999;
}
#productConfig .rightBar #detailledGlazingErrorTextsSpan .gray a:hover,
#productConfig .rightBar #detailledGlazingErrorTextsSpan .grey a:hover {
  color: blue;
}
#productConfig .rightBar #detailledGlazingWarningMarks {
  position: absolute;
  right: 0;
  top: 6px;
}
#productConfig .rightBar #detailledGlazingWarningMarks .mark {
  display: none;
  font-size: 120%;
}
#productConfig .rightBar #detailledGlazingWarningMarks .mark.warningMark {
  color: orange;
}
#productConfig .rightBar #detailledGlazingWarningMarks .mark.errorMark {
  color: red;
}
#productConfig .equipmentBar {
  display: none;
  height: auto;
  text-align: left;
  padding: 5px;
  padding-left: 10px;
}
#productConfig .equipmentBar > a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  padding: 2px 3px 2px 2px;
}
#productConfig .equipmentBar > a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#productConfig .equipmentBar > a:hover,
#productConfig .equipmentBar > a:focus {
  color: #333;
  text-decoration: none;
}
#productConfig .equipmentBar > a:active,
#productConfig .equipmentBar > a.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#productConfig .equipmentBar > a.disabled,
#productConfig .equipmentBar > a[disabled],
fieldset[disabled] #productConfig .equipmentBar > a {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#productConfig .equipmentBar > a:hover,
#productConfig .equipmentBar > a:focus,
#productConfig .equipmentBar > a:active,
#productConfig .equipmentBar > a.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#productConfig .equipmentBar > a.disabled,
#productConfig .equipmentBar > a.disabled:hover,
#productConfig .equipmentBar > a.disabled:focus,
#productConfig .equipmentBar > a.disabled:active,
#productConfig .equipmentBar > a.disabled.active,
#productConfig .equipmentBar > a[disabled],
#productConfig .equipmentBar > a[disabled]:hover,
#productConfig .equipmentBar > a[disabled]:focus,
#productConfig .equipmentBar > a[disabled]:active,
#productConfig .equipmentBar > a[disabled].active,
fieldset[disabled] #productConfig .equipmentBar > a,
fieldset[disabled] #productConfig .equipmentBar > a:hover,
fieldset[disabled] #productConfig .equipmentBar > a:focus,
fieldset[disabled] #productConfig .equipmentBar > a:active,
fieldset[disabled] #productConfig .equipmentBar > a.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#productConfig .equipmentBar > a img {
  height: 32px;
  width: 32px;
}
#productConfig .equipmentBar.mobileMenu {
  position: fixed;
  width: 100% !important;
  max-width: 100%;
  background: #f7f7f7;
  border-top: 1px solid #eaeaea;
  bottom: 65px;
  z-index: 100001;
}
#productConfig .korvausilmaventtiiliTable {
  text-align: right;
  margin-right: -2px;
  margin-left: auto;
}
#productConfig .korvausilmaventtiiliTable td .optionInfoLinkDiv {
  margin-left: 6px;
}
.breadcrumb > li.first + li:before {
  content: "";
  padding: 0 5px 0 10px;
}
.breadcrumb {
  margin-top: 1px;
  background-color: transparent;
  margin-bottom: 10px;
  padding-left: 20px;
}
#priceFloatingContainer {
  display: none;
  position: fixed;
  right: 0;
  bottom: 0;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border-bottom: 0px solid white;
  border-right: 0px solid white;
  width: auto;
  height: auto;
  min-width: 390px;
  background: rgba(255,255,255,0.85);
  padding-bottom: 5px;
  z-index: 10000000;
}
#priceFloatingContainer:hover {
  opacity: 1.0 !important;
}
#priceFloatingContainer .lowerTable {
  min-width: 400px;
}
#priceFloatingContainer .extractionWheel {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
  font-size: 200%;
}
#priceFloatingContainer.shouldHidePrices {
  min-width: 280px;
  padding-left: 20px;
  padding-top: 15px;
}
#priceFloatingContainer.shouldHidePrices .ovhAndPriceTr,
#priceFloatingContainer.shouldHidePrices .priceInclVatTd {
  display: none;
}
#priceFloatingContainer.shouldHidePrices .lowerTable {
  min-width: 200px !important;
}
#priceFloatingContainer .quantityInput {
  padding: 0px 0px 0px 0px;
  padding-left: 4px;
  padding-right: 4px;
}
#priceFloatingContainer .quantityInput input {
  width: 50px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  text-align: right;
  padding-right: 4px;
  border-radius: 4px;
  height: auto;
}
#priceFloatingContainer #priceContainer .totalPrice {
  font-size: 190%;
}
#priceFloatingContainer #addToCartBtn {
  transition: opacity 0.5s;
}
#priceFloatingContainer #addToCartBtn.disableWhenImageUpdating {
  pointer-events: none;
  cursor: text !important;
  opacity: 0.78;
}
#saveIhanVainConfigPageBtn {
  transition: opacity 0.5s;
}
#saveIhanVainConfigPageBtn.disableWhenImageUpdating {
  pointer-events: none;
  cursor: text !important;
  opacity: 0.78;
}
#priceContainer {
  margin: 0 0 10px 0;
}
#priceContainer .priceDetails {
  white-space: nowrap;
}
#priceContainer .installationPriceCaption {
  display: none;
}
#priceContainer .fundingPriceUpperDiv {
  display: none;
}
#priceContainer .fundingPriceCaption {
  border-top: 1px solid #ddd;
  display: none;
  font-weight: bold;
  vertical-align: top;
}
#priceContainer .fundingPrice {
  vertical-align: top;
  text-align: left;
}
#priceContainer .fundingPrice .minRahoitusText {
  display: inline-block;
  padding-left: 3px;
  font-weight: normal;
  text-align: left;
}
#priceContainer .fundingPriceCaption2 {
  display: none;
  font-size: 90%;
  padding-top: 0px;
  margin-top: -3px;
  color: gray;
}
#priceContainer .totalPriceDescription,
#priceContainer .totalPrice {
  font-size: 140%;
  font-weight: bold;
}
#priceContainer .allTotalPrice,
#priceContainer .totalPrice {
  font-weight: bold;
  text-align: right;
  display: inline-block;
}
#priceContainer .totalPrice {
  font-size: 250%;
  font-weight: bold !important;
  color: #33751e !important;
  text-align: left !important;
}
#priceContainer .basePrice,
#priceContainer .equipmentPrice,
#priceContainer .installationPrice {
  text-align: right;
}
#priceContainer .priceTotal {
  text-align: left;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #000000;
}
#priceContainer .ovh {
  font-weight: bold;
  text-align: right;
  font-size: 110%;
}
#priceContainer .ovh .listPriceTotal {
  text-decoration: line-through;
}
#priceContainer .inclVat {
  width: auto;
}
#priceContainer #registerHint {
  margin-top: 10px;
  margin-left: 10px;
}
#priceContainer #registerHint .registeredClientPrice {
  font-weight: bold;
  color: green;
  font-size: 110%;
}
#priceContainer #registerHint #registerLinkDiv,
#priceContainer #registerHint #registeredDiv {
  margin-top: 3px;
}
.selectedPatternUponDropdown {
  position: absolute;
  top: 7px;
  left: 29px;
  pointer-events: none;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.patternControlGroup .patternsDialog {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  position: relative;
  z-index: 1;
  display: none;
  padding-top: 18px;
  text-align: center;
  min-width: 330px;
  width: 330px;
  max-width: 330px;
}
.patternControlGroup .patternsDialog .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.patternControlGroup .patternsDialog.sideLitePatternsDialog {
  min-width: 350px;
  width: 350px;
  max-width: 350px;
}
.patternControlGroup .patternsDialog.sideLitePatternsDialog .sideLitePatternBox {
  padding-left: 8px;
}
.patternControlGroup .patternBox {
  display: inline-block;
}
.patternControlGroup .patternBox .patternLink.kind-slidingDoor img,
.patternControlGroup .patternBox .sideLitePatternLink.kind-slidingDoor img {
  width: auto;
}
.patternControlGroup .patternBox .patternLink img,
.patternControlGroup .patternBox .sideLitePatternLink img {
  width: 65px;
  border: 2px solid #fff;
  text-decoration: none;
}
.patternControlGroup .patternBox .patternLink img.activePattern,
.patternControlGroup .patternBox .sideLitePatternLink img.activePattern {
  border-color: #f0de3d !important;
}
.patternControlGroup .patternBox .patternLink:hover,
.patternControlGroup .patternBox .sideLitePatternLink:hover {
  text-decoration: none;
}
.patternControlGroup .patternBox .patternLink:focus,
.patternControlGroup .patternBox .sideLitePatternLink:focus {
  outline: none !important;
  text-decoration: none;
}
.patternControlGroup .patternBox .patternLink:focus img,
.patternControlGroup .patternBox .sideLitePatternLink:focus img {
  border-color: #f8ee9b;
}
.patternControlGroup .patternBox .sideLitePatternLink img {
  width: auto;
  height: 140px;
}
#svgDiv {
  z-index: 9990;
  pointer-events: none;
}
#svgDiv.anim {
  position: absolute;
  left: 0;
  top: 0;
}
#svgDiv .staticImage {
  width: 340px;
  padding-top: 50px;
  max-width: 80%;
}
#svgDiv svg {
  width: 340px;
  margin-left: -10px;
  height: auto;
  margin-bottom: -5%;
}
#svgDiv svg #mitoitusviivat text {
  fill: blue;
  text-decoration: underline;
  cursor: pointer;
  cursor: hand;
  margin: 10px;
  background: red;
}
#cart {
  margin-bottom: 50px;
}
#cart .imageWrapper {
  display: none;
  padding-bottom: -25px !important;
  pointer-events: none !important;
}
#cart .imageWrapper .kind-window {
  margin-bottom: -25px !important;
}
#cart .imageWrapper .kind-slidingDoor {
  margin-bottom: -25px !important;
}
#cart .imageWrapper .kind-part {
  margin-bottom: -25px !important;
}
#cart .imageWrapper .kind-entity {
  margin-bottom: -25px !important;
}
#cart .imageWrapper svg {
  pointer-events: none !important;
}
#cart .cart-wrapper {
  text-align: left;
  margin-bottom: 25px;
  margin-top: 20px;
}
#cart .cart-wrapper .selectAllCheckboxesDiv {
  display: block;
  margin: 0px 0px 0px 0px;
  padding-left: 0px;
}
#cart .cart-wrapper .selectAllCheckboxesDiv input.selectAllOrderRowsCheckbox {
  transform: scale(1.25);
  width: 30px;
}
#cart .cart-wrapper .dl-horizontal {
  font-size: 12px;
  margin-bottom: 7px;
}
#cart .cart-wrapper .updateRowNumberBySortOrderSELECTionDiv {
  width: 366px;
}
#cart .cart-wrapper .img {
  width: 120px;
}
#cart .cart-wrapper .img .ostoskoririvinumero {
  top: 7px;
  font-weight: bold;
  position: absolute;
  color: rgba(0,0,0,0.95);
  text-shadow: 0px 0px 5px #fff;
  text-align: center;
  font-size: 12px;
  left: calc(-29px);
  min-width: calc(28px);
  width: calc(28px);
  background: transparent;
  border: 1px solid rgba(255,255,255,0);
  border-radius: 3px;
  padding: 0px;
  margin: 0px;
  transition: background 0s, border 0s, border-radius 0s, color 0s, text-shadow 0s;
  transition-delay: 0.7s;
}
#cart .cart-wrapper .img:hover .ostoskoririvinumero,
#cart .cart-wrapper .img .ostoskoririvinumero:hover {
  background: white;
  border: 1px solid gray;
  color: black !important;
  text-shadow: none !important;
}
#cart .cart-wrapper .img:hover .ostoskoririvinumero {
  transition-delay: 0.5s;
}
#cart .cart-wrapper .img .ostoskoririvinumero:hover {
  transition-delay: 0s;
}
#cart .cart-wrapper .img .ostoskoririvinumero:active,
#cart .cart-wrapper .img .ostoskoririvinumero:focus {
  background: white;
  border: 1px solid gray;
  color: black !important;
  text-shadow: none !important;
  transition: background 0s, border 0s, border-radius 0s, color 0s, text-shadow 0s;
  transition-delay: 0s;
}
#cart .cart-wrapper .img .rivinumerovinkki {
  min-width: 240px;
  max-width: 240px;
  font-size: 14px;
}
#cart .cart-wrapper .img .orderRowCheckboxDiv {
  bottom: 30px;
  position: absolute;
  left: -30px;
  text-align: center;
  width: 30px;
  height: 0px;
}
#cart .cart-wrapper .img .orderRowCheckboxDiv .orderRowCheckbox {
  margin-left: auto;
  margin-right: auto;
  display: block;
  transform: scale(1.25);
  background: red;
}
#cart .cart-wrapper .img svg {
  margin: 0 auto;
}
#cart .cart-wrapper table {
  margin-top: 7px;
}
#cart .cart-wrapper table .price {
  white-space: nowrap;
}
#cart .cart-wrapper table.cartTable {
  width: 100%;
  margin-bottom: 0px;
}
#cart .cart-wrapper table.cartTable td:first-child {
  border-left: 0px solid white !important;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow {
  position: relative;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall {
  position: absolute;
  right: -10px;
  top: -10px;
  border-radius: 100%;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-weight: bold;
  color: white;
  background: #f22;
  text-align: center;
  line-height: 100%;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 1px;
  text-decoration: none;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall:hover {
  background: #f55;
  text-decoration: none;
  color: white;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall:hover .orderRowLogTooltip {
  display: block;
  animation: fadeIn 0.3s;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall .orderRowLogTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 0px;
  top: 18px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 430px;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall .orderRowLogTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall .orderRowLogTooltip .orderRowLogHeader {
  font-size: 14px;
  font-weight: bold;
  line-height: 200%;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2 {
  position: absolute;
  right: -10px;
  bottom: 0px;
  border-radius: 100%;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-weight: bold;
  color: white;
  background: #929292;
  text-align: center;
  line-height: 100%;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 1px;
  text-decoration: none;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2:hover {
  background: #464646;
  text-decoration: none;
  color: white;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2:hover .orderRowLogTooltip {
  display: block;
  animation: fadeIn 0.3s;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2 .orderRowLogTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 0px;
  top: 18px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 430px;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2 .orderRowLogTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogBall2 .orderRowLogTooltip .orderRowLogHeader {
  font-size: 14px;
  font-weight: bold;
  line-height: 200%;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogTooltip table.orderRowLogTable {
  margin-bottom: 10px;
  width: 100%;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogTooltip table.orderRowLogTable tr td.firstTd {
  width: 140px !important;
  min-width: 140px !important;
  max-width: auto !important;
  text-align: right;
  padding-right: 7px;
}
#cart .cart-wrapper table.cartTable tr.product.productUpperRow .orderRowLogTooltip table.orderRowLogTable tr td {
  padding: 3px;
}
#cart .cart-wrapper .kohteenTiedotOstoskorinYlla {
  padding: 5px 7px 10px 7px;
  margin-bottom: 25px;
}
#cart .cart-wrapper .kohteenTiedotOstoskorinYlla .huomautuksetOstoskorinYlla .huomautusContainer {
  transition: color 0.3s;
  cursor: default;
}
#cart .cart-wrapper .kohteenTiedotOstoskorinYlla .huomautuksetOstoskorinYlla .flexTooltip {
  font-size: 16px;
  min-width: 400px;
  max-width: 688px;
  line-height: 120%;
}
#cart .cart-wrapper .kohteenTiedotOstoskorinYlla .huomautusotsikko {
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: bold;
}
#cart .cart-wrapper .classValidationErrorsDiv {
  margin-top: 10px;
  margin-bottom: 25px;
}
#cart .cart-wrapper .classValidationErrorsDiv .glassValidationErrorDiv {
  margin-top: 5px;
}
#cart .cart-wrapper .classValidationErrorsDiv .glassValidationErrorDiv .glassValidationErrorDetailsDiv {
  display: none;
}
#cart .cart-wrapper .cartUpperBar {
  display: block;
  position: relative;
  margin-left: 4px;
  padding-bottom: 45px;
}
#cart .cart-wrapper .discountWeekDescr {
  display: table-cell;
  color: #f09822;
  font-size: 115%;
  max-width: 450px;
  padding-bottom: 4px;
  font-family: asapbolditalic, Arial, sans-serif;
  font-weight: 200;
  text-shadow: 0 0 40px rgba(34,0,255,0.5);
}
#cart .cart-wrapper .cartDiscountWeekHeader {
  padding: 0px;
  margin: 0px;
  display: block;
  margin-top: 5px;
}
#cart .cart-wrapper .cartDiscountWeekHeader .first {
  font-size: 115%;
  display: table-cell;
  float: left;
}
#cart .count .input-group {
  padding-left: 0;
}
#cart .count .input-group input {
  min-width: 50px;
}
#cart .name a.roomName {
  display: block;
  pointer-events: none;
  font-size: 18px;
}
#cart .name a.roomName a:hover {
  text-decoration: none;
}
#cart .roomAndOperatingCartDiv {
  ffont-weight: bold;
}
#cart td,
#cart th {
  border: none;
}
#cart thead th {
  font-weight: 200;
  font-size: 20px;
}
#cart tr.mobileHeaderTr {
  display: none;
}
#cart tr.product {
  display: inline-block;
  width: 100%;
  background: #fafafa;
  border-left: 30px solid #d2d2d2;
  -webkit-box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.3) !important;
  box-shadow: 4px 4px 17px 0px rgba(0,0,0,0.3) !important;
}
#cart tr.product.selectedOrderRow {
  border-left-color: #a7a7a7;
  transition: 1s border-color, 0.5s background-color;
  background: #ffffff !important;
}
#cart tr.product.productUpperRow {
  margin-bottom: 30px;
  min-height: 146px;
}
#cart tr.product.productUpperRow td:nth-child(1) {
  width: 145px !important;
  min-width: 145px !important;
  max-width: 145px !important;
}
#cart tr.product.productUpperRow td.img.handle {
  position: relative;
}
#cart tr.product.productUpperRow.isDisabled {
  opacity: 0.5;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikkoAndBoss,
#cart tr.product.productUpperRow.workOrderRow.classForMikkoAndBoss {
  border: none !important;
  border-left: 30px solid #d2d2d2 !important;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikkoAndBoss td:not(:first-child),
#cart tr.product.productUpperRow.workOrderRow.classForMikkoAndBoss td:not(:first-child) {
  border-top: 2px dashed #c5f5c5 !important;
  border-bottom: 2px dashed #c5f5c5 !important;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikkoAndBoss td:last-child,
#cart tr.product.productUpperRow.workOrderRow.classForMikkoAndBoss td:last-child {
  border-right: 2px dashed #c5f5c5 !important;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikko,
#cart tr.product.productUpperRow.workOrderRow.classForMikko {
  border: none !important;
  border-left: 30px solid #d2d2d2 !important;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikko td:not(:first-child),
#cart tr.product.productUpperRow.workOrderRow.classForMikko td:not(:first-child) {
  border-top: 2px dashed #bebeff !important;
  border-bottom: 2px dashed #bebeff !important;
}
#cart tr.product.productUpperRow.installerOrderRow.classForMikko td:last-child,
#cart tr.product.productUpperRow.workOrderRow.classForMikko td:last-child {
  border-right: 2px dashed #bebeff !important;
}
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton {
  position: relative;
}
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .listavalinnatPuutteellisetDivMuutaNapissa,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .settivalinnatPuutteellisetDivMuutaNapissa,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .asentajaPuuttuuMuutaNapissa,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .tilausvahvistuksenKierratysValitsemattaMuutaNapissa,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .listavalinnatPuutteellisetDivMuutaNapissa,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .settivalinnatPuutteellisetDivMuutaNapissa,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .asentajaPuuttuuMuutaNapissa,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .tilausvahvistuksenKierratysValitsemattaMuutaNapissa {
  position: absolute;
  bottom: -10px;
  right: -10px;
}
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .listavalinnatPuutteellisetDivMuutaNapissa i,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .settivalinnatPuutteellisetDivMuutaNapissa i,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .asentajaPuuttuuMuutaNapissa i,
#cart tr.product.productUpperRow.installerOrderRow .editWorkButton .tilausvahvistuksenKierratysValitsemattaMuutaNapissa i,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .listavalinnatPuutteellisetDivMuutaNapissa i,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .settivalinnatPuutteellisetDivMuutaNapissa i,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .asentajaPuuttuuMuutaNapissa i,
#cart tr.product.productUpperRow.workOrderRow .editWorkButton .tilausvahvistuksenKierratysValitsemattaMuutaNapissa i {
  box-shadow: 0px 0px 10px white;
  background: white;
  border-radius: 100%;
  font-size: 1.4em;
  color: red;
}
#cart tr.product.productUpperRow.installerOrderRow .installerImg {
  width: 100%;
  pointer-events: none;
}
#cart tr.product.productUpperRow.workOrderRow .workerImg {
  width: 100%;
  pointer-events: none;
}
#cart tr.product.productUpperRowWhenNotesPresent {
  margin-bottom: 0px !important;
}
#cart tr.product.productNotesRow {
  height: auto;
  min-height: 30px;
  margin-bottom: 30px;
  -webkit-box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
  box-shadow: 0px 0px 0px 0px rgba(0,0,0,0) !important;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  background: rgba(220,100,100,0.5);
}
#cart tr.product.productNotesRow td .huutomerkki {
  font-size: 150% !important;
  color: red !important;
  font-weight: bold;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  margin-bottom: 5px;
  margin-top: -5px !important;
  display: inline-block;
}
#cart tr.product.productUpperRow td:nth-child(1) {
  width: 160px !important;
  min-width: 160px !important;
  max-width: 160px !important;
}
#cart tr.product td.shortDescriptionTd {
  padding-top: 33px !important;
}
@media screen and (max-width: 1000px) {
  #cart tr.product td.shortDescriptionTd.hideOnNarrow {
    display: none;
  }
}
#cart tr.product td {
  border: 1px solid #ddd !important;
  border-top: none !important;
  border-bottom: none !important;
  height: auto;
  min-height: ;
}
#cart tr.product td:last-child {
  border-right: 0px solid black !important;
}
#cart tr.product td:nth-child(2) {
  width: 170px;
  min-width: 170px !important;
}
#cart tr.product td:nth-child(3) {
  width: 150px !important;
  min-width: 150px !important;
  max-width: 150px !important;
}
#cart tr.product td:nth-child(4) {
  width: 66% !important;
  max-width: 66% !important;
  min-width: 215px;
}
#cart tr.product td:nth-child(5) {
  min-width: 180px !important;
  max-width: 180px !important;
}
#cart tr.product td:nth-child(5) .dl-horizontal {
  margin-left: auto;
  margin-right: 5px;
  width: 99%;
}
#cart tr.product td:nth-child(5) .dl-horizontal dt {
  width: 90px;
  font-weight: normal;
  margin-right: 2px;
}
#cart tr.product td:nth-child(5) .dl-horizontal dd {
  margin-left: 5px;
  padding-left: 3px;
}
#cart tr.product td:nth-child(5) .dl-horizontal .total {
  font-weight: bold;
  border-top: 1px solid #999;
}
#cart tr.product td:nth-child(5) .dl-horizontal .totalDD {
  font-size: 120%;
  border-top: 1px solid #999;
  transition: color 0.2s;
}
#cart tr.product td:nth-child(5) .dl-horizontal .totalDD.grayed {
  color: #bbb;
}
#cart tr.product td:nth-child(5) .dl-horizontal .totalDD.invalidOrderRow {
  color: red !important;
}
#cart tr.product td:nth-child(6) {
  width: 85px !important;
  min-width: 85px !important;
  max-width: 85px !important;
  text-align: right;
}
#cart tr.product td:nth-child(6) div {
  padding: 2px;
}
#cart tr.product td:nth-child(6) .editOrderButton,
#cart tr.product td:nth-child(6) .copyOrderButton {
  color: white;
  width: 68px;
}
#cart tr.product td:nth-child(6) .editOrderRowInstallationButton,
#cart tr.product td:nth-child(6) .deleteCartInstallationProductButton {
  width: 68px;
}
#cart tr.product td:nth-child(6) .deleteCartProductButton {
  width: 68px;
}
#cart .bottom {
  width: 370px;
  float: right;
}
#cart .bottom td {
  padding-top: 3px;
  padding-bottom: 3px;
}
#cart .bottom td:first-child {
  width: 144px;
}
#cart .bottom td:second-child {
  width: 120px;
}
#cart .bottom td.checkboxTd {
  width: 75px;
  padding-left: 4px;
}
#cart .bottom .total td {
  font-size: 18px;
}
#cart .bottom .total td.totalPrice {
  background: #FFEF00;
  margin-left: 3px;
  border-radius: 7px;
}
#cart .bottom tr.alennusTr,
#cart .bottom tr.yhteensaTr {
  display: none;
}
#cart .bottom tr.yhteensaTr > td {
  border-top: 1px solid black !important;
  font-weight: bold;
}
#cart .bottom .totalPriceInput {
  width: 100% !important;
  text-align: right !important;
  display: inline-block;
  background-color: #FFEF00;
  border: 0px solid white;
  border-radius: 7px;
  box-shadow: 0 0 0px #999999 !important;
  font-size: 18px;
  padding-right: 3px;
}
#cart .bottom .totalPriceInput.active {
  background-color: #fff;
  border: 1px solid #ccc;
}
#cart .bottom .totalPriceInput[disabled],
#cart .bottom .totalPriceInput:disabled {
  cursor: text !important;
  color: #000 !important;
}
#cart .bottom .totalPriceInputContainer {
  min-width: 100px !important;
  color: #555 !important;
  font-size: 18px;
  vertical-align: middle;
}
#cart .bottom .totalPriceInputContainer.notAllowedTotalPriceField {
  background-color: #ff0000 !important;
}
#cart .bottom .totalPriceInputContainer.notAllowedTotalPriceFieldInComplaintOrder {
  background-color: #dec8c8 !important;
}
#cart .bottom .totalPriceInputContainer .sellingPriceLowerThanNetPriceNote {
  min-width: 200px;
  max-width: 200px;
}
#cart .bottom .totalPriceInputContainer .sellingPriceLowerThanNetPriceNoteInComplaintOrder {
  min-width: 250px;
  max-width: 250px;
}
#cart .campaignDiv {
  text-align: left;
  margin-left: 0px;
}
#cart .campaignDiv .campaignIdSelect {
  width: auto;
  max-width: 305px;
}
#cart .campaignDiv .campaignIdSelect.termoCampaign {
  background: #B3D652;
}
#cart .campaignDiv.campaignDivCodeButton {
  margin-top: -25px;
  margin-bottom: 10px;
}
#cart .campaignDiv.campaignDiv1 {
  margin-top: -25px;
  margin-bottom: 10px;
}
#cart .newsDiv {
  text-align: left;
  margin-left: 0px;
}
#cart .newsDiv .newsIdSelect {
  width: auto;
  max-width: 305px;
}
#cart .newsDiv .newsIdSelect.termoCampaign {
  background: #B3D652;
}
#cart .newsDiv.newsDivCodeButton {
  margin-top: -25px;
  margin-bottom: 10px;
}
#cart .newsDiv.newsDiv1 {
  margin-top: -25px;
  margin-bottom: 10px;
}
#cart .pikatoimitus {
  border: 2px solid #9d9dff;
}
.pikatoimitus {
  border: 2px solid #9d9dff;
}
.orderLogBall {
  position: relative;
  float: right;
  right: -20px;
  top: -15px;
  border-radius: 100%;
  display: inline-block;
  width: 22px;
  height: 22px;
  font-weight: bold;
  color: white;
  background: #929292;
  text-align: center;
  line-height: 100%;
  font-size: 12px;
  padding-top: 5px;
  padding-left: 1px;
  text-decoration: none;
}
.orderLogBall:hover {
  background: #464646;
  text-decoration: none;
  color: white;
}
.orderLogBall:hover .orderLogTooltip {
  display: block;
  animation: fadeIn 0.3s;
}
.orderLogBall.vilkutaLoppuhinnanPalloa {
  background: red !important;
  animation: blinker2 2s linear infinite;
}
.orderLogBall.punainenPallo {
  background: red !important;
}
.orderLogBall.vaaleanHarmaaPallo {
  background: #ddd !important;
}
.orderLogBall .orderLogTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 0px;
  top: 18px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 550px;
}
.orderLogBall .orderLogTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.orderLogBall .orderLogHeader {
  font-size: 14px;
  font-weight: bold;
  line-height: 200%;
}
#hintalaatikko {
  width: 300px !important;
  color: #000;
}
#hintalaatikko td:first-child {
  width: 170px !important;
  padding-left: 0px !important;
}
#hintalaatikko.pihla {
  width: 350px !important;
}
#hintalaatikko.pihla td:first-child {
  width: 220px !important;
  padding-left: 0px !important;
}
#hintalaatikko.hasDeliveryMethodOption {
  width: 380px !important;
}
#hintalaatikko.hasDeliveryMethodOption td:first-child {
  width: 250px !important;
  padding-left: 0px !important;
}
#hintalaatikko td:second-child {
  width: 130px !important;
}
#hintalaatikko td {
  transition: .8s background-color, 0.8s color;
}
#hintalaatikko td.price {
  padding-left: 5px;
}
#hintalaatikko td.price.priceWithoutVat {
  padding-left: 10px;
  color: #5D5d5d;
}
#hintalaatikko tr:hover:not(tr.noHoveringTr) td {
  background-color: rgba(0,0,0,0.1);
  transition: 0.1s background-color, 0.1s color;
}
#hintalaatikko tr:hover:not(tr.noHoveringTr) td.totalPrice {
  background-color: #FFEF00 !important;
}
#hintalaatikko:hover td.price.priceWithoutVat {
  color: #000;
}
#hintalaatikko tr.joustorahoitusDiv td {
  padding-top: 10px;
}
#hintalaatikko tr.joustorahoitusDiv .openFinancingEditDialogBtn {
  text-decoration: none;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomienOtsikko {
  color: red;
  text-align: right;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd {
  vertical-align: top;
  position: relative;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd .vahvistamattomiaOverflowedContainerDiv {
  width: 230px;
  max-width: 230px;
  position: absolute;
  text-align: right;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd .vahvistamattomiaOverflowedContainerDiv a.vahvistamattomiaMuutoksiaLink {
  text-decoration: none;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd .vahvistamattomiaOverflowedContainerDiv a.vahvistamattomiaMuutoksiaLink .vahvistamattomiaHeader {
  color: black;
  font-size: 80%;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd .vahvistamattomiaOverflowedContainerDiv a.vahvistamattomiaMuutoksiaLink .vahvistamatonMyyntiHeaderDiv {
  padding-left: 10px;
  padding-right: 10px;
}
#hintalaatikko .vahvistamattomiaMuutoksiaTr .vahvistamattomiaMuutoksiaTd .vahvistamattomiaOverflowedContainerDiv a.vahvistamattomiaMuutoksiaLink .vahvistamatonMyyntiTdDiv {
  padding-left: 10px;
  padding-right: 10px;
}
#why {
  padding: 0;
  border-top: 1px solid #eeeeee;
}
#why li {
  color: #555555;
  font-size: 115%;
  border-top: 1px solid #FFFFFF;
  display: inline-block;
  list-style-type: none;
  height: 40px;
  line-height: 40px;
  border-bottom: 1px solid #eeeeee;
}
#why li i:first-child {
  font-size: 125%;
  display: inline-block;
  width: 1.4em;
}
#why li [class*="icon-info"] {
  padding-left: 10px;
  color: #999999;
  font-size: 90%;
}
#why li [class*="icon-info"]:hover {
  text-decoration: none;
  color: #555555;
}
.form-horizontal#orderDetailsForm fieldset {
  padding: 10px;
}
.form-horizontal fieldset {
  border: 2px dotted #c0c0c0;
  border-radius: 10px;
  margin-bottom: 15px;
}
.form-horizontal legend {
  display: block;
  border: none;
  width: auto;
  padding: 0;
  margin: -20px 0px 15px 25px;
  background: transparent;
}
.form-horizontal legend.legendWithShorterMargin {
  margin-bottom: 10px;
}
.form-horizontal legend span {
  background: #ffffff;
  padding: 0 5px;
  position: relative;
  left: 0px;
  font-weight: bold;
  color: #111;
  text-transform: uppercase;
  font-size: 65%;
  letter-spacing: 0.1em;
  white-space: nowrap;
}
.form-horizontal legend+ .form-group {
  clear: both;
}
.form-horizontal .form-group> div> label {
  color: #707070;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 10px;
  position: relative;
  top: 4px;
}
.form-horizontal .form-group> div> label.labelWithShorterBottomMargin {
  margin-bottom: 0px;
}
.form-horizontal .form-group> div> label.yritysnimiLabel {
  font-weight: normal;
  color: inherit;
  display: inline-block;
  vertical-align: middle;
}
.form-horizontal .form-group> div> label+ * {
  margin-bottom: 10px;
}
.form-horizontal .form-group> div> label+ *+ .help-block {
  margin-top: -5px;
}
.anyLastNameDiv.short {
  padding-left: 5px;
}
.anyLastNameDiv .anyLastName {
  max-width: 530px;
  width: 111px;
}
.anyLastNameDiv .anyLastName.short {
  min-width: 111px;
}
.anyLastNameDiv .anyLastName.long {
  min-width: 232px;
}
#checkout .subBtnDiv {
  padding-right: 20px;
  padding-bottom: 0px;
}
#checkout #tiedotDiv {
  text-align: center;
  margin-top: 0px;
}
#checkout #tiedotDiv #paymentWay.SaleverhotKaupanPaalleOpRahoitus_chosen {
  opacity: 0.5;
  pointer-events: none;
}
#checkout #tiedotDiv .userLocale {
  position: static;
  display: block;
}
#checkout form {
  text-align: left;
  margin-top: 20px;
}
#checkout .orderSummaryTable {
  background: white !important;
  z-index: 10000000 !important;
}
#checkout .orderSummaryTable tr,
#checkout .orderSummaryTable td {
  background: white !important;
}
#checkout .orderSummaryTable tr.additionalFeeRow,
#checkout .orderSummaryTable tr.additionalFeeRow td {
  padding-top: 1px;
  padding-bottom: 1px;
  margin-top: 1px;
  margin-bottom: 1px;
}
#checkout .orderSummaryTable tr.summaryRow td {
  border-top: 1px solid #333 !important;
  font-size: 115%;
}
.saveCartForm {
  margin: 15px 20px;
  min-width: 250px;
  text-align: left;
}
.saveCartForm .hyvaksynTietosuojaselosteetYlaDiv {
  margin-bottom: 5px;
}
.saveCartForm .saveCartFormButtonRow {
  display: flex;
  justify-content: flex-end;
}
#nav #saveCartForm {
  font-size: 15px;
  font-weight: normal;
}
.logoutLinkLi {
  font-size: 90%;
}
.optionInfoLinkDiv {
  display: inline;
  margin-left: 4px;
}
.optionInfoLinkDiv a {
  font-size: 130%;
  color: #9BBCee;
}
.optionInfoLinkDiv a:hover {
  text-decoration: none;
}
.optionInfoLinkDiv a .infoTooltipBox {
  cursor: auto;
  -webkit-user-select: text;
  -moz-select: text;
  -ms-select: text;
  user-select: text;
}
.imageHint {
  text-align: left;
  margin-top: -30px;
  margin-bottom: 0;
}
.imageHint span {
  display: inline-block;
  padding: 0 5px;
  position: relative;
  top: -1.3em;
  font-size: 70%;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #888888;
}
.sticky-active .imageHint {
  margin-top: 10px;
}
.toimitusehdotLabelHighlight {
  background: #eeee22;
}
@media screen and (max-width: 1203px) {
  #productConfig {
    margin-left: -75px !important;
    margin-right: -92px !important;
  }
  .navbar {
    margin-left: -80px !important;
    margin-right: -80px !important;
    margin-top: -11px !important;
  }
  .navbar .container {
    max-width: 1200px !important;
  }
  #top h1 {
    font-size: 50px;
  }
}
@keyframes justCreatedOrderRowAnimation {
  from {
    background: #F9FA6F;
  }
  to {
    background: inherit;
  }
}
@-webkit-keyframes justCreatedOrderRowAnimation {
  from {
    background: #F9FA6F;
  }
  to {
    background: inherit;
  }
}
#collapseBatchResponsibles > table >tbody > tr:nth-child(2n) td {
  background-color: #f2f2f2;
}
#collapseBatchResponsibles > table >tbody > tr:hover td {
  background-color: #ddd;
  transition: background-color 0s;
}
#collapseBatchResponsibles > table >tbody > tr td {
  padding-top: 4px;
  padding-bottom: 3px;
  transition: background-color 0.8s;
}
#collapseUnreadChats > table {
  border-collapse: separate;
  border-spacing: 0 5px;
  margin-top: -5px;
}
#collapseUnreadChats > table >tbody > tr:nth-child(2n) td {
  background-color: #f2f2f2;
}
#collapseUnreadChats > table >tbody > tr {
  border-radius: 30%;
}
#collapseUnreadChats > table >tbody > tr:hover td {
  background-color: #ddd;
  transition: background-color 0s;
}
#collapseUnreadChats > table >tbody > tr td:first-child {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
}
#collapseUnreadChats > table >tbody > tr td:last-child {
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
#collapseUnreadChats > table >tbody > tr td {
  vertical-align: top;
  padding: 10px;
  padding-top: 7px;
  padding-bottom: 6px;
  transition: background-color 0.8s;
}
.workStatusesDiv .workStatusDiv {
  cursor: pointer !important;
  padding-bottom: 10px;
}
.workStatusesDiv .workStatusDiv .planStatusContainer {
  font-size: 15px;
}
.workStatusesDiv .workStatusDiv .planStatusContainer .flexTooltip {
  font-size: 14px;
  min-width: 480px;
  max-width: 688px;
  line-height: 120%;
  text-align: left;
}
.workStatusesDiv .workStatusDiv .workStatusContainer {
  font-size: 15px;
  padding-left: 5px;
}
.workStatusesDiv .workStatusDiv .workStatusContainer .flexTooltip {
  font-size: 14px;
  min-width: 480px;
  max-width: 688px;
  line-height: 120%;
  text-align: left;
}
.workStatusesDiv .workStatusDiv .productionStatusContainer {
  font-size: 15px;
  padding-left: 5px;
}
.workStatusesDiv .workStatusDiv .productionStatusContainer .flexTooltip {
  font-size: 14px;
  min-width: 480px;
  max-width: 688px;
  line-height: 120%;
  text-align: left;
}
.orderTable {
  width: 100%;
  margin-bottom: 18px;
  background: white;
  border: 1px solid #ddd;
  font-size: 98%;
  margin-top: 7px;
  margin-bottom: 5px;
  border-collapse: collapse;
}
.orderTable thead > tr > th,
.orderTable thead > tr > td,
.orderTable tbody > tr > th,
.orderTable tbody > tr > td,
.orderTable tfoot > tr > th,
.orderTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.orderTable thead > tr > th {
  vertical-align: bottom;
}
.orderTable caption + thead tr:first-child th,
.orderTable caption + thead tr:first-child td,
.orderTable colgroup + thead tr:first-child th,
.orderTable colgroup + thead tr:first-child td,
.orderTable thead:first-child tr:first-child th,
.orderTable thead:first-child tr:first-child td {
  border-top: 0;
}
.orderTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.orderTable .table {
  background-color: #fff;
}
.orderTable thead > tr > th,
.orderTable thead > tr > td,
.orderTable tbody > tr > th,
.orderTable tbody > tr > td,
.orderTable tfoot > tr > th,
.orderTable tfoot > tr > td {
  padding: 5px;
}
.orderTable td {
  transition: 0.5s background;
}
.orderTable tr:not(.sumTr):hover td {
  transition: 0.1s background;
  background: #f4f4f4 !important;
}
.orderTable.blackTheme tr:not(.sumTr):hover.orderRowTr:nth-child(odd) td {
  background: #d1d1d1 !important;
}
.orderTable tr:nth-child(odd) td,
.orderTable tr:nth-child(odd) th {
  background-color: #fbfbfb;
}
.orderTable td.maksutiedotTd {
  text-align: right;
  padding-right: 5px !important;
}
.orderTable td.maksutiedotTd .maksutiedotDiv {
  padding-bottom: 5px;
}
.orderTable .dateDiv {
  white-space: nowrap;
  padding-left: 5px;
  display: block;
  color: black;
}
.orderTable .dateDiv .icon {
  color: #aaa;
}
.orderTable .dateDiv:hover {
  color: black;
}
.orderTable .dateDiv:hover .icon {
  color: black;
}
.orderTable .dateDiv .flexTooltip {
  text-align: left;
  min-width: 220px;
  max-width: 220px;
  font-size: 14px;
}
.orderTable div.subProviderContactDetailDiv {
  margin-bottom: 3px;
}
.orderTable div.subProviderContactDetailDiv .subProviderDiv.hasInfoText {
  color: red;
}
.orderTable th {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.orderTable th:hover .revealOnParentHover {
  visibility: visible;
}
.orderTable th .revealOnParentHover {
  visibility: hidden;
}
@media screen and (max-width: 1100px) {
  .orderTable .hideOnNarrow {
    display: none;
  }
}
.orderTable td.checkboxTd {
  vertical-align: top;
  padding-left: 3px !important;
  padding-right: 0 !important;
  position: relative;
}
.orderTable td.checkboxTd .ikkunaverkkokauppaIcon {
  position: absolute;
  bottom: 4px;
  left: 4px;
  background: url(../img/ikkunaverkkokauppa_favicon-180x180.png) no-repeat;
  background-size: 20px 20px;
  width: 20px;
  height: 20px;
}
.orderTable tr.justCreatedOrderRow {
  -webkit-animation: justCreatedOrderRowAnimation 8s;
  animation: justCreatedOrderRowAnimation 8s;
}
.orderTable tr.removedRow td {
  color: #bbb;
}
.orderTable tr.testRow {
  opacity: 0.5;
  transition: none;
}
.orderTable tr.testRow:hover {
  opacity: inherit;
}
.orderTable th.customerAddressTh,
.orderTable td.customerAddressTd {
  max-width: 180px;
  width: 180px;
  word-wrap: break-word;
}
.orderTable th a.gray,
.orderTable th a.grey {
  color: #bbb;
  font-weight: normal;
}
.orderTable th a.gray.narrow,
.orderTable th a.grey.narrow {
  font-family: arial narrow, arial;
}
.orderTable th.idTh {
  min-width: 130px;
}
.orderTable th.deliveryWeekTh {
  text-align: right;
  min-width: 170px;
}
.orderTable th.sellerCell {
  min-width: 155px;
}
.orderTable .sellerCell {
  max-width: 155px;
}
.orderTable .sellerCell .sellerDiv {
  clear: both;
}
.orderTable .sellerCell .sellerDiv div.btn-group.changeSellerBtnGroup {
  display: inline-block;
  float: right;
  padding-right: 2px;
}
.orderTable .sellerCell .sellerDiv div.btn-group.changeSellerBtnGroup button.changeSellerMainLink {
  background: rgba(255,255,255,0);
  border: 0px solid white;
  padding: 1px;
  border: none;
}
.orderTable .tight {
  width: 1%;
  white-space: nowrap;
}
.orderTable td {
  vertical-align: top;
  padding-left: 10px !important;
  padding-right: 0px !important;
  padding-top: 4px !important;
  padding-bottom: 7px !important;
  font-family: arial;
  font-size: 90%;
}
.orderTable td .workStatusesDiv {
  margin-top: 20px;
}
.orderTable td .gray,
.orderTable td .grey {
  color: #bbb;
}
.orderTable td.actions {
  white-space: nowrap;
  padding-right: 5px !important;
}
.orderTable td button {
  display: inline-block;
}
.orderTable td.idTd .refsDiv {
  margin-top: 3px;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv {
  position: relative;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .tuotannonTilaDiv {
  position: absolute;
  top: 0px;
  left: calc(50% - 5px - 4 * 18px + 3px - 5px);
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila {
  position: absolute;
  top: 0px;
  left: calc(50% - 5px - 3 * 18px + 3px - 5px);
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer {
  position: relative;
  display: inline-block;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer .fileIcon {
  position: absolute;
  top: -14px;
  left: -3px;
  font-size: 21px;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer .euroText {
  top: calc(-8px);
  left: calc(0px);
  position: absolute;
  font-family: Arial;
  font-size: 11px;
  font-weight: normal;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.green .fileIcon,
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.green .euroText {
  color: green;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.orange .fileIcon,
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.orange .euroText {
  color: orange;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.gray .fileIcon,
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .laskutuksenTila .euroContainer.gray .euroText {
  color: #ddd;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.ennakkomaksu {
  opacity: 0.6;
  position: relative;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.ennakkomaksu .ennakkomaksuDiv {
  position: absolute;
  top: 0px;
  left: calc(50% - 5px - 2 * 18px);
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.ennakkomaksu .ennakkomaksuDiv img {
  width: 16px;
  height: 16px;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableProduction {
  opacity: 0.6;
  position: relative;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableProduction .disableProductionDiv {
  position: absolute;
  top: 0px;
  left: calc(50% - 5px - 1 * 18px);
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableProduction .disableProductionDiv img {
  width: 16px;
  height: 16px;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableShippingPlan {
  opacity: 0.6;
  position: relative;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableShippingPlan .disableShippingPlanDiv {
  position: absolute;
  top: 0px;
  left: calc(50% - 5px);
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv.disableShippingPlan .disableShippingPlanDiv img {
  width: 16px;
  height: 16px;
}
.orderTable td.orderDeliveryWeeksTd .orderBatchDiv .deliveryWeekText.deliveryWeekWithSpecialDeliveryWeeks {
  box-shadow: 0 0 0px 1px white, 0 0 0px 3px red;
  border-radius: 3px;
}
.orderTable .address {
  font-size: 80%;
}
.orderTable .actions .buttonText {
  display: none;
}
.orderTable .actions .showInCartBtn {
  width: 35px;
  margin-bottom: 5px;
}
.orderTable .actions .actionsDropdownToggle {
  margin-right: 2px;
  width: 35px;
  margin-bottom: 5px;
}
.orderTable .actions .openInfo {
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  width: 35px;
  margin-bottom: 5px;
}
.orderTable .actions .openInfo:hover,
.orderTable .actions .openInfo:focus,
.orderTable .actions .openInfo:active,
.orderTable .actions .openInfo.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.orderTable .actions .openInfo.disabled,
.orderTable .actions .openInfo.disabled:hover,
.orderTable .actions .openInfo.disabled:focus,
.orderTable .actions .openInfo.disabled:active,
.orderTable .actions .openInfo.disabled.active,
.orderTable .actions .openInfo[disabled],
.orderTable .actions .openInfo[disabled]:hover,
.orderTable .actions .openInfo[disabled]:focus,
.orderTable .actions .openInfo[disabled]:active,
.orderTable .actions .openInfo[disabled].active,
fieldset[disabled] .orderTable .actions .openInfo,
fieldset[disabled] .orderTable .actions .openInfo:hover,
fieldset[disabled] .orderTable .actions .openInfo:focus,
fieldset[disabled] .orderTable .actions .openInfo:active,
fieldset[disabled] .orderTable .actions .openInfo.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.orderTable .actions .openInfo.hasInfoText {
  box-shadow: 0 0 20px 3px rgba(255,107,0,0.8);
  color: yellow;
}
.orderTable .actions .openMemo {
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  width: 35px;
}
.orderTable .actions .openMemo:hover,
.orderTable .actions .openMemo:focus,
.orderTable .actions .openMemo:active,
.orderTable .actions .openMemo.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.orderTable .actions .openMemo.disabled,
.orderTable .actions .openMemo.disabled:hover,
.orderTable .actions .openMemo.disabled:focus,
.orderTable .actions .openMemo.disabled:active,
.orderTable .actions .openMemo.disabled.active,
.orderTable .actions .openMemo[disabled],
.orderTable .actions .openMemo[disabled]:hover,
.orderTable .actions .openMemo[disabled]:focus,
.orderTable .actions .openMemo[disabled]:active,
.orderTable .actions .openMemo[disabled].active,
fieldset[disabled] .orderTable .actions .openMemo,
fieldset[disabled] .orderTable .actions .openMemo:hover,
fieldset[disabled] .orderTable .actions .openMemo:focus,
fieldset[disabled] .orderTable .actions .openMemo:active,
fieldset[disabled] .orderTable .actions .openMemo.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.orderTable .actions .openMemo.hasMemo {
  background-color: rgba(255,107,0,0.8);
  border-color: rgba(157,65,0,0.8);
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-toggle.actionsDropdownToggle.hasComplaints {
  box-shadow: 0 0 20px 3px rgba(255,0,0,0.5);
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu {
  animation: fadeIn 0.4s;
  min-width: 180px;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn-group {
  display: block !important;
  width: 100%;
  text-align: left;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn-group .dropdown-toggle {
  box-shadow: none;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn-group .dropdown-toggle.hasComplaints {
  box-shadow: 0 0 20px 3px rgba(255,0,0,0.5);
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn-group .caret {
  border-top-color: black !important;
  position: absolute;
  top: 50%;
  right: 5px;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .actionBtnContainer .btn[disabled] {
  transition: background 0.6s, color 0.6s;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .actionBtnContainer:hover .btn[disabled] {
  background-color: #f0de3d !important;
  color: white !important;
  transition: background-color 0.2s, color 0.2s;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn {
  transition: background 0.6s, color 0.6s;
  width: 100%;
  text-align: left;
  display: block !important;
  background-color: white;
  color: #111 !important;
  border: none;
  font-weight: normal;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn:hover {
  background-color: #f0de3d !important;
  color: white !important;
  transition: background-color 0.2s, color 0.2s;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn.viewInDropboxBtn {
  background-image: url(../img/dropbox.png?);
  background-repeat: no-repeat;
  background-size: auto 65%;
  background-position: 5px;
  margin-left: 0px;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn .buttonText {
  display: inline-block;
}
.orderTable .actions.havingDropdownMenusAsSubMenus .btn-group.actionsBtnGroup .dropdown-menu .btn i[class*=icon] {
  padding-right: 4px;
  padding-left: 2px;
  display: inline-block;
}
.toimitusehdotBackButton {
  margin-top: 4px;
  margin-bottom: 4px;
}
#priceBreakdownDiv {
  margin-left: 340px;
  display: none;
}
.xmpStyled {
  display: block;
  padding: 8.5px;
  margin: 0 0 9px;
  font-size: 12px;
  line-height: 1.428571429;
  word-break: break-all;
  word-wrap: break-word;
  color: #333333;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  border-radius: 4px;
}
#hintamoottorinKutsuXmlDiv {
  margin-left: 340px;
  display: none;
}
#hintamoottorinVastausJsonDiv {
  margin-left: 340px;
  display: none;
}
#hintamoottorinHintaHintakertoimillaDiv {
  margin-left: 340px;
  display: none;
}
.popover {
  width: 800px;
  max-width: 600px;
  min-width: 200px;
  color: black;
  z-index: 100000000000000;
}
#configurationForm {
  position: relative !important;
  margin-left: 360px;
}
.leftBar {
  margin-left: -360px;
}
.floatingLeftBar {
  width: 135px;
  position: fixed !important;
  top: 10px !important;
}
.floatingLeftBar.leftBar-door {
  top: 0px !important;
}
.floatingCheckout {
  position: fixed !important;
  top: 5px !important;
  background-color: white !important;
  margin-left: auto !important;
  margin-right: 5px !important;
}
.tooltipBox {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
}
.missingInfoTip {
  color: #bbbbcf !important;
}
.tooltipBoxBlock {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  position: relative;
}
.tooltipBoxBlock .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.payment .C1 {
  width: 180px;
  height: 120px;
  border: 1pt solid #a0a0a0;
  display: block;
  float: left;
  margin: 7px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  clear: none;
  padding: 0;
}
.payment .C1:hover {
  background-color: #f0f0f0;
  border-color: black;
}
.payment .C1 form {
  width: 180px;
  height: 120px;
}
.payment .C1 form span {
  display: table-cell;
  vertical-align: middle;
  height: 92px;
  width: 180px;
}
.payment .C1 form span input {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: 1pt solid #f2f2f2;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  background-color: white;
}
.payment .C1:hover form span input {
  border: 1pt solid black;
}
.payment .C1 div {
  text-align: center;
  font-family: arial;
  font-size: 8pt;
}
.erroneous {
  border: 1px solid #E50C17;
}
.erroneous-bg {
  border: 1px solid #E50C17;
  background: #fee;
}
#maintenanceDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  border: 1px solid #000;
  background: #eec;
  color: #f00;
  z-index: 10000000;
  padding: 10px;
  font-family: serif;
}
#testVersionDiv {
  position: fixed;
  top: 0px;
  left: 0px;
  -border: 1px solid #000;
  background: rgba(200,200,180,0.4);
  border: 1px solid rgba(200,200,180,0.8);
  border-top: none;
  color: #f00;
  z-index: 10000001;
  padding: 5px;
  font-family: sans-serif;
  -opacity: 0.6;
}
#mobileBetaDiv {
  position: absolute;
  top: 0px;
  left: 30%;
  color: #eee;
  z-index: 10000002;
  padding: 2px;
  text-shadow: 0px 0px 5px #444;
  font-family: arial;
  font-size: 120%;
}
#jsErrorDialog {
  display: none;
  color: #444;
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 2000000000;
  border: 1px solid #444;
  padding: 5px;
  background: rgba(255,255,255,0.4);
  font-size: 85%;
}
#jsErrorDialog .jsErrorCloseBtn {
  color: red;
  vertical-align: top;
  padding: 5px;
}
#jsErrorDialog .showJsErrorBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
#jsErrorDialog .showJsErrorBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#jsErrorDialog .showJsErrorBtn:hover,
#jsErrorDialog .showJsErrorBtn:focus {
  color: #333;
  text-decoration: none;
}
#jsErrorDialog .showJsErrorBtn:active,
#jsErrorDialog .showJsErrorBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#jsErrorDialog .showJsErrorBtn.disabled,
#jsErrorDialog .showJsErrorBtn[disabled],
fieldset[disabled] #jsErrorDialog .showJsErrorBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#jsErrorDialog .showJsErrorBtn:hover,
#jsErrorDialog .showJsErrorBtn:focus,
#jsErrorDialog .showJsErrorBtn:active,
#jsErrorDialog .showJsErrorBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#jsErrorDialog .showJsErrorBtn.disabled,
#jsErrorDialog .showJsErrorBtn.disabled:hover,
#jsErrorDialog .showJsErrorBtn.disabled:focus,
#jsErrorDialog .showJsErrorBtn.disabled:active,
#jsErrorDialog .showJsErrorBtn.disabled.active,
#jsErrorDialog .showJsErrorBtn[disabled],
#jsErrorDialog .showJsErrorBtn[disabled]:hover,
#jsErrorDialog .showJsErrorBtn[disabled]:focus,
#jsErrorDialog .showJsErrorBtn[disabled]:active,
#jsErrorDialog .showJsErrorBtn[disabled].active,
fieldset[disabled] #jsErrorDialog .showJsErrorBtn,
fieldset[disabled] #jsErrorDialog .showJsErrorBtn:hover,
fieldset[disabled] #jsErrorDialog .showJsErrorBtn:focus,
fieldset[disabled] #jsErrorDialog .showJsErrorBtn:active,
fieldset[disabled] #jsErrorDialog .showJsErrorBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#jsErrorDialog #jsErrorsDiv {
  display: none;
  min-width: 400px;
  max-height: 450px;
  overflow-y: scroll;
  padding-bottom: 30px;
}
#jsErrorDialog:hover {
  background: white;
}
.providerTable {
  margin-top: 30px;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  width: 850px;
}
.providerTable thead > tr > th,
.providerTable thead > tr > td,
.providerTable tbody > tr > th,
.providerTable tbody > tr > td,
.providerTable tfoot > tr > th,
.providerTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.providerTable thead > tr > th {
  vertical-align: bottom;
}
.providerTable caption + thead tr:first-child th,
.providerTable caption + thead tr:first-child td,
.providerTable colgroup + thead tr:first-child th,
.providerTable colgroup + thead tr:first-child td,
.providerTable thead:first-child tr:first-child th,
.providerTable thead:first-child tr:first-child td {
  border-top: 0;
}
.providerTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.providerTable .table {
  background-color: #fff;
}
.providerTable thead > tr > th,
.providerTable thead > tr > td,
.providerTable tbody > tr > th,
.providerTable tbody > tr > td,
.providerTable tfoot > tr > th,
.providerTable tfoot > tr > td {
  padding: 5px;
}
.providerTable > tbody > tr:nth-child(odd) > td,
.providerTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.providerTable > thead > tr > th,
.providerTable > thead > tr > td,
.providerTable > tbody > tr > th,
.providerTable > tbody > tr > td,
.providerTable > tfoot > tr > th,
.providerTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.providerTable tr td:first-child {
  width: 160px;
  text-align: right;
  padding-right: 15px;
}
.providerTable tr td input,
.providerTable tr td textarea,
.providerTable tr td select {
  width: 100%;
  display: block;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  margin-top: 0px !important;
  margin-bottom: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
.providerTable tr td input:-moz-placeholder,
.providerTable tr td textarea:-moz-placeholder,
.providerTable tr td select:-moz-placeholder {
  color: #999999;
}
.providerTable tr td input::-moz-placeholder,
.providerTable tr td textarea::-moz-placeholder,
.providerTable tr td select::-moz-placeholder {
  color: #999999;
}
.providerTable tr td input:-ms-input-placeholder,
.providerTable tr td textarea:-ms-input-placeholder,
.providerTable tr td select:-ms-input-placeholder {
  color: #999999;
}
.providerTable tr td input::-webkit-input-placeholder,
.providerTable tr td textarea::-webkit-input-placeholder,
.providerTable tr td select::-webkit-input-placeholder {
  color: #999999;
}
.providerTable tr td input:focus,
.providerTable tr td textarea:focus,
.providerTable tr td select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.providerTable tr td input[disabled],
.providerTable tr td input[readonly],
fieldset[disabled] .providerTable tr td input,
.providerTable tr td textarea[disabled],
.providerTable tr td textarea[readonly],
fieldset[disabled] .providerTable tr td textarea,
.providerTable tr td select[disabled],
.providerTable tr td select[readonly],
fieldset[disabled] .providerTable tr td select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.providerTable tr td input,
textarea.providerTable tr td textarea,
textarea.providerTable tr td select {
  height: auto;
}
.providerTable tr td textarea {
  height: 80px;
}
.providerTable tr td input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.providerTable tr td input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.providerTable tr td input[type=submit]:hover,
.providerTable tr td input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.providerTable tr td input[type=submit]:active,
.providerTable tr td input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.providerTable tr td input[type=submit].disabled,
.providerTable tr td input[type=submit][disabled],
fieldset[disabled] .providerTable tr td input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.providerTable tr td input[type=submit]:hover,
.providerTable tr td input[type=submit]:focus,
.providerTable tr td input[type=submit]:active,
.providerTable tr td input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.providerTable tr td input[type=submit].disabled,
.providerTable tr td input[type=submit].disabled:hover,
.providerTable tr td input[type=submit].disabled:focus,
.providerTable tr td input[type=submit].disabled:active,
.providerTable tr td input[type=submit].disabled.active,
.providerTable tr td input[type=submit][disabled],
.providerTable tr td input[type=submit][disabled]:hover,
.providerTable tr td input[type=submit][disabled]:focus,
.providerTable tr td input[type=submit][disabled]:active,
.providerTable tr td input[type=submit][disabled].active,
fieldset[disabled] .providerTable tr td input[type=submit],
fieldset[disabled] .providerTable tr td input[type=submit]:hover,
fieldset[disabled] .providerTable tr td input[type=submit]:focus,
fieldset[disabled] .providerTable tr td input[type=submit]:active,
fieldset[disabled] .providerTable tr td input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.providerTable tr td input[type=button] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.providerTable tr td input[type=button]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.providerTable tr td input[type=button]:hover,
.providerTable tr td input[type=button]:focus {
  color: #333;
  text-decoration: none;
}
.providerTable tr td input[type=button]:active,
.providerTable tr td input[type=button].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.providerTable tr td input[type=button].disabled,
.providerTable tr td input[type=button][disabled],
fieldset[disabled] .providerTable tr td input[type=button] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.providerTable tr td input[type=button]:hover,
.providerTable tr td input[type=button]:focus,
.providerTable tr td input[type=button]:active,
.providerTable tr td input[type=button].active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.providerTable tr td input[type=button].disabled,
.providerTable tr td input[type=button].disabled:hover,
.providerTable tr td input[type=button].disabled:focus,
.providerTable tr td input[type=button].disabled:active,
.providerTable tr td input[type=button].disabled.active,
.providerTable tr td input[type=button][disabled],
.providerTable tr td input[type=button][disabled]:hover,
.providerTable tr td input[type=button][disabled]:focus,
.providerTable tr td input[type=button][disabled]:active,
.providerTable tr td input[type=button][disabled].active,
fieldset[disabled] .providerTable tr td input[type=button],
fieldset[disabled] .providerTable tr td input[type=button]:hover,
fieldset[disabled] .providerTable tr td input[type=button]:focus,
fieldset[disabled] .providerTable tr td input[type=button]:active,
fieldset[disabled] .providerTable tr td input[type=button].active {
  background-color: #fff;
  border-color: #ccc;
}
.buginenOstoskori {
  background: #D86958;
  color: white;
  border: 1px solid #990B06;
}
#cartTooltip {
  font-size: 110%;
  display: none;
  position: fixed;
  top: 0px;
  right: 50px;
  width: 140px !important;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-width: 0px;
}
#aukkoTopLabelsDiv .col-lg-2,
#openingsDiv .col-lg-2 {
  padding-left: 0px;
  padding-right: 13px;
}
#deliveryWeekButtonGroupSmallYllapidossa {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  width: 850px;
  background: #999;
}
#deliveryWeekButtonGroupSmallYllapidossa::-webkit-scrollbar {
  -webkit-appearance: none;
}
#deliveryWeekButtonGroupSmallYllapidossa::-webkit-scrollbar:horizontal {
  height: 11px;
}
#deliveryWeekButtonGroupSmallYllapidossa::-webkit-scrollbar:vertical {
  height: 11px;
}
#deliveryWeekButtonGroupSmallYllapidossa::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#deliveryWeekButtonGroupSmallYllapidossa::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#deliveryWeekButtonGroupSmallYllapidossa.pihla {
  max-width: 600px;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallYllapidossa.pihla {
    max-width: 520px;
  }
}
#deliveryWeekButtonGroupSmallYllapidossa.notPihla {
  max-width: 705px;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallYllapidossa.notPihla {
    max-width: 580px;
  }
}
#deliveryWeekButtonGroupSmallYllapidossa.hasDeliveryMethodOption {
  max-width: 620px !important;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallYllapidossa.hasDeliveryMethodOption {
    max-width: 620px !important;
  }
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup {
  padding: 10px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup.haveFactoryLoadsOpened div.buttonContainerDiv {
  width: 50px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv {
  margin-top: 10px;
  margin-left: 2px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn {
  text-decoration: none;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .openedLockSpan,
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .closeLoadText {
  display: none;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .closedLockSpan,
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .openLoadText {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed:hover .openedLockSpan {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed:hover .closedLockSpan {
  display: none;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .openedLockSpan,
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .closeLoadText {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .closedLockSpan,
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .openLoadText {
  display: none;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened:hover .openedLockSpan {
  display: none;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened:hover .closedLockSpan {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv {
  display: inline-block !important;
  vertical-align: bottom;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton {
  min-width: 40px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-right: 0px;
  color: #555;
  padding-left: 1px !important;
  padding-right: 1px !important;
  text-align: center;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.factoryLoadDiscountButton {
  visibility: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 1px !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton:hover {
  background: #fafafa;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn {
  color: #ddd !important;
  cursor: not-allowed !important;
  border: 1px solid #eee;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn:hover {
  border: 1px solid #eee;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn.disabledAndActive {
  color: #77c !important;
  border: 1px solid #77d !important;
  background: #d2d2b4 !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.active {
  background: #f5f5e1 !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active {
  color: #22d !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active:hover {
  background: #e6e6e6 !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active.termoCampaign {
  background: #f5f5e1 !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.termoCampaign {
  background: #B3D652;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.freelyChosenDiscountButton {
  border: 1px solid #f7f7f7 !important;
  color: #c00 !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .vuosi {
  line-height: 120%;
  font-size: 10px;
  font-weight: normal;
  margin-top: -2px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .vko {
  line-height: 120%;
  font-size: 16px;
  margin-bottom: 0px;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .alennusprosentti {
  line-height: 120%;
  font-size: 13px;
  font-weight: normal;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .discountDropdown {
  width: 50px;
  padding: 1px 1px 1px 1px !important;
  margin: 1px 1px 1px 1px !important;
  height: 17px !important;
}
#deliveryWeekButtonGroupSmallYllapidossa #deliveryWeekButtonGroup div.buttonContainerDiv .factoryLoadText {
  xborder-left: 1px solid black;
  vertical-align: bottom;
  font-size: 10px !important;
  color: #444;
  padding-top: 0px;
  margin-top: -13px;
  margin-left: 1px;
  width: auto;
  display: inline-block;
  min-width: 36px;
  max-width: 36px;
  white-space: nowrap;
  overflow-x: visible;
}
#deliveryWeekButtonGroupSmallOstoskorissa {
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  width: 100%;
}
#deliveryWeekButtonGroupSmallOstoskorissa::-webkit-scrollbar {
  -webkit-appearance: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa::-webkit-scrollbar:horizontal {
  height: 11px;
}
#deliveryWeekButtonGroupSmallOstoskorissa::-webkit-scrollbar:vertical {
  height: 11px;
}
#deliveryWeekButtonGroupSmallOstoskorissa::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#deliveryWeekButtonGroupSmallOstoskorissa::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#deliveryWeekButtonGroupSmallOstoskorissa.pihla {
  max-width: 600px;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallOstoskorissa.pihla {
    max-width: 520px;
  }
}
#deliveryWeekButtonGroupSmallOstoskorissa.notPihla {
  max-width: 705px;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallOstoskorissa.notPihla {
    max-width: 580px;
  }
}
#deliveryWeekButtonGroupSmallOstoskorissa.hasDeliveryMethodOption {
  max-width: 620px !important;
}
@media screen and (max-width: 1203px) {
  #deliveryWeekButtonGroupSmallOstoskorissa.hasDeliveryMethodOption {
    max-width: 620px !important;
  }
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup {
  padding: 10px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup.haveFactoryLoadsOpened div.buttonContainerDiv {
  width: 50px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv {
  margin-top: 10px;
  margin-left: 2px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn {
  text-decoration: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .openedLockSpan,
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .closeLoadText {
  display: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .closedLockSpan,
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed .openLoadText {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed:hover .openedLockSpan {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.closed:hover .closedLockSpan {
  display: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .openedLockSpan,
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .closeLoadText {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .closedLockSpan,
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened .openLoadText {
  display: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened:hover .openedLockSpan {
  display: none;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup .upperLoadContainerDiv a.showLoadBtn.opened:hover .closedLockSpan {
  display: inline-block;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv {
  display: inline-block !important;
  vertical-align: bottom;
  margin-left: 0px;
  margin-right: 0px;
  padding-left: 0px;
  padding-right: 0px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton {
  min-width: 40px;
  border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  margin-right: 0px;
  color: #555;
  padding-left: 1px !important;
  padding-right: 1px !important;
  text-align: center;
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.05);
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.factoryLoadDiscountButton {
  visibility: hidden;
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  height: 1px !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton:hover {
  background: #fafafa;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn {
  color: #ddd !important;
  cursor: not-allowed !important;
  border: 1px solid #eee;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn:hover {
  border: 1px solid #eee;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn.disabledAndActive {
  color: #77c !important;
  border: 1px solid #77d !important;
  background: #d2d2b4 !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.active {
  background: #f5f5e1 !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active {
  color: #22d !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active:hover {
  background: #e6e6e6 !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.active.termoCampaign {
  background: #f5f5e1 !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.termoCampaign {
  background: #B3D652;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.freelyChosenDiscountButton {
  border: 1px solid #f7f7f7 !important;
  color: #c00 !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .vuosi {
  line-height: 120%;
  font-size: 10px;
  font-weight: normal;
  margin-top: -2px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .vko {
  line-height: 120%;
  font-size: 16px;
  margin-bottom: 0px;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .alennusprosentti {
  line-height: 120%;
  font-size: 13px;
  font-weight: normal;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton .discountDropdown {
  width: 50px;
  padding: 1px 1px 1px 1px !important;
  margin: 1px 1px 1px 1px !important;
  height: 17px !important;
}
#deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .factoryLoadText {
  xborder-left: 1px solid black;
  vertical-align: bottom;
  font-size: 10px !important;
  color: #444;
  padding-top: 0px;
  margin-top: -13px;
  margin-left: 1px;
  width: auto;
  display: inline-block;
  min-width: 36px;
  max-width: 36px;
  white-space: nowrap;
  overflow-x: visible;
}
body.isAdminForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn,
body.isMainForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn {
  cursor: pointer !important;
}
body.isAdminForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn:hover,
body.isMainForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn:hover {
  background: #fafafa;
}
body.isAdminForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn.disabledAndActive,
body.isMainForInformationOnly #deliveryWeekButtonGroupSmallOstoskorissa #deliveryWeekButtonGroup div.buttonContainerDiv .discountButton.discountWeek.disabledBtn.disabledAndActive {
  color: #77c !important;
  border: 1px solid #77d !important;
  background: #d2d2b4 !important;
}
@media screen and (max-width: 767px) {
  .navbar .nav > li {
    z-index: 10000000000000 !important;
    background: #f0de3d;
  }
}
.asiakasDiv {
  color: #444;
  text-transform: none;
  margin-top: 0px;
  text-shadow: 0px 0px 10px #fff;
  text-align: right !important;
  padding-top: 5px;
  float: right;
  padding-bottom: 0px;
  margin-bottom: 0px;
  min-width: 450px;
  margin-left: auto;
  margin-right: 1px;
  font-size: 102%;
  display: inline-block;
}
.editBtn {
  padding-left: 6px;
  padding-right: 6px;
}
.failed {
  background: red !important;
  cursor: help;
}
.failedNoQuestionMark {
  background: red !important;
}
.failedPink {
  background: pink !important;
  cursor: help;
}
.highlightableField {
  background: #ffff33 !important;
}
.failedPinkNoQuestionMark {
  background: pink !important;
}
.hintamoottoriFailed {
  background: #fee !important;
}
#installationDialog .modal-dialog {
  width: 1150px;
}
#installationEditDialog .modal-dialog {
  width: 640px;
}
#installationEditDialog .modal-dialog .installationEditDialogTable.listatPiilossa {
  max-width: 740px;
}
#installationEditDialog .modal-dialog .installationEditDialogTable.listatPiilossa .lista {
  display: none;
}
#installationEditDialog .modal-dialog .installationEditDialogTable.listatNakyvilla .hideWhenNoMouldingsShown {
  display: none;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennushintaTr th.asennushintaTh {
  vertical-align: top;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennushintaTr td.asennushintaTd .syotaKasinDiv {
  margin-bottom: 4px;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennushintaTr td.asennushintaTd .priceInputGroup {
  width: 140px;
  margin-bottom: 12px;
  opacity: 0.7;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennushintaTr td.asennushintaTd .priceInputGroup.asennushintaSyotettyKasin {
  opacity: 1.0;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennushintaTr td.asennushintaTd .priceInputGroup input.installationUnitPriceInput {
  display: inline-block;
  color: black;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennuslisahinnatTr div.asennuslisahinnatDiv {
  width: 280px;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennuslisahinnatTr div.asennuslisahinnatDiv div.asennuslisahintaDiv {
  margin-top: 0px;
  margin-bottom: 0px;
}
#installationEditDialog .modal-dialog .installationEditDialogTable tr.asennuslisahinnatTr div.asennuslisahinnatDiv div.asennuslisahintaDiv label {
  font-weight: normal;
}
#priceBreakdownDialog .modal-dialog {
  width: 780px;
}
#priceBreakdownDialog .modal-dialog .price {
  text-align: right;
}
.additionalPricesDialog .cancelBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.additionalPricesDialog .cancelBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.additionalPricesDialog .cancelBtn:hover,
.additionalPricesDialog .cancelBtn:focus {
  color: #333;
  text-decoration: none;
}
.additionalPricesDialog .cancelBtn:active,
.additionalPricesDialog .cancelBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.additionalPricesDialog .cancelBtn.disabled,
.additionalPricesDialog .cancelBtn[disabled],
fieldset[disabled] .additionalPricesDialog .cancelBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.additionalPricesDialog .cancelBtn:hover,
.additionalPricesDialog .cancelBtn:focus,
.additionalPricesDialog .cancelBtn:active,
.additionalPricesDialog .cancelBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.additionalPricesDialog .cancelBtn.disabled,
.additionalPricesDialog .cancelBtn.disabled:hover,
.additionalPricesDialog .cancelBtn.disabled:focus,
.additionalPricesDialog .cancelBtn.disabled:active,
.additionalPricesDialog .cancelBtn.disabled.active,
.additionalPricesDialog .cancelBtn[disabled],
.additionalPricesDialog .cancelBtn[disabled]:hover,
.additionalPricesDialog .cancelBtn[disabled]:focus,
.additionalPricesDialog .cancelBtn[disabled]:active,
.additionalPricesDialog .cancelBtn[disabled].active,
fieldset[disabled] .additionalPricesDialog .cancelBtn,
fieldset[disabled] .additionalPricesDialog .cancelBtn:hover,
fieldset[disabled] .additionalPricesDialog .cancelBtn:focus,
fieldset[disabled] .additionalPricesDialog .cancelBtn:active,
fieldset[disabled] .additionalPricesDialog .cancelBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.additionalPricesDialog .saveBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.additionalPricesDialog .saveBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.additionalPricesDialog .saveBtn:hover,
.additionalPricesDialog .saveBtn:focus {
  color: #333;
  text-decoration: none;
}
.additionalPricesDialog .saveBtn:active,
.additionalPricesDialog .saveBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.additionalPricesDialog .saveBtn.disabled,
.additionalPricesDialog .saveBtn[disabled],
fieldset[disabled] .additionalPricesDialog .saveBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.additionalPricesDialog .saveBtn:hover,
.additionalPricesDialog .saveBtn:focus,
.additionalPricesDialog .saveBtn:active,
.additionalPricesDialog .saveBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.additionalPricesDialog .saveBtn.disabled,
.additionalPricesDialog .saveBtn.disabled:hover,
.additionalPricesDialog .saveBtn.disabled:focus,
.additionalPricesDialog .saveBtn.disabled:active,
.additionalPricesDialog .saveBtn.disabled.active,
.additionalPricesDialog .saveBtn[disabled],
.additionalPricesDialog .saveBtn[disabled]:hover,
.additionalPricesDialog .saveBtn[disabled]:focus,
.additionalPricesDialog .saveBtn[disabled]:active,
.additionalPricesDialog .saveBtn[disabled].active,
fieldset[disabled] .additionalPricesDialog .saveBtn,
fieldset[disabled] .additionalPricesDialog .saveBtn:hover,
fieldset[disabled] .additionalPricesDialog .saveBtn:focus,
fieldset[disabled] .additionalPricesDialog .saveBtn:active,
fieldset[disabled] .additionalPricesDialog .saveBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.additionalPricesDialog .saveBtn .failed {
  background: red !important;
}
.additionalPricesDialog .grayed,
.additionalPricesDialog .greyed {
  background: #f9f9f9;
  color: #888;
  opacity: 0.5;
}
.additionalPricesDialog .additionalPricesDialogForm {
  font-size: 90%;
}
.additionalPricesDialog .additionalPricesDialogForm .otsake {
  font-size: 14px !important;
  margin-top: 15px;
  font-weight: bold;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable {
  min-width: 350px;
  border-collapse: collapse;
  border: 1px solid #ddd;
  border: 0px double white;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead > tr > th {
  vertical-align: bottom;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable caption + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable caption + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable colgroup + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable colgroup + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead:first-child tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead:first-child tr:first-child td {
  border-top: 0;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable .table {
  background-color: #fff;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable tfoot > tr > td {
  padding: 5px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tbody > tr:nth-child(odd) > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalPricesDialogTable.additionalPriceTable th {
  border: 0px solid #bbb !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead > tr > th {
  vertical-align: bottom;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable caption + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable caption + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable colgroup + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable colgroup + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead:first-child tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead:first-child tr:first-child td {
  border-top: 0;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable .table {
  background-color: #fff;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable tfoot > tr > td {
  padding: 5px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tbody > tr:nth-child(odd) > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.realAdditionalInstallationPricesDialogTable.additionalPriceTable th {
  border: 0px solid #bbb !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.priceDialogTable tr:first-child td {
  padding-left: 1px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable td:first-child {
  padding-right: 10px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  text-align: right;
  padding-left: 1px;
  padding-right: 3px;
  display: inline-block;
  width: 65px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput:-moz-placeholder {
  color: #999999;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput::-moz-placeholder {
  color: #999999;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput:-ms-input-placeholder {
  color: #999999;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput::-webkit-input-placeholder {
  color: #999999;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput[disabled],
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput[readonly],
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceInput {
  height: auto;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  width: 30px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:focus {
  color: #333;
  text-decoration: none;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled],
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled],
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.disabled.active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled],
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled]:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled]:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled]:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn[disabled].active,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:hover,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:focus,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn:active,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .addAdditionalPriceBtn.active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.disabled.active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled],
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled]:hover,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled]:focus,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled]:active,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn[disabled].active,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:hover,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:focus,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn:active,
fieldset[disabled] .additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable.additionalPriceTable .additionalPriceDeleteBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable th {
  border: 1px solid rgba(255,255,255,0) !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .strongLeft {
  border-left: 1px double #777 !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .strongRight {
  border-right: 1px double #777 !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .strongBottom {
  border-bottom: 1px double #777 !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .strongTop {
  border-top: 1px double #777 !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable tr td {
  padding-left: 15px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .leftedTd {
  padding-left: 10px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable td.price {
  text-align: right;
  min-width: 130px;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .totalTr td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable .totalTr th {
  border-top: 1px solid #000 !important;
}
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable tr.notSelected td,
.additionalPricesDialog .additionalPricesDialogForm .additionalPricesDialogTable tr.notSelected th {
  color: gray;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  border: none;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead > tr > th {
  vertical-align: bottom;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable caption + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable caption + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable colgroup + thead tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable colgroup + thead tr:first-child td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead:first-child tr:first-child th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead:first-child tr:first-child td {
  border-top: 0;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable .table {
  background-color: #fff;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tfoot > tr > td {
  padding: 5px;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tbody > tr:nth-child(odd) > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > thead > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > thead > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tbody > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tbody > tr > td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tfoot > tr > th,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable.listatPiilossa {
  max-width: 740px;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable.listatPiilossa .lista {
  display: none;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable th {
  vertical-align: top;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr th {
  vertical-align: bottom;
  font-weight: normal;
  padding-left: 3px !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr td {
  padding-left: 3px !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable th {
  transition: background-color 0.3s;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr:not(.veryFirstTr):hover td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr:not(.veryFirstTr):hover th {
  background-color: #eee !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.firstTr td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.firstTr th {
  height: 25px;
  background-color: #eee !important;
  vertical-align: top !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.veryFirstTr {
  border-bottom: 1px double #000000 !important;
  background: white;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.veryFirstTr td {
  border-top: 0px double black !important;
  border-left: 0px double black !important;
  border-right: 0px double black !important;
  background: white !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr:not(.veryLastTr):hover td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr:not(.veryLastTr):hover th {
  background-color: #eee !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.veryLastTr {
  border-top: 1px double #000000 !important;
  background: white;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable tr.veryLastTr td {
  border-bottom: 0px double black !important;
  border-left: 0px double black !important;
  border-right: 0px double black !important;
  background: white !important;
}
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable td,
.additionalPricesDialog .additionalPricesDialogForm .installationDialogTable th {
  background: white;
}
#installationDialogTable {
  font-family: arial;
}
#installationDialogTable td,
#installationDialogTable th {
  vertical-align: top;
}
#installationDialogTable tr:last-child td {
  border-bottom: 1px double #000000 !important;
}
.addAdditionalPriceBtnHighlighted {
  background-color: red !important;
  transition: background-color 1000ms linear;
}
.addAdditionalPriceBtnNoHighlighted {
  background-color: white !important;
  transition: background-color 1000ms linear;
}
.addGoodHighlight {
  background-color: rgba(180,227,156,0.5) !important;
  transition: background-color 1000ms linear;
}
.removeGoodHighlight {
  background-color: white !important;
  transition: background-color 1000ms linear;
}
#feedbackContainer {
  margin-top: 80px;
  text-align: center;
  position: relative;
}
#feedbackContainer #peukku {
  width: 400px;
  left: 325px;
  top: -80px;
  position: absolute;
  opacity: 0.0;
  z-index: -1;
}
#feedbackContainer #feedback {
  margin-bottom: 200px;
  margin-left: -30px;
}
#feedbackContainer #feedback a img {
  opacity: 0.0;
  width: 67px;
}
#feedbackContainer #feedback a {
  display: inline-block;
  margin: 15px;
  outline: none;
}
#feedbackContainer #feedback img:hover {
  border: 2px solid rgba(0,0,0,0);
  opacity: 1.0;
}
#feedbackContainer #feedback a.reuna {
  margin-top: -20px;
  vertical-align: top;
}
#feedbackContainer #feedback a.reuna img {
  width: 64px;
}
#feedbackContainer #feedback a.keski img {
  margin-top: 2px;
  vertical-align: top;
}
#feedbackContainer #feedback #feedbackText {
  font-size: 150%;
  font-weight: bold;
  color: #000;
  opacity: 0.0;
  margin-top: 50px;
}
#feedbackContainer #feedback .selected {
  opacity: 1.0 !important;
}
.Order_index_topRow,
.Complaints_index_topRow {
  display: table;
  width: 100%;
}
.Order_index_topRow #searchOrderForm,
.Complaints_index_topRow #searchOrderForm {
  width: 900px;
  padding: 0;
  margin: 0;
}
.Order_index_topRow #searchOrderForm .searchFromOrdersHeader,
.Complaints_index_topRow #searchOrderForm .searchFromOrdersHeader {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.Order_index_topRow #searchOrderForm .searchOrderTable,
.Complaints_index_topRow #searchOrderForm .searchOrderTable {
  width: 100%;
}
.Order_index_topRow #searchOrderForm .searchOrderTable > tbody > tr > td,
.Complaints_index_topRow #searchOrderForm .searchOrderTable > tbody > tr > td {
  vertical-align: top;
  width: 50%;
}
.Order_index_topRow #searchOrderForm .searchOrderTable .orderSearchStatusDiv.visuallyGrayedOrderSearchStatusDiv,
.Complaints_index_topRow #searchOrderForm .searchOrderTable .orderSearchStatusDiv.visuallyGrayedOrderSearchStatusDiv {
  opacity: 0.5;
}
.Order_index_topRow #searchOrderForm label,
.Complaints_index_topRow #searchOrderForm label {
  font-weight: normal;
}
.Order_index_topRow #searchOrderForm .form-group,
.Complaints_index_topRow #searchOrderForm .form-group {
  margin: 4px;
}
.Order_index_topRow #searchOrderForm .searchBtn,
.Complaints_index_topRow #searchOrderForm .searchBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.Order_index_topRow #searchOrderForm .orderSearch_id,
.Complaints_index_topRow #searchOrderForm .orderSearch_id {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
.Order_index_topRow #searchOrderForm .orderSearch_id:-moz-placeholder,
.Complaints_index_topRow #searchOrderForm .orderSearch_id:-moz-placeholder {
  color: #999999;
}
.Order_index_topRow #searchOrderForm .orderSearch_id::-moz-placeholder,
.Complaints_index_topRow #searchOrderForm .orderSearch_id::-moz-placeholder {
  color: #999999;
}
.Order_index_topRow #searchOrderForm .orderSearch_id:-ms-input-placeholder,
.Complaints_index_topRow #searchOrderForm .orderSearch_id:-ms-input-placeholder {
  color: #999999;
}
.Order_index_topRow #searchOrderForm .orderSearch_id::-webkit-input-placeholder,
.Complaints_index_topRow #searchOrderForm .orderSearch_id::-webkit-input-placeholder {
  color: #999999;
}
.Order_index_topRow #searchOrderForm .orderSearch_id:focus,
.Complaints_index_topRow #searchOrderForm .orderSearch_id:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.Order_index_topRow #searchOrderForm .orderSearch_id[disabled],
.Order_index_topRow #searchOrderForm .orderSearch_id[readonly],
fieldset[disabled] .Order_index_topRow #searchOrderForm .orderSearch_id,
.Complaints_index_topRow #searchOrderForm .orderSearch_id[disabled],
.Complaints_index_topRow #searchOrderForm .orderSearch_id[readonly],
fieldset[disabled] .Complaints_index_topRow #searchOrderForm .orderSearch_id {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.Order_index_topRow #searchOrderForm .orderSearch_id,
textarea.Complaints_index_topRow #searchOrderForm .orderSearch_id {
  height: auto;
}
.Order_index_topRow #searchOrderForm .orderSearch_id .form-control,
.Order_index_topRow #searchOrderForm .orderSearch_id .radio,
.Order_index_topRow #searchOrderForm .orderSearch_id .checkbox,
.Complaints_index_topRow #searchOrderForm .orderSearch_id .form-control,
.Complaints_index_topRow #searchOrderForm .orderSearch_id .radio,
.Complaints_index_topRow #searchOrderForm .orderSearch_id .checkbox {
  display: inline-block;
}
.Order_index_topRow #searchOrderForm .orderSearch_id .radio,
.Order_index_topRow #searchOrderForm .orderSearch_id .checkbox,
.Complaints_index_topRow #searchOrderForm .orderSearch_id .radio,
.Complaints_index_topRow #searchOrderForm .orderSearch_id .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.Order_index_topRow #searchOrderForm .orderSearch_id .radio input[type="radio"],
.Order_index_topRow #searchOrderForm .orderSearch_id .checkbox input[type="checkbox"],
.Complaints_index_topRow #searchOrderForm .orderSearch_id .radio input[type="radio"],
.Complaints_index_topRow #searchOrderForm .orderSearch_id .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.Order_index_topRow #searchOrderForm .dateDiv label,
.Complaints_index_topRow #searchOrderForm .dateDiv label {
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
  padding-top: 5px;
}
.Order_index_topRow #searchOrderForm .dateDiv label:hover,
.Complaints_index_topRow #searchOrderForm .dateDiv label:hover {
  background: #f0de3d;
  border-radius: 5px;
  color: white;
}
.Order_index_topRow #searchOrderForm .dateDiv label .dateBtnGroup,
.Complaints_index_topRow #searchOrderForm .dateDiv label .dateBtnGroup {
  padding-top: 0px;
  margin-top: -10px;
  padding-left: 0px;
}
.Order_index_topRow #searchOrderForm .dateDiv .miniDateControl,
.Complaints_index_topRow #searchOrderForm .dateDiv .miniDateControl {
  display: inline-block;
  width: 100px;
  padding-right: 0px;
  font-size: 75%;
}
.Order_index_topRow #newOrderButton,
.Order_index_topRow #returnToPreviousBtn,
.Complaints_index_topRow #newOrderButton,
.Complaints_index_topRow #returnToPreviousBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.Order_index_topRow #newOrderButton:focus,
.Order_index_topRow #returnToPreviousBtn:focus,
.Complaints_index_topRow #newOrderButton:focus,
.Complaints_index_topRow #returnToPreviousBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.Order_index_topRow #newOrderButton:hover,
.Order_index_topRow #newOrderButton:focus,
.Order_index_topRow #returnToPreviousBtn:hover,
.Order_index_topRow #returnToPreviousBtn:focus,
.Complaints_index_topRow #newOrderButton:hover,
.Complaints_index_topRow #newOrderButton:focus,
.Complaints_index_topRow #returnToPreviousBtn:hover,
.Complaints_index_topRow #returnToPreviousBtn:focus {
  color: #333;
  text-decoration: none;
}
.Order_index_topRow #newOrderButton:active,
.Order_index_topRow #newOrderButton.active,
.Order_index_topRow #returnToPreviousBtn:active,
.Order_index_topRow #returnToPreviousBtn.active,
.Complaints_index_topRow #newOrderButton:active,
.Complaints_index_topRow #newOrderButton.active,
.Complaints_index_topRow #returnToPreviousBtn:active,
.Complaints_index_topRow #returnToPreviousBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.Order_index_topRow #newOrderButton.disabled,
.Order_index_topRow #newOrderButton[disabled],
fieldset[disabled] .Order_index_topRow #newOrderButton,
.Order_index_topRow #returnToPreviousBtn.disabled,
.Order_index_topRow #returnToPreviousBtn[disabled],
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn,
.Complaints_index_topRow #newOrderButton.disabled,
.Complaints_index_topRow #newOrderButton[disabled],
fieldset[disabled] .Complaints_index_topRow #newOrderButton,
.Complaints_index_topRow #returnToPreviousBtn.disabled,
.Complaints_index_topRow #returnToPreviousBtn[disabled],
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Order_index_topRow #newOrderButton:hover,
.Order_index_topRow #newOrderButton:focus,
.Order_index_topRow #newOrderButton:active,
.Order_index_topRow #newOrderButton.active,
.Order_index_topRow #returnToPreviousBtn:hover,
.Order_index_topRow #returnToPreviousBtn:focus,
.Order_index_topRow #returnToPreviousBtn:active,
.Order_index_topRow #returnToPreviousBtn.active,
.Complaints_index_topRow #newOrderButton:hover,
.Complaints_index_topRow #newOrderButton:focus,
.Complaints_index_topRow #newOrderButton:active,
.Complaints_index_topRow #newOrderButton.active,
.Complaints_index_topRow #returnToPreviousBtn:hover,
.Complaints_index_topRow #returnToPreviousBtn:focus,
.Complaints_index_topRow #returnToPreviousBtn:active,
.Complaints_index_topRow #returnToPreviousBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
.Order_index_topRow #newOrderButton.disabled,
.Order_index_topRow #newOrderButton.disabled:hover,
.Order_index_topRow #newOrderButton.disabled:focus,
.Order_index_topRow #newOrderButton.disabled:active,
.Order_index_topRow #newOrderButton.disabled.active,
.Order_index_topRow #newOrderButton[disabled],
.Order_index_topRow #newOrderButton[disabled]:hover,
.Order_index_topRow #newOrderButton[disabled]:focus,
.Order_index_topRow #newOrderButton[disabled]:active,
.Order_index_topRow #newOrderButton[disabled].active,
fieldset[disabled] .Order_index_topRow #newOrderButton,
fieldset[disabled] .Order_index_topRow #newOrderButton:hover,
fieldset[disabled] .Order_index_topRow #newOrderButton:focus,
fieldset[disabled] .Order_index_topRow #newOrderButton:active,
fieldset[disabled] .Order_index_topRow #newOrderButton.active,
.Order_index_topRow #returnToPreviousBtn.disabled,
.Order_index_topRow #returnToPreviousBtn.disabled:hover,
.Order_index_topRow #returnToPreviousBtn.disabled:focus,
.Order_index_topRow #returnToPreviousBtn.disabled:active,
.Order_index_topRow #returnToPreviousBtn.disabled.active,
.Order_index_topRow #returnToPreviousBtn[disabled],
.Order_index_topRow #returnToPreviousBtn[disabled]:hover,
.Order_index_topRow #returnToPreviousBtn[disabled]:focus,
.Order_index_topRow #returnToPreviousBtn[disabled]:active,
.Order_index_topRow #returnToPreviousBtn[disabled].active,
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn,
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn:hover,
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn:focus,
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn:active,
fieldset[disabled] .Order_index_topRow #returnToPreviousBtn.active,
.Complaints_index_topRow #newOrderButton.disabled,
.Complaints_index_topRow #newOrderButton.disabled:hover,
.Complaints_index_topRow #newOrderButton.disabled:focus,
.Complaints_index_topRow #newOrderButton.disabled:active,
.Complaints_index_topRow #newOrderButton.disabled.active,
.Complaints_index_topRow #newOrderButton[disabled],
.Complaints_index_topRow #newOrderButton[disabled]:hover,
.Complaints_index_topRow #newOrderButton[disabled]:focus,
.Complaints_index_topRow #newOrderButton[disabled]:active,
.Complaints_index_topRow #newOrderButton[disabled].active,
fieldset[disabled] .Complaints_index_topRow #newOrderButton,
fieldset[disabled] .Complaints_index_topRow #newOrderButton:hover,
fieldset[disabled] .Complaints_index_topRow #newOrderButton:focus,
fieldset[disabled] .Complaints_index_topRow #newOrderButton:active,
fieldset[disabled] .Complaints_index_topRow #newOrderButton.active,
.Complaints_index_topRow #returnToPreviousBtn.disabled,
.Complaints_index_topRow #returnToPreviousBtn.disabled:hover,
.Complaints_index_topRow #returnToPreviousBtn.disabled:focus,
.Complaints_index_topRow #returnToPreviousBtn.disabled:active,
.Complaints_index_topRow #returnToPreviousBtn.disabled.active,
.Complaints_index_topRow #returnToPreviousBtn[disabled],
.Complaints_index_topRow #returnToPreviousBtn[disabled]:hover,
.Complaints_index_topRow #returnToPreviousBtn[disabled]:focus,
.Complaints_index_topRow #returnToPreviousBtn[disabled]:active,
.Complaints_index_topRow #returnToPreviousBtn[disabled].active,
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn,
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn:hover,
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn:focus,
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn:active,
fieldset[disabled] .Complaints_index_topRow #returnToPreviousBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.Order_index_topRow #reportButton,
.Order_index_topRow #reportOldButton,
.Order_index_topRow #lostReportButton,
.Complaints_index_topRow #reportButton,
.Complaints_index_topRow #reportOldButton,
.Complaints_index_topRow #lostReportButton {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.Order_index_topRow #reportButton:focus,
.Order_index_topRow #reportOldButton:focus,
.Order_index_topRow #lostReportButton:focus,
.Complaints_index_topRow #reportButton:focus,
.Complaints_index_topRow #reportOldButton:focus,
.Complaints_index_topRow #lostReportButton:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.Order_index_topRow #reportButton:hover,
.Order_index_topRow #reportButton:focus,
.Order_index_topRow #reportOldButton:hover,
.Order_index_topRow #reportOldButton:focus,
.Order_index_topRow #lostReportButton:hover,
.Order_index_topRow #lostReportButton:focus,
.Complaints_index_topRow #reportButton:hover,
.Complaints_index_topRow #reportButton:focus,
.Complaints_index_topRow #reportOldButton:hover,
.Complaints_index_topRow #reportOldButton:focus,
.Complaints_index_topRow #lostReportButton:hover,
.Complaints_index_topRow #lostReportButton:focus {
  color: #333;
  text-decoration: none;
}
.Order_index_topRow #reportButton:active,
.Order_index_topRow #reportButton.active,
.Order_index_topRow #reportOldButton:active,
.Order_index_topRow #reportOldButton.active,
.Order_index_topRow #lostReportButton:active,
.Order_index_topRow #lostReportButton.active,
.Complaints_index_topRow #reportButton:active,
.Complaints_index_topRow #reportButton.active,
.Complaints_index_topRow #reportOldButton:active,
.Complaints_index_topRow #reportOldButton.active,
.Complaints_index_topRow #lostReportButton:active,
.Complaints_index_topRow #lostReportButton.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.Order_index_topRow #reportButton.disabled,
.Order_index_topRow #reportButton[disabled],
fieldset[disabled] .Order_index_topRow #reportButton,
.Order_index_topRow #reportOldButton.disabled,
.Order_index_topRow #reportOldButton[disabled],
fieldset[disabled] .Order_index_topRow #reportOldButton,
.Order_index_topRow #lostReportButton.disabled,
.Order_index_topRow #lostReportButton[disabled],
fieldset[disabled] .Order_index_topRow #lostReportButton,
.Complaints_index_topRow #reportButton.disabled,
.Complaints_index_topRow #reportButton[disabled],
fieldset[disabled] .Complaints_index_topRow #reportButton,
.Complaints_index_topRow #reportOldButton.disabled,
.Complaints_index_topRow #reportOldButton[disabled],
fieldset[disabled] .Complaints_index_topRow #reportOldButton,
.Complaints_index_topRow #lostReportButton.disabled,
.Complaints_index_topRow #lostReportButton[disabled],
fieldset[disabled] .Complaints_index_topRow #lostReportButton {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Order_index_topRow #reportButton:hover,
.Order_index_topRow #reportButton:focus,
.Order_index_topRow #reportButton:active,
.Order_index_topRow #reportButton.active,
.Order_index_topRow #reportOldButton:hover,
.Order_index_topRow #reportOldButton:focus,
.Order_index_topRow #reportOldButton:active,
.Order_index_topRow #reportOldButton.active,
.Order_index_topRow #lostReportButton:hover,
.Order_index_topRow #lostReportButton:focus,
.Order_index_topRow #lostReportButton:active,
.Order_index_topRow #lostReportButton.active,
.Complaints_index_topRow #reportButton:hover,
.Complaints_index_topRow #reportButton:focus,
.Complaints_index_topRow #reportButton:active,
.Complaints_index_topRow #reportButton.active,
.Complaints_index_topRow #reportOldButton:hover,
.Complaints_index_topRow #reportOldButton:focus,
.Complaints_index_topRow #reportOldButton:active,
.Complaints_index_topRow #reportOldButton.active,
.Complaints_index_topRow #lostReportButton:hover,
.Complaints_index_topRow #lostReportButton:focus,
.Complaints_index_topRow #lostReportButton:active,
.Complaints_index_topRow #lostReportButton.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.Order_index_topRow #reportButton.disabled,
.Order_index_topRow #reportButton.disabled:hover,
.Order_index_topRow #reportButton.disabled:focus,
.Order_index_topRow #reportButton.disabled:active,
.Order_index_topRow #reportButton.disabled.active,
.Order_index_topRow #reportButton[disabled],
.Order_index_topRow #reportButton[disabled]:hover,
.Order_index_topRow #reportButton[disabled]:focus,
.Order_index_topRow #reportButton[disabled]:active,
.Order_index_topRow #reportButton[disabled].active,
fieldset[disabled] .Order_index_topRow #reportButton,
fieldset[disabled] .Order_index_topRow #reportButton:hover,
fieldset[disabled] .Order_index_topRow #reportButton:focus,
fieldset[disabled] .Order_index_topRow #reportButton:active,
fieldset[disabled] .Order_index_topRow #reportButton.active,
.Order_index_topRow #reportOldButton.disabled,
.Order_index_topRow #reportOldButton.disabled:hover,
.Order_index_topRow #reportOldButton.disabled:focus,
.Order_index_topRow #reportOldButton.disabled:active,
.Order_index_topRow #reportOldButton.disabled.active,
.Order_index_topRow #reportOldButton[disabled],
.Order_index_topRow #reportOldButton[disabled]:hover,
.Order_index_topRow #reportOldButton[disabled]:focus,
.Order_index_topRow #reportOldButton[disabled]:active,
.Order_index_topRow #reportOldButton[disabled].active,
fieldset[disabled] .Order_index_topRow #reportOldButton,
fieldset[disabled] .Order_index_topRow #reportOldButton:hover,
fieldset[disabled] .Order_index_topRow #reportOldButton:focus,
fieldset[disabled] .Order_index_topRow #reportOldButton:active,
fieldset[disabled] .Order_index_topRow #reportOldButton.active,
.Order_index_topRow #lostReportButton.disabled,
.Order_index_topRow #lostReportButton.disabled:hover,
.Order_index_topRow #lostReportButton.disabled:focus,
.Order_index_topRow #lostReportButton.disabled:active,
.Order_index_topRow #lostReportButton.disabled.active,
.Order_index_topRow #lostReportButton[disabled],
.Order_index_topRow #lostReportButton[disabled]:hover,
.Order_index_topRow #lostReportButton[disabled]:focus,
.Order_index_topRow #lostReportButton[disabled]:active,
.Order_index_topRow #lostReportButton[disabled].active,
fieldset[disabled] .Order_index_topRow #lostReportButton,
fieldset[disabled] .Order_index_topRow #lostReportButton:hover,
fieldset[disabled] .Order_index_topRow #lostReportButton:focus,
fieldset[disabled] .Order_index_topRow #lostReportButton:active,
fieldset[disabled] .Order_index_topRow #lostReportButton.active,
.Complaints_index_topRow #reportButton.disabled,
.Complaints_index_topRow #reportButton.disabled:hover,
.Complaints_index_topRow #reportButton.disabled:focus,
.Complaints_index_topRow #reportButton.disabled:active,
.Complaints_index_topRow #reportButton.disabled.active,
.Complaints_index_topRow #reportButton[disabled],
.Complaints_index_topRow #reportButton[disabled]:hover,
.Complaints_index_topRow #reportButton[disabled]:focus,
.Complaints_index_topRow #reportButton[disabled]:active,
.Complaints_index_topRow #reportButton[disabled].active,
fieldset[disabled] .Complaints_index_topRow #reportButton,
fieldset[disabled] .Complaints_index_topRow #reportButton:hover,
fieldset[disabled] .Complaints_index_topRow #reportButton:focus,
fieldset[disabled] .Complaints_index_topRow #reportButton:active,
fieldset[disabled] .Complaints_index_topRow #reportButton.active,
.Complaints_index_topRow #reportOldButton.disabled,
.Complaints_index_topRow #reportOldButton.disabled:hover,
.Complaints_index_topRow #reportOldButton.disabled:focus,
.Complaints_index_topRow #reportOldButton.disabled:active,
.Complaints_index_topRow #reportOldButton.disabled.active,
.Complaints_index_topRow #reportOldButton[disabled],
.Complaints_index_topRow #reportOldButton[disabled]:hover,
.Complaints_index_topRow #reportOldButton[disabled]:focus,
.Complaints_index_topRow #reportOldButton[disabled]:active,
.Complaints_index_topRow #reportOldButton[disabled].active,
fieldset[disabled] .Complaints_index_topRow #reportOldButton,
fieldset[disabled] .Complaints_index_topRow #reportOldButton:hover,
fieldset[disabled] .Complaints_index_topRow #reportOldButton:focus,
fieldset[disabled] .Complaints_index_topRow #reportOldButton:active,
fieldset[disabled] .Complaints_index_topRow #reportOldButton.active,
.Complaints_index_topRow #lostReportButton.disabled,
.Complaints_index_topRow #lostReportButton.disabled:hover,
.Complaints_index_topRow #lostReportButton.disabled:focus,
.Complaints_index_topRow #lostReportButton.disabled:active,
.Complaints_index_topRow #lostReportButton.disabled.active,
.Complaints_index_topRow #lostReportButton[disabled],
.Complaints_index_topRow #lostReportButton[disabled]:hover,
.Complaints_index_topRow #lostReportButton[disabled]:focus,
.Complaints_index_topRow #lostReportButton[disabled]:active,
.Complaints_index_topRow #lostReportButton[disabled].active,
fieldset[disabled] .Complaints_index_topRow #lostReportButton,
fieldset[disabled] .Complaints_index_topRow #lostReportButton:hover,
fieldset[disabled] .Complaints_index_topRow #lostReportButton:focus,
fieldset[disabled] .Complaints_index_topRow #lostReportButton:active,
fieldset[disabled] .Complaints_index_topRow #lostReportButton.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.Order_index_topRow .rightButtonBar > *,
.Complaints_index_topRow .rightButtonBar > * {
  float: right;
  margin-left: 7px;
}
.userIndexTopDiv {
  padding-top: 20px;
  padding-bottom: 20px;
}
.userIndexTopDiv a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.userIndexTopDiv a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.userIndexTopDiv a:hover,
.userIndexTopDiv a:focus {
  color: #333;
  text-decoration: none;
}
.userIndexTopDiv a:active,
.userIndexTopDiv a.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.userIndexTopDiv a.disabled,
.userIndexTopDiv a[disabled],
fieldset[disabled] .userIndexTopDiv a {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.userIndexTopDiv a:hover,
.userIndexTopDiv a:focus,
.userIndexTopDiv a:active,
.userIndexTopDiv a.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.userIndexTopDiv a.disabled,
.userIndexTopDiv a.disabled:hover,
.userIndexTopDiv a.disabled:focus,
.userIndexTopDiv a.disabled:active,
.userIndexTopDiv a.disabled.active,
.userIndexTopDiv a[disabled],
.userIndexTopDiv a[disabled]:hover,
.userIndexTopDiv a[disabled]:focus,
.userIndexTopDiv a[disabled]:active,
.userIndexTopDiv a[disabled].active,
fieldset[disabled] .userIndexTopDiv a,
fieldset[disabled] .userIndexTopDiv a:hover,
fieldset[disabled] .userIndexTopDiv a:focus,
fieldset[disabled] .userIndexTopDiv a:active,
fieldset[disabled] .userIndexTopDiv a.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.userIndexTable,
.projektiIndexTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.userIndexTable thead > tr > th,
.userIndexTable thead > tr > td,
.userIndexTable tbody > tr > th,
.userIndexTable tbody > tr > td,
.userIndexTable tfoot > tr > th,
.userIndexTable tfoot > tr > td,
.projektiIndexTable thead > tr > th,
.projektiIndexTable thead > tr > td,
.projektiIndexTable tbody > tr > th,
.projektiIndexTable tbody > tr > td,
.projektiIndexTable tfoot > tr > th,
.projektiIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.userIndexTable thead > tr > th,
.projektiIndexTable thead > tr > th {
  vertical-align: bottom;
}
.userIndexTable caption + thead tr:first-child th,
.userIndexTable caption + thead tr:first-child td,
.userIndexTable colgroup + thead tr:first-child th,
.userIndexTable colgroup + thead tr:first-child td,
.userIndexTable thead:first-child tr:first-child th,
.userIndexTable thead:first-child tr:first-child td,
.projektiIndexTable caption + thead tr:first-child th,
.projektiIndexTable caption + thead tr:first-child td,
.projektiIndexTable colgroup + thead tr:first-child th,
.projektiIndexTable colgroup + thead tr:first-child td,
.projektiIndexTable thead:first-child tr:first-child th,
.projektiIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.userIndexTable tbody + tbody,
.projektiIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.userIndexTable .table,
.projektiIndexTable .table {
  background-color: #fff;
}
.userIndexTable thead > tr > th,
.userIndexTable thead > tr > td,
.userIndexTable tbody > tr > th,
.userIndexTable tbody > tr > td,
.userIndexTable tfoot > tr > th,
.userIndexTable tfoot > tr > td,
.projektiIndexTable thead > tr > th,
.projektiIndexTable thead > tr > td,
.projektiIndexTable tbody > tr > th,
.projektiIndexTable tbody > tr > td,
.projektiIndexTable tfoot > tr > th,
.projektiIndexTable tfoot > tr > td {
  padding: 5px;
}
.userIndexTable > tbody > tr:hover > td,
.userIndexTable > tbody > tr:hover > th,
.projektiIndexTable > tbody > tr:hover > td,
.projektiIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.userIndexTable > tbody > tr:nth-child(odd) > td,
.userIndexTable > tbody > tr:nth-child(odd) > th,
.projektiIndexTable > tbody > tr:nth-child(odd) > td,
.projektiIndexTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.userIndexTable > thead > tr > th,
.userIndexTable > thead > tr > td,
.userIndexTable > tbody > tr > th,
.userIndexTable > tbody > tr > td,
.userIndexTable > tfoot > tr > th,
.userIndexTable > tfoot > tr > td,
.projektiIndexTable > thead > tr > th,
.projektiIndexTable > thead > tr > td,
.projektiIndexTable > tbody > tr > th,
.projektiIndexTable > tbody > tr > td,
.projektiIndexTable > tfoot > tr > th,
.projektiIndexTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.userIndexTable .SubProviderContactDetail_td,
.projektiIndexTable .SubProviderContactDetail_td {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}
.userIndexTable .showUserBtn,
.userIndexTable .editUserBtn,
.userIndexTable .copyUserBtn,
.userIndexTable .lockUserBtn,
.userIndexTable .deleteUserBtn,
.projektiIndexTable .showUserBtn,
.projektiIndexTable .editUserBtn,
.projektiIndexTable .copyUserBtn,
.projektiIndexTable .lockUserBtn,
.projektiIndexTable .deleteUserBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.userIndexTable .showUserBtn:focus,
.userIndexTable .editUserBtn:focus,
.userIndexTable .copyUserBtn:focus,
.userIndexTable .lockUserBtn:focus,
.userIndexTable .deleteUserBtn:focus,
.projektiIndexTable .showUserBtn:focus,
.projektiIndexTable .editUserBtn:focus,
.projektiIndexTable .copyUserBtn:focus,
.projektiIndexTable .lockUserBtn:focus,
.projektiIndexTable .deleteUserBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.userIndexTable .showUserBtn:hover,
.userIndexTable .showUserBtn:focus,
.userIndexTable .editUserBtn:hover,
.userIndexTable .editUserBtn:focus,
.userIndexTable .copyUserBtn:hover,
.userIndexTable .copyUserBtn:focus,
.userIndexTable .lockUserBtn:hover,
.userIndexTable .lockUserBtn:focus,
.userIndexTable .deleteUserBtn:hover,
.userIndexTable .deleteUserBtn:focus,
.projektiIndexTable .showUserBtn:hover,
.projektiIndexTable .showUserBtn:focus,
.projektiIndexTable .editUserBtn:hover,
.projektiIndexTable .editUserBtn:focus,
.projektiIndexTable .copyUserBtn:hover,
.projektiIndexTable .copyUserBtn:focus,
.projektiIndexTable .lockUserBtn:hover,
.projektiIndexTable .lockUserBtn:focus,
.projektiIndexTable .deleteUserBtn:hover,
.projektiIndexTable .deleteUserBtn:focus {
  color: #333;
  text-decoration: none;
}
.userIndexTable .showUserBtn:active,
.userIndexTable .showUserBtn.active,
.userIndexTable .editUserBtn:active,
.userIndexTable .editUserBtn.active,
.userIndexTable .copyUserBtn:active,
.userIndexTable .copyUserBtn.active,
.userIndexTable .lockUserBtn:active,
.userIndexTable .lockUserBtn.active,
.userIndexTable .deleteUserBtn:active,
.userIndexTable .deleteUserBtn.active,
.projektiIndexTable .showUserBtn:active,
.projektiIndexTable .showUserBtn.active,
.projektiIndexTable .editUserBtn:active,
.projektiIndexTable .editUserBtn.active,
.projektiIndexTable .copyUserBtn:active,
.projektiIndexTable .copyUserBtn.active,
.projektiIndexTable .lockUserBtn:active,
.projektiIndexTable .lockUserBtn.active,
.projektiIndexTable .deleteUserBtn:active,
.projektiIndexTable .deleteUserBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.userIndexTable .showUserBtn.disabled,
.userIndexTable .showUserBtn[disabled],
fieldset[disabled] .userIndexTable .showUserBtn,
.userIndexTable .editUserBtn.disabled,
.userIndexTable .editUserBtn[disabled],
fieldset[disabled] .userIndexTable .editUserBtn,
.userIndexTable .copyUserBtn.disabled,
.userIndexTable .copyUserBtn[disabled],
fieldset[disabled] .userIndexTable .copyUserBtn,
.userIndexTable .lockUserBtn.disabled,
.userIndexTable .lockUserBtn[disabled],
fieldset[disabled] .userIndexTable .lockUserBtn,
.userIndexTable .deleteUserBtn.disabled,
.userIndexTable .deleteUserBtn[disabled],
fieldset[disabled] .userIndexTable .deleteUserBtn,
.projektiIndexTable .showUserBtn.disabled,
.projektiIndexTable .showUserBtn[disabled],
fieldset[disabled] .projektiIndexTable .showUserBtn,
.projektiIndexTable .editUserBtn.disabled,
.projektiIndexTable .editUserBtn[disabled],
fieldset[disabled] .projektiIndexTable .editUserBtn,
.projektiIndexTable .copyUserBtn.disabled,
.projektiIndexTable .copyUserBtn[disabled],
fieldset[disabled] .projektiIndexTable .copyUserBtn,
.projektiIndexTable .lockUserBtn.disabled,
.projektiIndexTable .lockUserBtn[disabled],
fieldset[disabled] .projektiIndexTable .lockUserBtn,
.projektiIndexTable .deleteUserBtn.disabled,
.projektiIndexTable .deleteUserBtn[disabled],
fieldset[disabled] .projektiIndexTable .deleteUserBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.userIndexTable .showUserBtn:hover,
.userIndexTable .showUserBtn:focus,
.userIndexTable .showUserBtn:active,
.userIndexTable .showUserBtn.active,
.userIndexTable .editUserBtn:hover,
.userIndexTable .editUserBtn:focus,
.userIndexTable .editUserBtn:active,
.userIndexTable .editUserBtn.active,
.userIndexTable .copyUserBtn:hover,
.userIndexTable .copyUserBtn:focus,
.userIndexTable .copyUserBtn:active,
.userIndexTable .copyUserBtn.active,
.userIndexTable .lockUserBtn:hover,
.userIndexTable .lockUserBtn:focus,
.userIndexTable .lockUserBtn:active,
.userIndexTable .lockUserBtn.active,
.userIndexTable .deleteUserBtn:hover,
.userIndexTable .deleteUserBtn:focus,
.userIndexTable .deleteUserBtn:active,
.userIndexTable .deleteUserBtn.active,
.projektiIndexTable .showUserBtn:hover,
.projektiIndexTable .showUserBtn:focus,
.projektiIndexTable .showUserBtn:active,
.projektiIndexTable .showUserBtn.active,
.projektiIndexTable .editUserBtn:hover,
.projektiIndexTable .editUserBtn:focus,
.projektiIndexTable .editUserBtn:active,
.projektiIndexTable .editUserBtn.active,
.projektiIndexTable .copyUserBtn:hover,
.projektiIndexTable .copyUserBtn:focus,
.projektiIndexTable .copyUserBtn:active,
.projektiIndexTable .copyUserBtn.active,
.projektiIndexTable .lockUserBtn:hover,
.projektiIndexTable .lockUserBtn:focus,
.projektiIndexTable .lockUserBtn:active,
.projektiIndexTable .lockUserBtn.active,
.projektiIndexTable .deleteUserBtn:hover,
.projektiIndexTable .deleteUserBtn:focus,
.projektiIndexTable .deleteUserBtn:active,
.projektiIndexTable .deleteUserBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.userIndexTable .showUserBtn.disabled,
.userIndexTable .showUserBtn.disabled:hover,
.userIndexTable .showUserBtn.disabled:focus,
.userIndexTable .showUserBtn.disabled:active,
.userIndexTable .showUserBtn.disabled.active,
.userIndexTable .showUserBtn[disabled],
.userIndexTable .showUserBtn[disabled]:hover,
.userIndexTable .showUserBtn[disabled]:focus,
.userIndexTable .showUserBtn[disabled]:active,
.userIndexTable .showUserBtn[disabled].active,
fieldset[disabled] .userIndexTable .showUserBtn,
fieldset[disabled] .userIndexTable .showUserBtn:hover,
fieldset[disabled] .userIndexTable .showUserBtn:focus,
fieldset[disabled] .userIndexTable .showUserBtn:active,
fieldset[disabled] .userIndexTable .showUserBtn.active,
.userIndexTable .editUserBtn.disabled,
.userIndexTable .editUserBtn.disabled:hover,
.userIndexTable .editUserBtn.disabled:focus,
.userIndexTable .editUserBtn.disabled:active,
.userIndexTable .editUserBtn.disabled.active,
.userIndexTable .editUserBtn[disabled],
.userIndexTable .editUserBtn[disabled]:hover,
.userIndexTable .editUserBtn[disabled]:focus,
.userIndexTable .editUserBtn[disabled]:active,
.userIndexTable .editUserBtn[disabled].active,
fieldset[disabled] .userIndexTable .editUserBtn,
fieldset[disabled] .userIndexTable .editUserBtn:hover,
fieldset[disabled] .userIndexTable .editUserBtn:focus,
fieldset[disabled] .userIndexTable .editUserBtn:active,
fieldset[disabled] .userIndexTable .editUserBtn.active,
.userIndexTable .copyUserBtn.disabled,
.userIndexTable .copyUserBtn.disabled:hover,
.userIndexTable .copyUserBtn.disabled:focus,
.userIndexTable .copyUserBtn.disabled:active,
.userIndexTable .copyUserBtn.disabled.active,
.userIndexTable .copyUserBtn[disabled],
.userIndexTable .copyUserBtn[disabled]:hover,
.userIndexTable .copyUserBtn[disabled]:focus,
.userIndexTable .copyUserBtn[disabled]:active,
.userIndexTable .copyUserBtn[disabled].active,
fieldset[disabled] .userIndexTable .copyUserBtn,
fieldset[disabled] .userIndexTable .copyUserBtn:hover,
fieldset[disabled] .userIndexTable .copyUserBtn:focus,
fieldset[disabled] .userIndexTable .copyUserBtn:active,
fieldset[disabled] .userIndexTable .copyUserBtn.active,
.userIndexTable .lockUserBtn.disabled,
.userIndexTable .lockUserBtn.disabled:hover,
.userIndexTable .lockUserBtn.disabled:focus,
.userIndexTable .lockUserBtn.disabled:active,
.userIndexTable .lockUserBtn.disabled.active,
.userIndexTable .lockUserBtn[disabled],
.userIndexTable .lockUserBtn[disabled]:hover,
.userIndexTable .lockUserBtn[disabled]:focus,
.userIndexTable .lockUserBtn[disabled]:active,
.userIndexTable .lockUserBtn[disabled].active,
fieldset[disabled] .userIndexTable .lockUserBtn,
fieldset[disabled] .userIndexTable .lockUserBtn:hover,
fieldset[disabled] .userIndexTable .lockUserBtn:focus,
fieldset[disabled] .userIndexTable .lockUserBtn:active,
fieldset[disabled] .userIndexTable .lockUserBtn.active,
.userIndexTable .deleteUserBtn.disabled,
.userIndexTable .deleteUserBtn.disabled:hover,
.userIndexTable .deleteUserBtn.disabled:focus,
.userIndexTable .deleteUserBtn.disabled:active,
.userIndexTable .deleteUserBtn.disabled.active,
.userIndexTable .deleteUserBtn[disabled],
.userIndexTable .deleteUserBtn[disabled]:hover,
.userIndexTable .deleteUserBtn[disabled]:focus,
.userIndexTable .deleteUserBtn[disabled]:active,
.userIndexTable .deleteUserBtn[disabled].active,
fieldset[disabled] .userIndexTable .deleteUserBtn,
fieldset[disabled] .userIndexTable .deleteUserBtn:hover,
fieldset[disabled] .userIndexTable .deleteUserBtn:focus,
fieldset[disabled] .userIndexTable .deleteUserBtn:active,
fieldset[disabled] .userIndexTable .deleteUserBtn.active,
.projektiIndexTable .showUserBtn.disabled,
.projektiIndexTable .showUserBtn.disabled:hover,
.projektiIndexTable .showUserBtn.disabled:focus,
.projektiIndexTable .showUserBtn.disabled:active,
.projektiIndexTable .showUserBtn.disabled.active,
.projektiIndexTable .showUserBtn[disabled],
.projektiIndexTable .showUserBtn[disabled]:hover,
.projektiIndexTable .showUserBtn[disabled]:focus,
.projektiIndexTable .showUserBtn[disabled]:active,
.projektiIndexTable .showUserBtn[disabled].active,
fieldset[disabled] .projektiIndexTable .showUserBtn,
fieldset[disabled] .projektiIndexTable .showUserBtn:hover,
fieldset[disabled] .projektiIndexTable .showUserBtn:focus,
fieldset[disabled] .projektiIndexTable .showUserBtn:active,
fieldset[disabled] .projektiIndexTable .showUserBtn.active,
.projektiIndexTable .editUserBtn.disabled,
.projektiIndexTable .editUserBtn.disabled:hover,
.projektiIndexTable .editUserBtn.disabled:focus,
.projektiIndexTable .editUserBtn.disabled:active,
.projektiIndexTable .editUserBtn.disabled.active,
.projektiIndexTable .editUserBtn[disabled],
.projektiIndexTable .editUserBtn[disabled]:hover,
.projektiIndexTable .editUserBtn[disabled]:focus,
.projektiIndexTable .editUserBtn[disabled]:active,
.projektiIndexTable .editUserBtn[disabled].active,
fieldset[disabled] .projektiIndexTable .editUserBtn,
fieldset[disabled] .projektiIndexTable .editUserBtn:hover,
fieldset[disabled] .projektiIndexTable .editUserBtn:focus,
fieldset[disabled] .projektiIndexTable .editUserBtn:active,
fieldset[disabled] .projektiIndexTable .editUserBtn.active,
.projektiIndexTable .copyUserBtn.disabled,
.projektiIndexTable .copyUserBtn.disabled:hover,
.projektiIndexTable .copyUserBtn.disabled:focus,
.projektiIndexTable .copyUserBtn.disabled:active,
.projektiIndexTable .copyUserBtn.disabled.active,
.projektiIndexTable .copyUserBtn[disabled],
.projektiIndexTable .copyUserBtn[disabled]:hover,
.projektiIndexTable .copyUserBtn[disabled]:focus,
.projektiIndexTable .copyUserBtn[disabled]:active,
.projektiIndexTable .copyUserBtn[disabled].active,
fieldset[disabled] .projektiIndexTable .copyUserBtn,
fieldset[disabled] .projektiIndexTable .copyUserBtn:hover,
fieldset[disabled] .projektiIndexTable .copyUserBtn:focus,
fieldset[disabled] .projektiIndexTable .copyUserBtn:active,
fieldset[disabled] .projektiIndexTable .copyUserBtn.active,
.projektiIndexTable .lockUserBtn.disabled,
.projektiIndexTable .lockUserBtn.disabled:hover,
.projektiIndexTable .lockUserBtn.disabled:focus,
.projektiIndexTable .lockUserBtn.disabled:active,
.projektiIndexTable .lockUserBtn.disabled.active,
.projektiIndexTable .lockUserBtn[disabled],
.projektiIndexTable .lockUserBtn[disabled]:hover,
.projektiIndexTable .lockUserBtn[disabled]:focus,
.projektiIndexTable .lockUserBtn[disabled]:active,
.projektiIndexTable .lockUserBtn[disabled].active,
fieldset[disabled] .projektiIndexTable .lockUserBtn,
fieldset[disabled] .projektiIndexTable .lockUserBtn:hover,
fieldset[disabled] .projektiIndexTable .lockUserBtn:focus,
fieldset[disabled] .projektiIndexTable .lockUserBtn:active,
fieldset[disabled] .projektiIndexTable .lockUserBtn.active,
.projektiIndexTable .deleteUserBtn.disabled,
.projektiIndexTable .deleteUserBtn.disabled:hover,
.projektiIndexTable .deleteUserBtn.disabled:focus,
.projektiIndexTable .deleteUserBtn.disabled:active,
.projektiIndexTable .deleteUserBtn.disabled.active,
.projektiIndexTable .deleteUserBtn[disabled],
.projektiIndexTable .deleteUserBtn[disabled]:hover,
.projektiIndexTable .deleteUserBtn[disabled]:focus,
.projektiIndexTable .deleteUserBtn[disabled]:active,
.projektiIndexTable .deleteUserBtn[disabled].active,
fieldset[disabled] .projektiIndexTable .deleteUserBtn,
fieldset[disabled] .projektiIndexTable .deleteUserBtn:hover,
fieldset[disabled] .projektiIndexTable .deleteUserBtn:focus,
fieldset[disabled] .projektiIndexTable .deleteUserBtn:active,
fieldset[disabled] .projektiIndexTable .deleteUserBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.userIndexTable td.buttonTd,
.projektiIndexTable td.buttonTd {
  padding: 3px 3px 3px 3px;
}
.campaignIndexTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.campaignIndexTable thead > tr > th,
.campaignIndexTable thead > tr > td,
.campaignIndexTable tbody > tr > th,
.campaignIndexTable tbody > tr > td,
.campaignIndexTable tfoot > tr > th,
.campaignIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.campaignIndexTable thead > tr > th {
  vertical-align: bottom;
}
.campaignIndexTable caption + thead tr:first-child th,
.campaignIndexTable caption + thead tr:first-child td,
.campaignIndexTable colgroup + thead tr:first-child th,
.campaignIndexTable colgroup + thead tr:first-child td,
.campaignIndexTable thead:first-child tr:first-child th,
.campaignIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.campaignIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.campaignIndexTable .table {
  background-color: #fff;
}
.campaignIndexTable thead > tr > th,
.campaignIndexTable thead > tr > td,
.campaignIndexTable tbody > tr > th,
.campaignIndexTable tbody > tr > td,
.campaignIndexTable tfoot > tr > th,
.campaignIndexTable tfoot > tr > td {
  padding: 5px;
}
.campaignIndexTable > tbody > tr:hover > td,
.campaignIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.campaignIndexTable > thead > tr > th,
.campaignIndexTable > thead > tr > td,
.campaignIndexTable > tbody > tr > th,
.campaignIndexTable > tbody > tr > td,
.campaignIndexTable > tfoot > tr > th,
.campaignIndexTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.campaignIndexTable .SubProviderContactDetail_td {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}
.campaignIndexTable .showUserBtn,
.campaignIndexTable .editUserBtn,
.campaignIndexTable .copyUserBtn,
.campaignIndexTable .lockUserBtn,
.campaignIndexTable .deleteUserBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.campaignIndexTable .showUserBtn:focus,
.campaignIndexTable .editUserBtn:focus,
.campaignIndexTable .copyUserBtn:focus,
.campaignIndexTable .lockUserBtn:focus,
.campaignIndexTable .deleteUserBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.campaignIndexTable .showUserBtn:hover,
.campaignIndexTable .showUserBtn:focus,
.campaignIndexTable .editUserBtn:hover,
.campaignIndexTable .editUserBtn:focus,
.campaignIndexTable .copyUserBtn:hover,
.campaignIndexTable .copyUserBtn:focus,
.campaignIndexTable .lockUserBtn:hover,
.campaignIndexTable .lockUserBtn:focus,
.campaignIndexTable .deleteUserBtn:hover,
.campaignIndexTable .deleteUserBtn:focus {
  color: #333;
  text-decoration: none;
}
.campaignIndexTable .showUserBtn:active,
.campaignIndexTable .showUserBtn.active,
.campaignIndexTable .editUserBtn:active,
.campaignIndexTable .editUserBtn.active,
.campaignIndexTable .copyUserBtn:active,
.campaignIndexTable .copyUserBtn.active,
.campaignIndexTable .lockUserBtn:active,
.campaignIndexTable .lockUserBtn.active,
.campaignIndexTable .deleteUserBtn:active,
.campaignIndexTable .deleteUserBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.campaignIndexTable .showUserBtn.disabled,
.campaignIndexTable .showUserBtn[disabled],
fieldset[disabled] .campaignIndexTable .showUserBtn,
.campaignIndexTable .editUserBtn.disabled,
.campaignIndexTable .editUserBtn[disabled],
fieldset[disabled] .campaignIndexTable .editUserBtn,
.campaignIndexTable .copyUserBtn.disabled,
.campaignIndexTable .copyUserBtn[disabled],
fieldset[disabled] .campaignIndexTable .copyUserBtn,
.campaignIndexTable .lockUserBtn.disabled,
.campaignIndexTable .lockUserBtn[disabled],
fieldset[disabled] .campaignIndexTable .lockUserBtn,
.campaignIndexTable .deleteUserBtn.disabled,
.campaignIndexTable .deleteUserBtn[disabled],
fieldset[disabled] .campaignIndexTable .deleteUserBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaignIndexTable .showUserBtn:hover,
.campaignIndexTable .showUserBtn:focus,
.campaignIndexTable .showUserBtn:active,
.campaignIndexTable .showUserBtn.active,
.campaignIndexTable .editUserBtn:hover,
.campaignIndexTable .editUserBtn:focus,
.campaignIndexTable .editUserBtn:active,
.campaignIndexTable .editUserBtn.active,
.campaignIndexTable .copyUserBtn:hover,
.campaignIndexTable .copyUserBtn:focus,
.campaignIndexTable .copyUserBtn:active,
.campaignIndexTable .copyUserBtn.active,
.campaignIndexTable .lockUserBtn:hover,
.campaignIndexTable .lockUserBtn:focus,
.campaignIndexTable .lockUserBtn:active,
.campaignIndexTable .lockUserBtn.active,
.campaignIndexTable .deleteUserBtn:hover,
.campaignIndexTable .deleteUserBtn:focus,
.campaignIndexTable .deleteUserBtn:active,
.campaignIndexTable .deleteUserBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.campaignIndexTable .showUserBtn.disabled,
.campaignIndexTable .showUserBtn.disabled:hover,
.campaignIndexTable .showUserBtn.disabled:focus,
.campaignIndexTable .showUserBtn.disabled:active,
.campaignIndexTable .showUserBtn.disabled.active,
.campaignIndexTable .showUserBtn[disabled],
.campaignIndexTable .showUserBtn[disabled]:hover,
.campaignIndexTable .showUserBtn[disabled]:focus,
.campaignIndexTable .showUserBtn[disabled]:active,
.campaignIndexTable .showUserBtn[disabled].active,
fieldset[disabled] .campaignIndexTable .showUserBtn,
fieldset[disabled] .campaignIndexTable .showUserBtn:hover,
fieldset[disabled] .campaignIndexTable .showUserBtn:focus,
fieldset[disabled] .campaignIndexTable .showUserBtn:active,
fieldset[disabled] .campaignIndexTable .showUserBtn.active,
.campaignIndexTable .editUserBtn.disabled,
.campaignIndexTable .editUserBtn.disabled:hover,
.campaignIndexTable .editUserBtn.disabled:focus,
.campaignIndexTable .editUserBtn.disabled:active,
.campaignIndexTable .editUserBtn.disabled.active,
.campaignIndexTable .editUserBtn[disabled],
.campaignIndexTable .editUserBtn[disabled]:hover,
.campaignIndexTable .editUserBtn[disabled]:focus,
.campaignIndexTable .editUserBtn[disabled]:active,
.campaignIndexTable .editUserBtn[disabled].active,
fieldset[disabled] .campaignIndexTable .editUserBtn,
fieldset[disabled] .campaignIndexTable .editUserBtn:hover,
fieldset[disabled] .campaignIndexTable .editUserBtn:focus,
fieldset[disabled] .campaignIndexTable .editUserBtn:active,
fieldset[disabled] .campaignIndexTable .editUserBtn.active,
.campaignIndexTable .copyUserBtn.disabled,
.campaignIndexTable .copyUserBtn.disabled:hover,
.campaignIndexTable .copyUserBtn.disabled:focus,
.campaignIndexTable .copyUserBtn.disabled:active,
.campaignIndexTable .copyUserBtn.disabled.active,
.campaignIndexTable .copyUserBtn[disabled],
.campaignIndexTable .copyUserBtn[disabled]:hover,
.campaignIndexTable .copyUserBtn[disabled]:focus,
.campaignIndexTable .copyUserBtn[disabled]:active,
.campaignIndexTable .copyUserBtn[disabled].active,
fieldset[disabled] .campaignIndexTable .copyUserBtn,
fieldset[disabled] .campaignIndexTable .copyUserBtn:hover,
fieldset[disabled] .campaignIndexTable .copyUserBtn:focus,
fieldset[disabled] .campaignIndexTable .copyUserBtn:active,
fieldset[disabled] .campaignIndexTable .copyUserBtn.active,
.campaignIndexTable .lockUserBtn.disabled,
.campaignIndexTable .lockUserBtn.disabled:hover,
.campaignIndexTable .lockUserBtn.disabled:focus,
.campaignIndexTable .lockUserBtn.disabled:active,
.campaignIndexTable .lockUserBtn.disabled.active,
.campaignIndexTable .lockUserBtn[disabled],
.campaignIndexTable .lockUserBtn[disabled]:hover,
.campaignIndexTable .lockUserBtn[disabled]:focus,
.campaignIndexTable .lockUserBtn[disabled]:active,
.campaignIndexTable .lockUserBtn[disabled].active,
fieldset[disabled] .campaignIndexTable .lockUserBtn,
fieldset[disabled] .campaignIndexTable .lockUserBtn:hover,
fieldset[disabled] .campaignIndexTable .lockUserBtn:focus,
fieldset[disabled] .campaignIndexTable .lockUserBtn:active,
fieldset[disabled] .campaignIndexTable .lockUserBtn.active,
.campaignIndexTable .deleteUserBtn.disabled,
.campaignIndexTable .deleteUserBtn.disabled:hover,
.campaignIndexTable .deleteUserBtn.disabled:focus,
.campaignIndexTable .deleteUserBtn.disabled:active,
.campaignIndexTable .deleteUserBtn.disabled.active,
.campaignIndexTable .deleteUserBtn[disabled],
.campaignIndexTable .deleteUserBtn[disabled]:hover,
.campaignIndexTable .deleteUserBtn[disabled]:focus,
.campaignIndexTable .deleteUserBtn[disabled]:active,
.campaignIndexTable .deleteUserBtn[disabled].active,
fieldset[disabled] .campaignIndexTable .deleteUserBtn,
fieldset[disabled] .campaignIndexTable .deleteUserBtn:hover,
fieldset[disabled] .campaignIndexTable .deleteUserBtn:focus,
fieldset[disabled] .campaignIndexTable .deleteUserBtn:active,
fieldset[disabled] .campaignIndexTable .deleteUserBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.campaignIndexTable td.buttonTd {
  padding: 3px 3px 3px 3px;
}
.campaignIndexTable .disabledRow td {
  color: #aaa;
  background: #f7f7f7;
}
.newTitleH2,
.newTitleH2X {
  padding-top: 2px;
  padding-bottom: 2px;
  font-size: 19px;
  color: #454545;
}
.newTextData {
  font-size: calc(3.7vmin);
  color: #a6a6a6;
}
.newsIndexTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.newsIndexTable thead > tr > th,
.newsIndexTable thead > tr > td,
.newsIndexTable tbody > tr > th,
.newsIndexTable tbody > tr > td,
.newsIndexTable tfoot > tr > th,
.newsIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.newsIndexTable thead > tr > th {
  vertical-align: bottom;
}
.newsIndexTable caption + thead tr:first-child th,
.newsIndexTable caption + thead tr:first-child td,
.newsIndexTable colgroup + thead tr:first-child th,
.newsIndexTable colgroup + thead tr:first-child td,
.newsIndexTable thead:first-child tr:first-child th,
.newsIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.newsIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.newsIndexTable .table {
  background-color: #fff;
}
.newsIndexTable thead > tr > th,
.newsIndexTable thead > tr > td,
.newsIndexTable tbody > tr > th,
.newsIndexTable tbody > tr > td,
.newsIndexTable tfoot > tr > th,
.newsIndexTable tfoot > tr > td {
  padding: 5px;
}
.newsIndexTable > tbody > tr:hover > td,
.newsIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.newsIndexTable > thead > tr > th,
.newsIndexTable > thead > tr > td,
.newsIndexTable > tbody > tr > th,
.newsIndexTable > tbody > tr > td,
.newsIndexTable > tfoot > tr > th,
.newsIndexTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.newsIndexTable .SubProviderContactDetail_td {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}
.newsIndexTable .showUserBtn,
.newsIndexTable .editUserBtn,
.newsIndexTable .copyUserBtn,
.newsIndexTable .lockUserBtn,
.newsIndexTable .deleteUserBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.newsIndexTable .showUserBtn:focus,
.newsIndexTable .editUserBtn:focus,
.newsIndexTable .copyUserBtn:focus,
.newsIndexTable .lockUserBtn:focus,
.newsIndexTable .deleteUserBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.newsIndexTable .showUserBtn:hover,
.newsIndexTable .showUserBtn:focus,
.newsIndexTable .editUserBtn:hover,
.newsIndexTable .editUserBtn:focus,
.newsIndexTable .copyUserBtn:hover,
.newsIndexTable .copyUserBtn:focus,
.newsIndexTable .lockUserBtn:hover,
.newsIndexTable .lockUserBtn:focus,
.newsIndexTable .deleteUserBtn:hover,
.newsIndexTable .deleteUserBtn:focus {
  color: #333;
  text-decoration: none;
}
.newsIndexTable .showUserBtn:active,
.newsIndexTable .showUserBtn.active,
.newsIndexTable .editUserBtn:active,
.newsIndexTable .editUserBtn.active,
.newsIndexTable .copyUserBtn:active,
.newsIndexTable .copyUserBtn.active,
.newsIndexTable .lockUserBtn:active,
.newsIndexTable .lockUserBtn.active,
.newsIndexTable .deleteUserBtn:active,
.newsIndexTable .deleteUserBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.newsIndexTable .showUserBtn.disabled,
.newsIndexTable .showUserBtn[disabled],
fieldset[disabled] .newsIndexTable .showUserBtn,
.newsIndexTable .editUserBtn.disabled,
.newsIndexTable .editUserBtn[disabled],
fieldset[disabled] .newsIndexTable .editUserBtn,
.newsIndexTable .copyUserBtn.disabled,
.newsIndexTable .copyUserBtn[disabled],
fieldset[disabled] .newsIndexTable .copyUserBtn,
.newsIndexTable .lockUserBtn.disabled,
.newsIndexTable .lockUserBtn[disabled],
fieldset[disabled] .newsIndexTable .lockUserBtn,
.newsIndexTable .deleteUserBtn.disabled,
.newsIndexTable .deleteUserBtn[disabled],
fieldset[disabled] .newsIndexTable .deleteUserBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.newsIndexTable .showUserBtn:hover,
.newsIndexTable .showUserBtn:focus,
.newsIndexTable .showUserBtn:active,
.newsIndexTable .showUserBtn.active,
.newsIndexTable .editUserBtn:hover,
.newsIndexTable .editUserBtn:focus,
.newsIndexTable .editUserBtn:active,
.newsIndexTable .editUserBtn.active,
.newsIndexTable .copyUserBtn:hover,
.newsIndexTable .copyUserBtn:focus,
.newsIndexTable .copyUserBtn:active,
.newsIndexTable .copyUserBtn.active,
.newsIndexTable .lockUserBtn:hover,
.newsIndexTable .lockUserBtn:focus,
.newsIndexTable .lockUserBtn:active,
.newsIndexTable .lockUserBtn.active,
.newsIndexTable .deleteUserBtn:hover,
.newsIndexTable .deleteUserBtn:focus,
.newsIndexTable .deleteUserBtn:active,
.newsIndexTable .deleteUserBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.newsIndexTable .showUserBtn.disabled,
.newsIndexTable .showUserBtn.disabled:hover,
.newsIndexTable .showUserBtn.disabled:focus,
.newsIndexTable .showUserBtn.disabled:active,
.newsIndexTable .showUserBtn.disabled.active,
.newsIndexTable .showUserBtn[disabled],
.newsIndexTable .showUserBtn[disabled]:hover,
.newsIndexTable .showUserBtn[disabled]:focus,
.newsIndexTable .showUserBtn[disabled]:active,
.newsIndexTable .showUserBtn[disabled].active,
fieldset[disabled] .newsIndexTable .showUserBtn,
fieldset[disabled] .newsIndexTable .showUserBtn:hover,
fieldset[disabled] .newsIndexTable .showUserBtn:focus,
fieldset[disabled] .newsIndexTable .showUserBtn:active,
fieldset[disabled] .newsIndexTable .showUserBtn.active,
.newsIndexTable .editUserBtn.disabled,
.newsIndexTable .editUserBtn.disabled:hover,
.newsIndexTable .editUserBtn.disabled:focus,
.newsIndexTable .editUserBtn.disabled:active,
.newsIndexTable .editUserBtn.disabled.active,
.newsIndexTable .editUserBtn[disabled],
.newsIndexTable .editUserBtn[disabled]:hover,
.newsIndexTable .editUserBtn[disabled]:focus,
.newsIndexTable .editUserBtn[disabled]:active,
.newsIndexTable .editUserBtn[disabled].active,
fieldset[disabled] .newsIndexTable .editUserBtn,
fieldset[disabled] .newsIndexTable .editUserBtn:hover,
fieldset[disabled] .newsIndexTable .editUserBtn:focus,
fieldset[disabled] .newsIndexTable .editUserBtn:active,
fieldset[disabled] .newsIndexTable .editUserBtn.active,
.newsIndexTable .copyUserBtn.disabled,
.newsIndexTable .copyUserBtn.disabled:hover,
.newsIndexTable .copyUserBtn.disabled:focus,
.newsIndexTable .copyUserBtn.disabled:active,
.newsIndexTable .copyUserBtn.disabled.active,
.newsIndexTable .copyUserBtn[disabled],
.newsIndexTable .copyUserBtn[disabled]:hover,
.newsIndexTable .copyUserBtn[disabled]:focus,
.newsIndexTable .copyUserBtn[disabled]:active,
.newsIndexTable .copyUserBtn[disabled].active,
fieldset[disabled] .newsIndexTable .copyUserBtn,
fieldset[disabled] .newsIndexTable .copyUserBtn:hover,
fieldset[disabled] .newsIndexTable .copyUserBtn:focus,
fieldset[disabled] .newsIndexTable .copyUserBtn:active,
fieldset[disabled] .newsIndexTable .copyUserBtn.active,
.newsIndexTable .lockUserBtn.disabled,
.newsIndexTable .lockUserBtn.disabled:hover,
.newsIndexTable .lockUserBtn.disabled:focus,
.newsIndexTable .lockUserBtn.disabled:active,
.newsIndexTable .lockUserBtn.disabled.active,
.newsIndexTable .lockUserBtn[disabled],
.newsIndexTable .lockUserBtn[disabled]:hover,
.newsIndexTable .lockUserBtn[disabled]:focus,
.newsIndexTable .lockUserBtn[disabled]:active,
.newsIndexTable .lockUserBtn[disabled].active,
fieldset[disabled] .newsIndexTable .lockUserBtn,
fieldset[disabled] .newsIndexTable .lockUserBtn:hover,
fieldset[disabled] .newsIndexTable .lockUserBtn:focus,
fieldset[disabled] .newsIndexTable .lockUserBtn:active,
fieldset[disabled] .newsIndexTable .lockUserBtn.active,
.newsIndexTable .deleteUserBtn.disabled,
.newsIndexTable .deleteUserBtn.disabled:hover,
.newsIndexTable .deleteUserBtn.disabled:focus,
.newsIndexTable .deleteUserBtn.disabled:active,
.newsIndexTable .deleteUserBtn.disabled.active,
.newsIndexTable .deleteUserBtn[disabled],
.newsIndexTable .deleteUserBtn[disabled]:hover,
.newsIndexTable .deleteUserBtn[disabled]:focus,
.newsIndexTable .deleteUserBtn[disabled]:active,
.newsIndexTable .deleteUserBtn[disabled].active,
fieldset[disabled] .newsIndexTable .deleteUserBtn,
fieldset[disabled] .newsIndexTable .deleteUserBtn:hover,
fieldset[disabled] .newsIndexTable .deleteUserBtn:focus,
fieldset[disabled] .newsIndexTable .deleteUserBtn:active,
fieldset[disabled] .newsIndexTable .deleteUserBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.newsIndexTable td.buttonTd {
  padding: 3px 3px 3px 3px;
}
.newsIndexTable .disabledRow td {
  color: #aaa;
  background: #f7f7f7;
}
.userOrContactDetailPage {
  margin-bottom: 30px;
}
.userOrContactDetailPage input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.userOrContactDetailPage input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.userOrContactDetailPage input[type=submit]:hover,
.userOrContactDetailPage input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.userOrContactDetailPage input[type=submit]:active,
.userOrContactDetailPage input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.userOrContactDetailPage input[type=submit].disabled,
.userOrContactDetailPage input[type=submit][disabled],
fieldset[disabled] .userOrContactDetailPage input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.userOrContactDetailPage input[type=submit]:hover,
.userOrContactDetailPage input[type=submit]:focus,
.userOrContactDetailPage input[type=submit]:active,
.userOrContactDetailPage input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.userOrContactDetailPage input[type=submit].disabled,
.userOrContactDetailPage input[type=submit].disabled:hover,
.userOrContactDetailPage input[type=submit].disabled:focus,
.userOrContactDetailPage input[type=submit].disabled:active,
.userOrContactDetailPage input[type=submit].disabled.active,
.userOrContactDetailPage input[type=submit][disabled],
.userOrContactDetailPage input[type=submit][disabled]:hover,
.userOrContactDetailPage input[type=submit][disabled]:focus,
.userOrContactDetailPage input[type=submit][disabled]:active,
.userOrContactDetailPage input[type=submit][disabled].active,
fieldset[disabled] .userOrContactDetailPage input[type=submit],
fieldset[disabled] .userOrContactDetailPage input[type=submit]:hover,
fieldset[disabled] .userOrContactDetailPage input[type=submit]:focus,
fieldset[disabled] .userOrContactDetailPage input[type=submit]:active,
fieldset[disabled] .userOrContactDetailPage input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.userOrContactDetailPage .cancel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.userOrContactDetailPage .cancel:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.userOrContactDetailPage .cancel:hover,
.userOrContactDetailPage .cancel:focus {
  color: #333;
  text-decoration: none;
}
.userOrContactDetailPage .cancel:active,
.userOrContactDetailPage .cancel.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.userOrContactDetailPage .cancel.disabled,
.userOrContactDetailPage .cancel[disabled],
fieldset[disabled] .userOrContactDetailPage .cancel {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.userOrContactDetailPage .cancel:hover,
.userOrContactDetailPage .cancel:focus,
.userOrContactDetailPage .cancel:active,
.userOrContactDetailPage .cancel.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.userOrContactDetailPage .cancel.disabled,
.userOrContactDetailPage .cancel.disabled:hover,
.userOrContactDetailPage .cancel.disabled:focus,
.userOrContactDetailPage .cancel.disabled:active,
.userOrContactDetailPage .cancel.disabled.active,
.userOrContactDetailPage .cancel[disabled],
.userOrContactDetailPage .cancel[disabled]:hover,
.userOrContactDetailPage .cancel[disabled]:focus,
.userOrContactDetailPage .cancel[disabled]:active,
.userOrContactDetailPage .cancel[disabled].active,
fieldset[disabled] .userOrContactDetailPage .cancel,
fieldset[disabled] .userOrContactDetailPage .cancel:hover,
fieldset[disabled] .userOrContactDetailPage .cancel:focus,
fieldset[disabled] .userOrContactDetailPage .cancel:active,
fieldset[disabled] .userOrContactDetailPage .cancel.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.userOrContactDetailPage .userTableForUpload {
  width: 100%;
  margin-bottom: 18px;
  background: white;
  max-width: 800px;
}
.userOrContactDetailPage .userTableForUpload thead > tr > th,
.userOrContactDetailPage .userTableForUpload thead > tr > td,
.userOrContactDetailPage .userTableForUpload tbody > tr > th,
.userOrContactDetailPage .userTableForUpload tbody > tr > td,
.userOrContactDetailPage .userTableForUpload tfoot > tr > th,
.userOrContactDetailPage .userTableForUpload tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.userOrContactDetailPage .userTableForUpload thead > tr > th {
  vertical-align: bottom;
}
.userOrContactDetailPage .userTableForUpload caption + thead tr:first-child th,
.userOrContactDetailPage .userTableForUpload caption + thead tr:first-child td,
.userOrContactDetailPage .userTableForUpload colgroup + thead tr:first-child th,
.userOrContactDetailPage .userTableForUpload colgroup + thead tr:first-child td,
.userOrContactDetailPage .userTableForUpload thead:first-child tr:first-child th,
.userOrContactDetailPage .userTableForUpload thead:first-child tr:first-child td {
  border-top: 0;
}
.userOrContactDetailPage .userTableForUpload tbody + tbody {
  border-top: 2px solid #ddd;
}
.userOrContactDetailPage .userTableForUpload .table {
  background-color: #fff;
}
.userOrContactDetailPage .userTableForUpload thead > tr > th,
.userOrContactDetailPage .userTableForUpload thead > tr > td,
.userOrContactDetailPage .userTableForUpload tbody > tr > th,
.userOrContactDetailPage .userTableForUpload tbody > tr > td,
.userOrContactDetailPage .userTableForUpload tfoot > tr > th,
.userOrContactDetailPage .userTableForUpload tfoot > tr > td {
  padding: 5px;
}
.userOrContactDetailPage .userTableForUpload th {
  width: 160px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.userOrContactDetailPage .userTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  max-width: 800px;
}
.userOrContactDetailPage .userTable thead > tr > th,
.userOrContactDetailPage .userTable thead > tr > td,
.userOrContactDetailPage .userTable tbody > tr > th,
.userOrContactDetailPage .userTable tbody > tr > td,
.userOrContactDetailPage .userTable tfoot > tr > th,
.userOrContactDetailPage .userTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.userOrContactDetailPage .userTable thead > tr > th {
  vertical-align: bottom;
}
.userOrContactDetailPage .userTable caption + thead tr:first-child th,
.userOrContactDetailPage .userTable caption + thead tr:first-child td,
.userOrContactDetailPage .userTable colgroup + thead tr:first-child th,
.userOrContactDetailPage .userTable colgroup + thead tr:first-child td,
.userOrContactDetailPage .userTable thead:first-child tr:first-child th,
.userOrContactDetailPage .userTable thead:first-child tr:first-child td {
  border-top: 0;
}
.userOrContactDetailPage .userTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.userOrContactDetailPage .userTable .table {
  background-color: #fff;
}
.userOrContactDetailPage .userTable thead > tr > th,
.userOrContactDetailPage .userTable thead > tr > td,
.userOrContactDetailPage .userTable tbody > tr > th,
.userOrContactDetailPage .userTable tbody > tr > td,
.userOrContactDetailPage .userTable tfoot > tr > th,
.userOrContactDetailPage .userTable tfoot > tr > td {
  padding: 5px;
}
.userOrContactDetailPage .userTable > tbody > tr:nth-child(odd) > td,
.userOrContactDetailPage .userTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.userOrContactDetailPage .userTable > thead > tr > th,
.userOrContactDetailPage .userTable > thead > tr > td,
.userOrContactDetailPage .userTable > tbody > tr > th,
.userOrContactDetailPage .userTable > tbody > tr > td,
.userOrContactDetailPage .userTable > tfoot > tr > th,
.userOrContactDetailPage .userTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.userOrContactDetailPage .userTable td >input[type=text],
.userOrContactDetailPage .userTable td >input[type=email],
.userOrContactDetailPage .userTable td >select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.userOrContactDetailPage .userTable td >input[type=text]:-moz-placeholder,
.userOrContactDetailPage .userTable td >input[type=email]:-moz-placeholder,
.userOrContactDetailPage .userTable td >select:-moz-placeholder {
  color: #999999;
}
.userOrContactDetailPage .userTable td >input[type=text]::-moz-placeholder,
.userOrContactDetailPage .userTable td >input[type=email]::-moz-placeholder,
.userOrContactDetailPage .userTable td >select::-moz-placeholder {
  color: #999999;
}
.userOrContactDetailPage .userTable td >input[type=text]:-ms-input-placeholder,
.userOrContactDetailPage .userTable td >input[type=email]:-ms-input-placeholder,
.userOrContactDetailPage .userTable td >select:-ms-input-placeholder {
  color: #999999;
}
.userOrContactDetailPage .userTable td >input[type=text]::-webkit-input-placeholder,
.userOrContactDetailPage .userTable td >input[type=email]::-webkit-input-placeholder,
.userOrContactDetailPage .userTable td >select::-webkit-input-placeholder {
  color: #999999;
}
.userOrContactDetailPage .userTable td >input[type=text]:focus,
.userOrContactDetailPage .userTable td >input[type=email]:focus,
.userOrContactDetailPage .userTable td >select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.userOrContactDetailPage .userTable td >input[type=text][disabled],
.userOrContactDetailPage .userTable td >input[type=text][readonly],
fieldset[disabled] .userOrContactDetailPage .userTable td >input[type=text],
.userOrContactDetailPage .userTable td >input[type=email][disabled],
.userOrContactDetailPage .userTable td >input[type=email][readonly],
fieldset[disabled] .userOrContactDetailPage .userTable td >input[type=email],
.userOrContactDetailPage .userTable td >select[disabled],
.userOrContactDetailPage .userTable td >select[readonly],
fieldset[disabled] .userOrContactDetailPage .userTable td >select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.userOrContactDetailPage .userTable td >input[type=text],
textarea.userOrContactDetailPage .userTable td >input[type=email],
textarea.userOrContactDetailPage .userTable td >select {
  height: auto;
}
.userOrContactDetailPage .userTable td >select {
  width: auto;
  display: inline-block;
  min-width: 230px;
}
.userOrContactDetailPage .userTable td >input.shortInput {
  display: inline-block;
  width: 230px;
}
.userOrContactDetailPage .userTable td:nth-child(2) .smallnote {
  padding-left: 10px;
}
.userOrContactDetailPage .userTable th {
  width: 160px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.userOrContactDetailPage .userTable .hintakertoimet input[type=text] {
  width: 64px;
  display: inline-block;
  text-align: right;
}
.userOrContactDetailPage .userTable .hintakertoimet th {
  width: 64px;
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: right;
  font-weight: normal;
}
.userOrContactDetailPage .userTable .smallnote {
  opacity: 0;
}
.userOrContactDetailPage .userTable tr:hover .smallnote {
  opacity: 1;
  transition: opacity 0.2s;
  transition-delay: 0.1s;
}
.contactDetailViewPage .cancel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.contactDetailViewPage .cancel:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.contactDetailViewPage .cancel:hover,
.contactDetailViewPage .cancel:focus {
  color: #333;
  text-decoration: none;
}
.contactDetailViewPage .cancel:active,
.contactDetailViewPage .cancel.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.contactDetailViewPage .cancel.disabled,
.contactDetailViewPage .cancel[disabled],
fieldset[disabled] .contactDetailViewPage .cancel {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contactDetailViewPage .cancel:hover,
.contactDetailViewPage .cancel:focus,
.contactDetailViewPage .cancel:active,
.contactDetailViewPage .cancel.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.contactDetailViewPage .cancel.disabled,
.contactDetailViewPage .cancel.disabled:hover,
.contactDetailViewPage .cancel.disabled:focus,
.contactDetailViewPage .cancel.disabled:active,
.contactDetailViewPage .cancel.disabled.active,
.contactDetailViewPage .cancel[disabled],
.contactDetailViewPage .cancel[disabled]:hover,
.contactDetailViewPage .cancel[disabled]:focus,
.contactDetailViewPage .cancel[disabled]:active,
.contactDetailViewPage .cancel[disabled].active,
fieldset[disabled] .contactDetailViewPage .cancel,
fieldset[disabled] .contactDetailViewPage .cancel:hover,
fieldset[disabled] .contactDetailViewPage .cancel:focus,
fieldset[disabled] .contactDetailViewPage .cancel:active,
fieldset[disabled] .contactDetailViewPage .cancel.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.contactDetailViewPage input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.contactDetailViewPage input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.contactDetailViewPage input[type=submit]:hover,
.contactDetailViewPage input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.contactDetailViewPage input[type=submit]:active,
.contactDetailViewPage input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.contactDetailViewPage input[type=submit].disabled,
.contactDetailViewPage input[type=submit][disabled],
fieldset[disabled] .contactDetailViewPage input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.contactDetailViewPage input[type=submit]:hover,
.contactDetailViewPage input[type=submit]:focus,
.contactDetailViewPage input[type=submit]:active,
.contactDetailViewPage input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.contactDetailViewPage input[type=submit].disabled,
.contactDetailViewPage input[type=submit].disabled:hover,
.contactDetailViewPage input[type=submit].disabled:focus,
.contactDetailViewPage input[type=submit].disabled:active,
.contactDetailViewPage input[type=submit].disabled.active,
.contactDetailViewPage input[type=submit][disabled],
.contactDetailViewPage input[type=submit][disabled]:hover,
.contactDetailViewPage input[type=submit][disabled]:focus,
.contactDetailViewPage input[type=submit][disabled]:active,
.contactDetailViewPage input[type=submit][disabled].active,
fieldset[disabled] .contactDetailViewPage input[type=submit],
fieldset[disabled] .contactDetailViewPage input[type=submit]:hover,
fieldset[disabled] .contactDetailViewPage input[type=submit]:focus,
fieldset[disabled] .contactDetailViewPage input[type=submit]:active,
fieldset[disabled] .contactDetailViewPage input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.contactDetailTable {
  margin-bottom: 20px;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  max-width: 800px;
}
.contactDetailTable thead > tr > th,
.contactDetailTable thead > tr > td,
.contactDetailTable tbody > tr > th,
.contactDetailTable tbody > tr > td,
.contactDetailTable tfoot > tr > th,
.contactDetailTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.contactDetailTable thead > tr > th {
  vertical-align: bottom;
}
.contactDetailTable caption + thead tr:first-child th,
.contactDetailTable caption + thead tr:first-child td,
.contactDetailTable colgroup + thead tr:first-child th,
.contactDetailTable colgroup + thead tr:first-child td,
.contactDetailTable thead:first-child tr:first-child th,
.contactDetailTable thead:first-child tr:first-child td {
  border-top: 0;
}
.contactDetailTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.contactDetailTable .table {
  background-color: #fff;
}
.contactDetailTable thead > tr > th,
.contactDetailTable thead > tr > td,
.contactDetailTable tbody > tr > th,
.contactDetailTable tbody > tr > td,
.contactDetailTable tfoot > tr > th,
.contactDetailTable tfoot > tr > td {
  padding: 5px;
}
.contactDetailTable > tbody > tr:nth-child(odd) > td,
.contactDetailTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.contactDetailTable > thead > tr > th,
.contactDetailTable > thead > tr > td,
.contactDetailTable > tbody > tr > th,
.contactDetailTable > tbody > tr > td,
.contactDetailTable > tfoot > tr > th,
.contactDetailTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.contactDetailTable input[type=text],
.contactDetailTable input[type=email],
.contactDetailTable select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.contactDetailTable input[type=text]:-moz-placeholder,
.contactDetailTable input[type=email]:-moz-placeholder,
.contactDetailTable select:-moz-placeholder {
  color: #999999;
}
.contactDetailTable input[type=text]::-moz-placeholder,
.contactDetailTable input[type=email]::-moz-placeholder,
.contactDetailTable select::-moz-placeholder {
  color: #999999;
}
.contactDetailTable input[type=text]:-ms-input-placeholder,
.contactDetailTable input[type=email]:-ms-input-placeholder,
.contactDetailTable select:-ms-input-placeholder {
  color: #999999;
}
.contactDetailTable input[type=text]::-webkit-input-placeholder,
.contactDetailTable input[type=email]::-webkit-input-placeholder,
.contactDetailTable select::-webkit-input-placeholder {
  color: #999999;
}
.contactDetailTable input[type=text]:focus,
.contactDetailTable input[type=email]:focus,
.contactDetailTable select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.contactDetailTable input[type=text][disabled],
.contactDetailTable input[type=text][readonly],
fieldset[disabled] .contactDetailTable input[type=text],
.contactDetailTable input[type=email][disabled],
.contactDetailTable input[type=email][readonly],
fieldset[disabled] .contactDetailTable input[type=email],
.contactDetailTable select[disabled],
.contactDetailTable select[readonly],
fieldset[disabled] .contactDetailTable select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.contactDetailTable input[type=text],
textarea.contactDetailTable input[type=email],
textarea.contactDetailTable select {
  height: auto;
}
.contactDetailTable select {
  width: auto;
  display: inline-block;
  min-width: 230px;
}
.contactDetailTable td:nth-child(2) .smallnote {
  padding-left: 10px;
}
.contactDetailTable th {
  width: 160px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.contactDetailTable .hintakertoimet input[type=text] {
  width: 64px;
  display: inline-block;
  text-align: right;
}
.contactDetailTable .hintakertoimet th {
  width: 64px;
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: right;
  font-weight: normal;
}
.campaignFormButtons input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.campaignFormButtons input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.campaignFormButtons input[type=submit]:hover,
.campaignFormButtons input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.campaignFormButtons input[type=submit]:active,
.campaignFormButtons input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.campaignFormButtons input[type=submit].disabled,
.campaignFormButtons input[type=submit][disabled],
fieldset[disabled] .campaignFormButtons input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaignFormButtons input[type=submit]:hover,
.campaignFormButtons input[type=submit]:focus,
.campaignFormButtons input[type=submit]:active,
.campaignFormButtons input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.campaignFormButtons input[type=submit].disabled,
.campaignFormButtons input[type=submit].disabled:hover,
.campaignFormButtons input[type=submit].disabled:focus,
.campaignFormButtons input[type=submit].disabled:active,
.campaignFormButtons input[type=submit].disabled.active,
.campaignFormButtons input[type=submit][disabled],
.campaignFormButtons input[type=submit][disabled]:hover,
.campaignFormButtons input[type=submit][disabled]:focus,
.campaignFormButtons input[type=submit][disabled]:active,
.campaignFormButtons input[type=submit][disabled].active,
fieldset[disabled] .campaignFormButtons input[type=submit],
fieldset[disabled] .campaignFormButtons input[type=submit]:hover,
fieldset[disabled] .campaignFormButtons input[type=submit]:focus,
fieldset[disabled] .campaignFormButtons input[type=submit]:active,
fieldset[disabled] .campaignFormButtons input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.campaignFormButtons .cancel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.campaignFormButtons .cancel:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.campaignFormButtons .cancel:hover,
.campaignFormButtons .cancel:focus {
  color: #333;
  text-decoration: none;
}
.campaignFormButtons .cancel:active,
.campaignFormButtons .cancel.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.campaignFormButtons .cancel.disabled,
.campaignFormButtons .cancel[disabled],
fieldset[disabled] .campaignFormButtons .cancel {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaignFormButtons .cancel:hover,
.campaignFormButtons .cancel:focus,
.campaignFormButtons .cancel:active,
.campaignFormButtons .cancel.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.campaignFormButtons .cancel.disabled,
.campaignFormButtons .cancel.disabled:hover,
.campaignFormButtons .cancel.disabled:focus,
.campaignFormButtons .cancel.disabled:active,
.campaignFormButtons .cancel.disabled.active,
.campaignFormButtons .cancel[disabled],
.campaignFormButtons .cancel[disabled]:hover,
.campaignFormButtons .cancel[disabled]:focus,
.campaignFormButtons .cancel[disabled]:active,
.campaignFormButtons .cancel[disabled].active,
fieldset[disabled] .campaignFormButtons .cancel,
fieldset[disabled] .campaignFormButtons .cancel:hover,
fieldset[disabled] .campaignFormButtons .cancel:focus,
fieldset[disabled] .campaignFormButtons .cancel:active,
fieldset[disabled] .campaignFormButtons .cancel.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.campaignUploadTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  width: 860px;
}
.campaignUploadTable td:nth-child(2) .smallnote {
  padding-left: 10px;
}
.campaignUploadTable th {
  width: 250px;
  min-width: 250px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.campaignUploadTable thead > tr > th,
.campaignUploadTable thead > tr > td,
.campaignUploadTable tbody > tr > th,
.campaignUploadTable tbody > tr > td,
.campaignUploadTable tfoot > tr > th,
.campaignUploadTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.campaignUploadTable thead > tr > th {
  vertical-align: bottom;
}
.campaignUploadTable caption + thead tr:first-child th,
.campaignUploadTable caption + thead tr:first-child td,
.campaignUploadTable colgroup + thead tr:first-child th,
.campaignUploadTable colgroup + thead tr:first-child td,
.campaignUploadTable thead:first-child tr:first-child th,
.campaignUploadTable thead:first-child tr:first-child td {
  border-top: 0;
}
.campaignUploadTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.campaignUploadTable .table {
  background-color: #fff;
}
.campaignUploadTable thead > tr > th,
.campaignUploadTable thead > tr > td,
.campaignUploadTable tbody > tr > th,
.campaignUploadTable tbody > tr > td,
.campaignUploadTable tfoot > tr > th,
.campaignUploadTable tfoot > tr > td {
  padding: 5px;
}
.campaignUploadTable > tbody > tr:nth-child(odd) > td,
.campaignUploadTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.campaignUploadTable > thead > tr > th,
.campaignUploadTable > thead > tr > td,
.campaignUploadTable > tbody > tr > th,
.campaignUploadTable > tbody > tr > td,
.campaignUploadTable > tfoot > tr > th,
.campaignUploadTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.campaignForm {
  margin-bottom: 20px;
}
.campaignForm.locked input,
.campaignForm.locked select,
.campaignForm.locked button {
  background: #fbfbfb !important;
  color: #bbb !important;
}
.campaignForm.locked input[type=radio] {
  pointer-events: none;
  opacity: 0.5;
}
.campaignForm.locked label {
  color: #bbb;
}
.campaignForm input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.campaignForm input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.campaignForm input[type=submit]:hover,
.campaignForm input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.campaignForm input[type=submit]:active,
.campaignForm input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.campaignForm input[type=submit].disabled,
.campaignForm input[type=submit][disabled],
fieldset[disabled] .campaignForm input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaignForm input[type=submit]:hover,
.campaignForm input[type=submit]:focus,
.campaignForm input[type=submit]:active,
.campaignForm input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.campaignForm input[type=submit].disabled,
.campaignForm input[type=submit].disabled:hover,
.campaignForm input[type=submit].disabled:focus,
.campaignForm input[type=submit].disabled:active,
.campaignForm input[type=submit].disabled.active,
.campaignForm input[type=submit][disabled],
.campaignForm input[type=submit][disabled]:hover,
.campaignForm input[type=submit][disabled]:focus,
.campaignForm input[type=submit][disabled]:active,
.campaignForm input[type=submit][disabled].active,
fieldset[disabled] .campaignForm input[type=submit],
fieldset[disabled] .campaignForm input[type=submit]:hover,
fieldset[disabled] .campaignForm input[type=submit]:focus,
fieldset[disabled] .campaignForm input[type=submit]:active,
fieldset[disabled] .campaignForm input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.campaignForm .cancel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.campaignForm .cancel:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.campaignForm .cancel:hover,
.campaignForm .cancel:focus {
  color: #333;
  text-decoration: none;
}
.campaignForm .cancel:active,
.campaignForm .cancel.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.campaignForm .cancel.disabled,
.campaignForm .cancel[disabled],
fieldset[disabled] .campaignForm .cancel {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.campaignForm .cancel:hover,
.campaignForm .cancel:focus,
.campaignForm .cancel:active,
.campaignForm .cancel.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.campaignForm .cancel.disabled,
.campaignForm .cancel.disabled:hover,
.campaignForm .cancel.disabled:focus,
.campaignForm .cancel.disabled:active,
.campaignForm .cancel.disabled.active,
.campaignForm .cancel[disabled],
.campaignForm .cancel[disabled]:hover,
.campaignForm .cancel[disabled]:focus,
.campaignForm .cancel[disabled]:active,
.campaignForm .cancel[disabled].active,
fieldset[disabled] .campaignForm .cancel,
fieldset[disabled] .campaignForm .cancel:hover,
fieldset[disabled] .campaignForm .cancel:focus,
fieldset[disabled] .campaignForm .cancel:active,
fieldset[disabled] .campaignForm .cancel.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.campaignForm .campaignTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  width: 860px;
}
.campaignForm .campaignTable thead > tr > th,
.campaignForm .campaignTable thead > tr > td,
.campaignForm .campaignTable tbody > tr > th,
.campaignForm .campaignTable tbody > tr > td,
.campaignForm .campaignTable tfoot > tr > th,
.campaignForm .campaignTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.campaignForm .campaignTable thead > tr > th {
  vertical-align: bottom;
}
.campaignForm .campaignTable caption + thead tr:first-child th,
.campaignForm .campaignTable caption + thead tr:first-child td,
.campaignForm .campaignTable colgroup + thead tr:first-child th,
.campaignForm .campaignTable colgroup + thead tr:first-child td,
.campaignForm .campaignTable thead:first-child tr:first-child th,
.campaignForm .campaignTable thead:first-child tr:first-child td {
  border-top: 0;
}
.campaignForm .campaignTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.campaignForm .campaignTable .table {
  background-color: #fff;
}
.campaignForm .campaignTable thead > tr > th,
.campaignForm .campaignTable thead > tr > td,
.campaignForm .campaignTable tbody > tr > th,
.campaignForm .campaignTable tbody > tr > td,
.campaignForm .campaignTable tfoot > tr > th,
.campaignForm .campaignTable tfoot > tr > td {
  padding: 5px;
}
.campaignForm .campaignTable > tbody > tr:nth-child(odd) > td,
.campaignForm .campaignTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.campaignForm .campaignTable > thead > tr > th,
.campaignForm .campaignTable > thead > tr > td,
.campaignForm .campaignTable > tbody > tr > th,
.campaignForm .campaignTable > tbody > tr > td,
.campaignForm .campaignTable > tfoot > tr > th,
.campaignForm .campaignTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.campaignForm .campaignTable #nameInput {
  display: block;
  width: 100%;
}
.campaignForm .campaignTable input[type=text],
.campaignForm .campaignTable input[type=number],
.campaignForm .campaignTable input[type=email],
.campaignForm .campaignTable select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.campaignForm .campaignTable input[type=text]:-moz-placeholder,
.campaignForm .campaignTable input[type=number]:-moz-placeholder,
.campaignForm .campaignTable input[type=email]:-moz-placeholder,
.campaignForm .campaignTable select:-moz-placeholder {
  color: #999999;
}
.campaignForm .campaignTable input[type=text]::-moz-placeholder,
.campaignForm .campaignTable input[type=number]::-moz-placeholder,
.campaignForm .campaignTable input[type=email]::-moz-placeholder,
.campaignForm .campaignTable select::-moz-placeholder {
  color: #999999;
}
.campaignForm .campaignTable input[type=text]:-ms-input-placeholder,
.campaignForm .campaignTable input[type=number]:-ms-input-placeholder,
.campaignForm .campaignTable input[type=email]:-ms-input-placeholder,
.campaignForm .campaignTable select:-ms-input-placeholder {
  color: #999999;
}
.campaignForm .campaignTable input[type=text]::-webkit-input-placeholder,
.campaignForm .campaignTable input[type=number]::-webkit-input-placeholder,
.campaignForm .campaignTable input[type=email]::-webkit-input-placeholder,
.campaignForm .campaignTable select::-webkit-input-placeholder {
  color: #999999;
}
.campaignForm .campaignTable input[type=text]:focus,
.campaignForm .campaignTable input[type=number]:focus,
.campaignForm .campaignTable input[type=email]:focus,
.campaignForm .campaignTable select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.campaignForm .campaignTable input[type=text][disabled],
.campaignForm .campaignTable input[type=text][readonly],
fieldset[disabled] .campaignForm .campaignTable input[type=text],
.campaignForm .campaignTable input[type=number][disabled],
.campaignForm .campaignTable input[type=number][readonly],
fieldset[disabled] .campaignForm .campaignTable input[type=number],
.campaignForm .campaignTable input[type=email][disabled],
.campaignForm .campaignTable input[type=email][readonly],
fieldset[disabled] .campaignForm .campaignTable input[type=email],
.campaignForm .campaignTable select[disabled],
.campaignForm .campaignTable select[readonly],
fieldset[disabled] .campaignForm .campaignTable select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.campaignForm .campaignTable input[type=text],
textarea.campaignForm .campaignTable input[type=number],
textarea.campaignForm .campaignTable input[type=email],
textarea.campaignForm .campaignTable select {
  height: auto;
}
.campaignForm .campaignTable select {
  width: auto;
  display: inline-block;
  min-width: 200px;
}
.campaignForm .campaignTable input[type=text],
.campaignForm .campaignTable input[type=date],
.campaignForm .campaignTable input[type=number] {
  width: auto;
  display: inline-block;
  min-width: 200px;
}
.campaignForm .campaignTable .multiselect.dropdown-toggle.btn {
  min-width: 200px;
  text-align: left;
}
.campaignForm .campaignTable td:nth-child(2) .smallnote {
  padding-left: 10px;
}
.campaignForm .campaignTable th {
  width: 250px;
  min-width: 250px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.campaignForm .campaignTable .alennustapaDiv {
  margin-bottom: 25px;
}
.campaignForm .campaignTable .alennustapaDiv .campaignOptionsTable {
  margin-left: 50px;
  margin-top: 5px;
}
.campaignForm .campaignTable .alennustapaDiv .campaignOptionsTable td {
  border: none;
}
.newsForm {
  margin-bottom: 20px;
}
.newsForm.locked input,
.newsForm.locked select,
.newsForm.locked button {
  background: #fbfbfb !important;
  color: #bbb !important;
}
.newsForm.locked input[type=radio] {
  pointer-events: none;
  opacity: 0.5;
}
.newsForm.locked label {
  color: #bbb;
}
.newsForm input[type=submit] {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.newsForm input[type=submit]:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.newsForm input[type=submit]:hover,
.newsForm input[type=submit]:focus {
  color: #333;
  text-decoration: none;
}
.newsForm input[type=submit]:active,
.newsForm input[type=submit].active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.newsForm input[type=submit].disabled,
.newsForm input[type=submit][disabled],
fieldset[disabled] .newsForm input[type=submit] {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.newsForm input[type=submit]:hover,
.newsForm input[type=submit]:focus,
.newsForm input[type=submit]:active,
.newsForm input[type=submit].active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.newsForm input[type=submit].disabled,
.newsForm input[type=submit].disabled:hover,
.newsForm input[type=submit].disabled:focus,
.newsForm input[type=submit].disabled:active,
.newsForm input[type=submit].disabled.active,
.newsForm input[type=submit][disabled],
.newsForm input[type=submit][disabled]:hover,
.newsForm input[type=submit][disabled]:focus,
.newsForm input[type=submit][disabled]:active,
.newsForm input[type=submit][disabled].active,
fieldset[disabled] .newsForm input[type=submit],
fieldset[disabled] .newsForm input[type=submit]:hover,
fieldset[disabled] .newsForm input[type=submit]:focus,
fieldset[disabled] .newsForm input[type=submit]:active,
fieldset[disabled] .newsForm input[type=submit].active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.newsForm .cancel {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.newsForm .cancel:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.newsForm .cancel:hover,
.newsForm .cancel:focus {
  color: #333;
  text-decoration: none;
}
.newsForm .cancel:active,
.newsForm .cancel.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.newsForm .cancel.disabled,
.newsForm .cancel[disabled],
fieldset[disabled] .newsForm .cancel {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.newsForm .cancel:hover,
.newsForm .cancel:focus,
.newsForm .cancel:active,
.newsForm .cancel.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
.newsForm .cancel.disabled,
.newsForm .cancel.disabled:hover,
.newsForm .cancel.disabled:focus,
.newsForm .cancel.disabled:active,
.newsForm .cancel.disabled.active,
.newsForm .cancel[disabled],
.newsForm .cancel[disabled]:hover,
.newsForm .cancel[disabled]:focus,
.newsForm .cancel[disabled]:active,
.newsForm .cancel[disabled].active,
fieldset[disabled] .newsForm .cancel,
fieldset[disabled] .newsForm .cancel:hover,
fieldset[disabled] .newsForm .cancel:focus,
fieldset[disabled] .newsForm .cancel:active,
fieldset[disabled] .newsForm .cancel.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.newsForm .newsTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  width: 850px;
}
.newsForm .newsTable thead > tr > th,
.newsForm .newsTable thead > tr > td,
.newsForm .newsTable tbody > tr > th,
.newsForm .newsTable tbody > tr > td,
.newsForm .newsTable tfoot > tr > th,
.newsForm .newsTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.newsForm .newsTable thead > tr > th {
  vertical-align: bottom;
}
.newsForm .newsTable caption + thead tr:first-child th,
.newsForm .newsTable caption + thead tr:first-child td,
.newsForm .newsTable colgroup + thead tr:first-child th,
.newsForm .newsTable colgroup + thead tr:first-child td,
.newsForm .newsTable thead:first-child tr:first-child th,
.newsForm .newsTable thead:first-child tr:first-child td {
  border-top: 0;
}
.newsForm .newsTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.newsForm .newsTable .table {
  background-color: #fff;
}
.newsForm .newsTable thead > tr > th,
.newsForm .newsTable thead > tr > td,
.newsForm .newsTable tbody > tr > th,
.newsForm .newsTable tbody > tr > td,
.newsForm .newsTable tfoot > tr > th,
.newsForm .newsTable tfoot > tr > td {
  padding: 5px;
}
.newsForm .newsTable > tbody > tr:nth-child(odd) > td,
.newsForm .newsTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.newsForm .newsTable > thead > tr > th,
.newsForm .newsTable > thead > tr > td,
.newsForm .newsTable > tbody > tr > th,
.newsForm .newsTable > tbody > tr > td,
.newsForm .newsTable > tfoot > tr > th,
.newsForm .newsTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.newsForm .newsTable input[type=text],
.newsForm .newsTable input[type=number],
.newsForm .newsTable input[type=email],
.newsForm .newsTable select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.newsForm .newsTable input[type=text]:-moz-placeholder,
.newsForm .newsTable input[type=number]:-moz-placeholder,
.newsForm .newsTable input[type=email]:-moz-placeholder,
.newsForm .newsTable select:-moz-placeholder {
  color: #999999;
}
.newsForm .newsTable input[type=text]::-moz-placeholder,
.newsForm .newsTable input[type=number]::-moz-placeholder,
.newsForm .newsTable input[type=email]::-moz-placeholder,
.newsForm .newsTable select::-moz-placeholder {
  color: #999999;
}
.newsForm .newsTable input[type=text]:-ms-input-placeholder,
.newsForm .newsTable input[type=number]:-ms-input-placeholder,
.newsForm .newsTable input[type=email]:-ms-input-placeholder,
.newsForm .newsTable select:-ms-input-placeholder {
  color: #999999;
}
.newsForm .newsTable input[type=text]::-webkit-input-placeholder,
.newsForm .newsTable input[type=number]::-webkit-input-placeholder,
.newsForm .newsTable input[type=email]::-webkit-input-placeholder,
.newsForm .newsTable select::-webkit-input-placeholder {
  color: #999999;
}
.newsForm .newsTable input[type=text]:focus,
.newsForm .newsTable input[type=number]:focus,
.newsForm .newsTable input[type=email]:focus,
.newsForm .newsTable select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.newsForm .newsTable input[type=text][disabled],
.newsForm .newsTable input[type=text][readonly],
fieldset[disabled] .newsForm .newsTable input[type=text],
.newsForm .newsTable input[type=number][disabled],
.newsForm .newsTable input[type=number][readonly],
fieldset[disabled] .newsForm .newsTable input[type=number],
.newsForm .newsTable input[type=email][disabled],
.newsForm .newsTable input[type=email][readonly],
fieldset[disabled] .newsForm .newsTable input[type=email],
.newsForm .newsTable select[disabled],
.newsForm .newsTable select[readonly],
fieldset[disabled] .newsForm .newsTable select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.newsForm .newsTable input[type=text],
textarea.newsForm .newsTable input[type=number],
textarea.newsForm .newsTable input[type=email],
textarea.newsForm .newsTable select {
  height: auto;
}
.newsForm .newsTable select {
  width: auto;
  display: inline-block;
  min-width: 230px;
}
.newsForm .newsTable .multiselect.dropdown-toggle.btn {
  min-width: 230px;
  text-align: left;
}
.newsForm .newsTable td:nth-child(2) .smallnote {
  padding-left: 10px;
}
.newsForm .newsTable th {
  width: 160px;
  text-align: right;
  padding-right: 15px;
  font-weight: normal;
}
.newsForm .newsTable .alennustapaDiv {
  margin-bottom: 25px;
}
.newsForm .newsTable .alennustapaDiv .newsOptionsTable {
  margin-left: 50px;
  margin-top: 5px;
}
.newsForm .newsTable .alennustapaDiv .newsOptionsTable td {
  border: none;
}
.taulukelain {
  float: right !important;
}
.taulukelain input[name=rows_per_page_value] {
  border: 1px solid #777;
  padding: 2px;
}
.taulukelain .viewCount,
.taulukelain .jumpToDiv {
  font-size: 95%;
  color: #444;
}
.taulukelain select[name=rows_dropdown] {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  width: 110px;
  display: inline-block !important;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.taulukelain select[name=rows_dropdown]:-moz-placeholder {
  color: #999999;
}
.taulukelain select[name=rows_dropdown]::-moz-placeholder {
  color: #999999;
}
.taulukelain select[name=rows_dropdown]:-ms-input-placeholder {
  color: #999999;
}
.taulukelain select[name=rows_dropdown]::-webkit-input-placeholder {
  color: #999999;
}
.taulukelain select[name=rows_dropdown]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.taulukelain select[name=rows_dropdown][disabled],
.taulukelain select[name=rows_dropdown][readonly],
fieldset[disabled] .taulukelain select[name=rows_dropdown] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.taulukelain select[name=rows_dropdown] {
  height: auto;
}
.taulukelain button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  font-weight: normal;
}
.taulukelain button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.taulukelain button:hover,
.taulukelain button:focus {
  color: #333;
  text-decoration: none;
}
.taulukelain button:active,
.taulukelain button.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.taulukelain button.disabled,
.taulukelain button[disabled],
fieldset[disabled] .taulukelain button {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.taulukelain button:hover,
.taulukelain button:focus,
.taulukelain button:active,
.taulukelain button.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.taulukelain button.disabled,
.taulukelain button.disabled:hover,
.taulukelain button.disabled:focus,
.taulukelain button.disabled:active,
.taulukelain button.disabled.active,
.taulukelain button[disabled],
.taulukelain button[disabled]:hover,
.taulukelain button[disabled]:focus,
.taulukelain button[disabled]:active,
.taulukelain button[disabled].active,
fieldset[disabled] .taulukelain button,
fieldset[disabled] .taulukelain button:hover,
fieldset[disabled] .taulukelain button:focus,
fieldset[disabled] .taulukelain button:active,
fieldset[disabled] .taulukelain button.active {
  background-color: #fff;
  border-color: #ccc;
}
.taulukelain :input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.taulukelain :input:-moz-placeholder {
  color: #999999;
}
.taulukelain :input::-moz-placeholder {
  color: #999999;
}
.taulukelain :input:-ms-input-placeholder {
  color: #999999;
}
.taulukelain :input::-webkit-input-placeholder {
  color: #999999;
}
.taulukelain :input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.taulukelain :input[disabled],
.taulukelain :input[readonly],
fieldset[disabled] .taulukelain :input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.taulukelain :input {
  height: auto;
}
.myyntiraportti_main_div {
  position: relative;
  max-width: 100%;
  overflow-x: scroll;
}
.myyntiraportti_main_div .reportTable {
  background: white;
  border-collapse: collapse;
  margin-top: 20px;
  font-family: arial;
}
.myyntiraportti_main_div .reportTable td,
.myyntiraportti_main_div .reportTable th {
  vertical-align: top;
  font-size: 95%;
  border: 1px solid black;
  padding: 3px;
  padding-left: 4px;
  padding-right: 4px;
}
.myyntiraportti_main_div .reportTable td .padded,
.myyntiraportti_main_div .reportTable th .padded {
  padding-top: 6px;
  padding-bottom: 6px;
}
.myyntiraportti_main_div .reportTable th {
  font-size: 100%;
}
.myyntiraportti_main_div .reportTable th .yhteensa {
  padding-top: 4px;
  padding-bottom: 4px;
}
.myyntiraportti_main_div .reportTable .hinta,
.myyntiraportti_main_div .reportTable .numero {
  text-align: right;
}
.customerSatisfaction.customerSatisfactionNEW {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: block;
  padding-top: 20px;
  padding-bottom: 40px;
}
.customerSatisfaction.customerSatisfactionNEW h3 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: block;
}
.customerSatisfaction.customerSatisfactionNEW > section {
  display: inline-block;
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
  padding: 20px;
}
.customerSatisfaction.customerSatisfactionNEW > section img {
  opacity: 0.85;
  display: inline-block;
  padding: 2px;
}
.customerSatisfaction.customerSatisfactionNEW .closeBtnDiv {
  display: none;
}
.customerSatisfaction.customerSatisfactionOLD {
  background: rgba(255,255,243,0.93);
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border: 1px solid rgba(222,222,222,0.8);
  border-top: 0px solid white;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  width: auto;
  position: absolute;
  top: 0;
  z-index: 1000;
  display: none;
  margin-top: -2px;
  padding: 15px;
  padding-top: 0px;
  margin-top: 0px;
  padding-bottom: 10px;
}
.customerSatisfaction.customerSatisfactionOLD h3 {
  font-size: 16px;
  margin-top: 10px;
  margin-bottom: 15px;
  display: inline-block;
}
.customerSatisfaction.customerSatisfactionOLD > section {
  padding-top: 4px;
  padding-bottom: 4px;
  font-size: 16px;
}
.customerSatisfaction.customerSatisfactionOLD > section img {
  opacity: 0.85;
  display: inline-block;
  padding: 2px;
}
.customerSatisfaction.customerSatisfactionOLD .closeBtnDiv {
  float: left;
  display: inline-block;
  width: 20px;
  margin-left: -5px;
  margin-top: 5px;
}
.customerSatisfaction.customerSatisfactionOLD .closeBtnDiv a {
  font-size: 18px;
  color: #aaa;
}
.customerSatisfaction.customerSatisfactionOLD .closeBtnDiv a:hover {
  text-decoration: none;
  color: #77c;
}
#huone {
  border-radius: 5px;
}
.lastPurchaseDiv {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  background: rgba(255,255,235,0.8);
  border: 1px solid #ddd;
  display: none;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  border-bottom: 0px solid white;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  padding-bottom: 12px;
  font-size: 14px;
  position: fixed;
  bottom: 0;
  left: 20px;
  width: 290px;
}
.lastPurchaseDiv .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.lastPurchaseDiv .lastPurchasesDiv {
  display: none;
}
.serviceUnavailableDiv {
  position: fixed;
  display: none;
  z-index: 999999999999;
  top: 50px;
  left: 25%;
  width: auto;
  background: rgba(255,255,255,0.85);
  border: 1px solid rgba(100,100,100,0.5);
  border-radius: 5px;
  padding: 30px;
  box-shadow: 10px 10px 30px rgba(0,0,0,0.4);
}
#multipleOption + div.btn-group label.disabled {
  color: #ccc !important;
}
#width.glow {
  background: orange;
}
#width.glowable {
  transition: background 0.5s ease-in;
}
.salesLog.myyntiraportti_main_div .reportTable {
  border: 1px solid black !important;
}
.salesLog.myyntiraportti_main_div .reportTable th.hinta,
.salesLog.myyntiraportti_main_div .reportTable td.hinta {
  white-space: nowrap;
}
.salesLog.myyntiraportti_main_div .reportTable.hideCustomers tr.total.status th.hinta,
.salesLog.myyntiraportti_main_div .reportTable.hideCustomers tr.total.seller th.hinta {
  font-weight: normal !important;
}
.salesLog.myyntiraportti_main_div .reportTable.hideCustomers tr.header.seller th,
.salesLog.myyntiraportti_main_div .reportTable.hideCustomers tr.header.seller td {
  padding-top: 15px !important;
}
.salesLog.myyntiraportti_main_div .reportTable.hideCustomers tr.subHeadingTr th:first-child {
  padding-left: 62px;
}
.salesLog.myyntiraportti_main_div .reportTable td,
.salesLog.myyntiraportti_main_div .reportTable th {
  border: 0px solid white;
  padding-left: 5px;
  padding-right: 5px;
}
.salesLog.myyntiraportti_main_div .reportTable tr {
  transition: background 0.4s ease-in;
}
.salesLog.myyntiraportti_main_div .reportTable tr.header.provider {
  border-bottom: 1px solid black;
}
.salesLog.myyntiraportti_main_div .reportTable tr.header.provider td,
.salesLog.myyntiraportti_main_div .reportTable tr.header.provider th {
  padding-bottom: 9px;
}
.salesLog.myyntiraportti_main_div .reportTable tr:hover {
  background: #F1F5EE;
}
.salesLog.myyntiraportti_main_div tr.order td:first-child {
  padding-left: 80px;
}
.salesLog.myyntiraportti_main_div tr.header.subprovider th,
.salesLog.myyntiraportti_main_div tr.header.subprovider td,
.salesLog.myyntiraportti_main_div tr.header.group th,
.salesLog.myyntiraportti_main_div tr.header.group td {
  font-size: 130%;
  padding-top: 15px !important;
}
.salesLog.myyntiraportti_main_div tr.header th,
.salesLog.myyntiraportti_main_div tr.header td {
  padding-top: 10px !important;
}
.salesLog.myyntiraportti_main_div tr.total.subprovider td,
.salesLog.myyntiraportti_main_div tr.total.subprovider th,
.salesLog.myyntiraportti_main_div tr.total.group td,
.salesLog.myyntiraportti_main_div tr.total.group th,
.salesLog.myyntiraportti_main_div tr.total.provider td,
.salesLog.myyntiraportti_main_div tr.total.provider th {
  padding-top: 10px !important;
}
.salesLog.myyntiraportti_main_div tr.total.subprovider.status_ordered td,
.salesLog.myyntiraportti_main_div tr.total.subprovider.status_ordered th {
  padding-top: 1px !important;
}
.salesLog.myyntiraportti_main_div tr.total.provider td,
.salesLog.myyntiraportti_main_div tr.total.provider th {
  padding-bottom: 10px !important;
}
.salesLog.myyntiraportti_main_div tr.header.group th:first-child {
  padding-left: 20px;
}
.salesLog.myyntiraportti_main_div tr.header.subprovider th:first-child {
  padding-left: 40px;
}
.salesLog.myyntiraportti_main_div tr.header.seller th:first-child {
  padding-left: 60px;
}
.salesLog.myyntiraportti_main_div tr.header.status th:first-child {
  padding-left: 82px;
}
.salesLog.myyntiraportti_main_div tr.total.group th:first-child {
  padding-left: 20px;
}
.salesLog.myyntiraportti_main_div tr.total.subprovider th:first-child {
  padding-left: 60px;
}
.salesLog.myyntiraportti_main_div tr.total.seller th:first-child {
  padding-left: 60px;
}
.salesLog.myyntiraportti_main_div tr.total.status th:first-child {
  padding-left: 82px;
}
.salesLog.myyntiraportti_main_div tr.subHeadingTr th:first-child {
  padding-left: 82px;
}
#salesLogForm fieldset {
  width: 500px;
}
#salesLogForm fieldset .form-group>label {
  text-align: right;
  padding-right: 9px !important;
  line-height: 20px;
}
#salesLogForm fieldset .form-group>label,
#salesLogForm fieldset .form-group>div {
  padding: 5px;
}
#salesLogForm fieldset .form-group .salesReportBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
}
#salesLogForm fieldset .form-group .salesReportBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#salesLogForm fieldset .form-group .salesReportBtn:hover,
#salesLogForm fieldset .form-group .salesReportBtn:focus {
  color: #333;
  text-decoration: none;
}
#salesLogForm fieldset .form-group .salesReportBtn:active,
#salesLogForm fieldset .form-group .salesReportBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#salesLogForm fieldset .form-group .salesReportBtn.disabled,
#salesLogForm fieldset .form-group .salesReportBtn[disabled],
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#salesLogForm fieldset .form-group .salesReportBtn:hover,
#salesLogForm fieldset .form-group .salesReportBtn:focus,
#salesLogForm fieldset .form-group .salesReportBtn:active,
#salesLogForm fieldset .form-group .salesReportBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#salesLogForm fieldset .form-group .salesReportBtn.disabled,
#salesLogForm fieldset .form-group .salesReportBtn.disabled:hover,
#salesLogForm fieldset .form-group .salesReportBtn.disabled:focus,
#salesLogForm fieldset .form-group .salesReportBtn.disabled:active,
#salesLogForm fieldset .form-group .salesReportBtn.disabled.active,
#salesLogForm fieldset .form-group .salesReportBtn[disabled],
#salesLogForm fieldset .form-group .salesReportBtn[disabled]:hover,
#salesLogForm fieldset .form-group .salesReportBtn[disabled]:focus,
#salesLogForm fieldset .form-group .salesReportBtn[disabled]:active,
#salesLogForm fieldset .form-group .salesReportBtn[disabled].active,
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn,
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn:hover,
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn:focus,
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn:active,
fieldset[disabled] #salesLogForm fieldset .form-group .salesReportBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
#salesLogForm fieldset .form-group .salaryReportBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
#salesLogForm fieldset .form-group .salaryReportBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#salesLogForm fieldset .form-group .salaryReportBtn:hover,
#salesLogForm fieldset .form-group .salaryReportBtn:focus {
  color: #333;
  text-decoration: none;
}
#salesLogForm fieldset .form-group .salaryReportBtn:active,
#salesLogForm fieldset .form-group .salaryReportBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#salesLogForm fieldset .form-group .salaryReportBtn.disabled,
#salesLogForm fieldset .form-group .salaryReportBtn[disabled],
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#salesLogForm fieldset .form-group .salaryReportBtn:hover,
#salesLogForm fieldset .form-group .salaryReportBtn:focus,
#salesLogForm fieldset .form-group .salaryReportBtn:active,
#salesLogForm fieldset .form-group .salaryReportBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#salesLogForm fieldset .form-group .salaryReportBtn.disabled,
#salesLogForm fieldset .form-group .salaryReportBtn.disabled:hover,
#salesLogForm fieldset .form-group .salaryReportBtn.disabled:focus,
#salesLogForm fieldset .form-group .salaryReportBtn.disabled:active,
#salesLogForm fieldset .form-group .salaryReportBtn.disabled.active,
#salesLogForm fieldset .form-group .salaryReportBtn[disabled],
#salesLogForm fieldset .form-group .salaryReportBtn[disabled]:hover,
#salesLogForm fieldset .form-group .salaryReportBtn[disabled]:focus,
#salesLogForm fieldset .form-group .salaryReportBtn[disabled]:active,
#salesLogForm fieldset .form-group .salaryReportBtn[disabled].active,
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn,
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn:hover,
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn:focus,
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn:active,
fieldset[disabled] #salesLogForm fieldset .form-group .salaryReportBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#salesLogForm fieldset .form-group .csvBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
#salesLogForm fieldset .form-group .csvBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#salesLogForm fieldset .form-group .csvBtn:hover,
#salesLogForm fieldset .form-group .csvBtn:focus {
  color: #333;
  text-decoration: none;
}
#salesLogForm fieldset .form-group .csvBtn:active,
#salesLogForm fieldset .form-group .csvBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#salesLogForm fieldset .form-group .csvBtn.disabled,
#salesLogForm fieldset .form-group .csvBtn[disabled],
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#salesLogForm fieldset .form-group .csvBtn:hover,
#salesLogForm fieldset .form-group .csvBtn:focus,
#salesLogForm fieldset .form-group .csvBtn:active,
#salesLogForm fieldset .form-group .csvBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#salesLogForm fieldset .form-group .csvBtn.disabled,
#salesLogForm fieldset .form-group .csvBtn.disabled:hover,
#salesLogForm fieldset .form-group .csvBtn.disabled:focus,
#salesLogForm fieldset .form-group .csvBtn.disabled:active,
#salesLogForm fieldset .form-group .csvBtn.disabled.active,
#salesLogForm fieldset .form-group .csvBtn[disabled],
#salesLogForm fieldset .form-group .csvBtn[disabled]:hover,
#salesLogForm fieldset .form-group .csvBtn[disabled]:focus,
#salesLogForm fieldset .form-group .csvBtn[disabled]:active,
#salesLogForm fieldset .form-group .csvBtn[disabled].active,
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn,
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn:hover,
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn:focus,
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn:active,
fieldset[disabled] #salesLogForm fieldset .form-group .csvBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#windowPatternsDiv {
  display: block !important;
  width: 400px;
}
.macScrollable::-webkit-scrollbar {
  -webkit-appearance: none;
}
.macScrollable::-webkit-scrollbar:horizontal {
  height: 11px;
}
.macScrollable::-webkit-scrollbar:vertical {
  height: 11px;
}
.macScrollable::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.macScrollable::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.macScrollableLight::-webkit-scrollbar {
  -webkit-appearance: none;
}
.macScrollableLight::-webkit-scrollbar:horizontal {
  height: 11px;
}
.macScrollableLight::-webkit-scrollbar:vertical {
  height: 11px;
}
.macScrollableLight::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
.macScrollableLight::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
#gridDialog {
  left: 420px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#gridDialog .modal-body {
  min-height: 194px;
}
#gridDialog .modal-dialog {
  width: 700px;
}
#gridDialog .modal-dialog .ristikkorivi {
  padding: 5px;
}
#gridDialog .modal-dialog .form-control {
  padding-left: 4px;
}
#gridDialog .modal-dialog .col-lg-1-5 {
  width: 12.5%;
}
#gridDialog .modal-dialog .col-lg-1-25 {
  width: 10.416666666667%;
}
#gridDialog .modal-dialog #ristikkorivitParent .row:first-child div:last-child {
  padding-right: 0px;
}
#gridDialog .modal-dialog #ristikkorivitParent .row div:first-child {
  padding-left: 7px;
  padding-right: 7px;
  text-align: right;
  line-height: 200%;
}
#gridDialog .modal-dialog #ristikkorivitParent .row div {
  padding-left: 5px;
  padding-right: 5px;
}
#gridDialog .modal-dialog #ristikkorivitParent .row div:last-child {
  padding-right: 7px;
}
#productConfig div.leftBar.leftBarWhenGridDialogShown {
  border-radius: 5px !important;
  box-shadow: 0 5px 15px rgba(0,0,0,0.5) !important;
  z-index: 10000 !important;
}
#gridDialog2 {
  outline: none;
  z-index: 10001;
}
#gridDialog2 .modal-body {
  min-height: 194px;
}
#gridDialog2 .modal-body .gridOpeningsDiv {
  width: auto;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv {
  min-width: 182px;
  padding: 10px;
  vertical-align: top;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv.loading {
  pointer-events: none;
  opacity: 0.7;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv .gridDialogOpeningHeader {
  padding-bottom: 10px;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv .gridVariableInputGroup {
  padding-top: 3px;
  width: 100%;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv .gridVariableInputGroup .input-group-addon {
  min-width: 125px;
  text-align: left;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv .gridVariableInputGroup .gridVariable {
  text-align-last: right;
  text-align: right;
}
#gridDialog2 .modal-body .gridOpeningsDiv td.gridDialogOpeningDiv .gridVariableInputGroup .gridVariable option {
  text-align: right;
}
#gridDialog2 .modal-dialog {
  width: 800px;
}
.languageBar {
  position: absolute;
  right: 45px;
  top: 6px;
}
.languageBar .dropdown-toggle {
  background: rgba(255,255,255,0);
  border: 0px solid white;
  padding: 1px;
  opacity: 0.85;
}
.languageBar .dropdown-toggle:hover {
  opacity: 1.0;
}
.languageBar .selectedFlag {
  width: 24px;
  height: 24px;
}
.languageBar .localeLink .flag {
  width: 24px;
  height: 24px;
}
.disabledVisually {
  opacity: 0.65 !important;
}
.disabledVisuallyAndFunctionally {
  pointer-events: none;
  opacity: 0.75 !important;
}
.disabledVisuallyAndFunctionallyStrong {
  pointer-events: none;
  opacity: 0.4 !important;
}
body,
html {
  -ms-overflow-style: scrollbar;
}
.bottomBar {
  position: fixed;
  bottom: 0;
  left: 0;
  background: #eee;
  width: 100%;
  margin: 0;
  padding: 2px;
  padding-left: 3px;
  text-align: left;
  border-top: 1px solid #aaa;
  display: none;
  z-index: 100002;
}
.bottomBar.whenSvgDialogShown {
  z-index: 9989 !important;
}
.bottomBar > a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  padding: 2px 3px 2px 2px;
}
.bottomBar > a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.bottomBar > a:hover,
.bottomBar > a:focus {
  color: #333;
  text-decoration: none;
}
.bottomBar > a:active,
.bottomBar > a.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.bottomBar > a.disabled,
.bottomBar > a[disabled],
fieldset[disabled] .bottomBar > a {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.bottomBar > a:hover,
.bottomBar > a:focus,
.bottomBar > a:active,
.bottomBar > a.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.bottomBar > a.disabled,
.bottomBar > a.disabled:hover,
.bottomBar > a.disabled:focus,
.bottomBar > a.disabled:active,
.bottomBar > a.disabled.active,
.bottomBar > a[disabled],
.bottomBar > a[disabled]:hover,
.bottomBar > a[disabled]:focus,
.bottomBar > a[disabled]:active,
.bottomBar > a[disabled].active,
fieldset[disabled] .bottomBar > a,
fieldset[disabled] .bottomBar > a:hover,
fieldset[disabled] .bottomBar > a:focus,
fieldset[disabled] .bottomBar > a:active,
fieldset[disabled] .bottomBar > a.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.bottomBar > a img {
  height: 32px;
}
@media screen and (max-width: 321px) {
  #svgDiv svg {
    width: 280px;
  }
}
@media screen and (min-width: 768px) {
  body .anyLastNameDiv {
    padding-right: 5px;
  }
  body .installationReceiptHeaderBar {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  body.controller-InstallationReceipt .actualSiteContent,
  body.controller-SupplierReceipt .actualSiteContent,
  body.controller-InstallerLanding .actualSiteContent,
  body.controller-PinCode .actualSiteContent {
    margin-top: 55px !important;
  }
  #cart tr.product:not(.selectedOrderRow).productUpperRow td:nth-child(1):hover {
    background: rgba(245,245,245,0.8) !important;
    pointer: move;
    cursor: move;
  }
  .patternControlGroup .patternBox .patternLink.hideablePattern {
    display: inline-block;
  }
  .patternControlGroup .patternBox .patternLink.hideablePattern.hiddenPattern {
    display: none;
  }
  .miniPaddingRightOnDesktop {
    padding-right: 7px;
  }
  .miniPaddingLeftOnDesktop {
    padding-left: 7px;
  }
  body.action-InstallationReceipt-index,
  body.action-SupplierReceipt-index,
  body.action-Asiakassivu-index {
    background-color: #EEEEF0 !important;
  }
  body.action-InstallationReceipt-index.havingNavBarHidden #container.container,
  body.action-SupplierReceipt-index.havingNavBarHidden #container.container,
  body.action-Asiakassivu-index.havingNavBarHidden #container.container {
    margin-top: 50px !important;
  }
}
@media screen and (max-width: 800px) {
  body #categories .circleyContainer {
    position: absolute;
    z-index: 1000;
    height: 350px;
  }
}
.tooltipBox.infoTooltipBox,
.tooltipBox.miniInfoTooltip.miniOptionInfoTooltip {
  background-color: #fffbd0;
}
.btnInfoDiv {
  margin-top: 5px !important;
}
.readMoreBtn {
  display: none;
}
.mobiiliostoskorinappi {
  display: none;
}
.mobiiliostoskorinappiMaarittelysivulla {
  display: none;
}
body.showWorkConfirmPopup #top {
  padding-top: 0px;
  padding-bottom: 0px;
}
body.showWorkConfirmPopup #top .lead {
  margin-bottom: 5px;
}
body.showWorkConfirmPopup #top h1 {
  margin-top: 0px;
}
.showWorkConfirmPopupBottomBar {
  position: fixed;
  background: white;
  bottom: 0px;
  width: 100%;
  z-index: 10000;
  padding-bottom: 8px;
  padding-right: 20px;
  padding-left: 0px;
  padding-top: 13px;
  border-top: 1px solid #ddd;
  left: 0px;
}
.closeGenericIframeDialogBtn.iframeDialogIsBeingSaved {
  pointer-events: none;
  opacity: 0.08;
  transition: opacity 1s;
}
.closeGenericIframeDialogBtn.listavalinnatOvatPuutteelliset {
  pointer-events: none;
  color: red;
  transition: color 1s;
}
.closeGenericIframeDialogBtn.asentajaValitsematta {
  pointer-events: none;
  color: red;
  transition: color 1s;
}
@media screen and (max-width: 767px) {
  #tiedotDiv input.form-control {
    margin-top: 5px;
    margin-bottom: 7px;
  }
  body .supplierReceiptSearchDiv .supplierRow {
    width: 100%;
  }
  body .workDialogIframeDialog .modal-dialog {
    width: 100vw !important;
    min-width: 100vw !important;
  }
  body .workDialogIframeDialog .modal-dialog .closeGenericIframeDialogBtn {
    margin-top: 20px !important;
    position: relative !important;
    z-index: 10000000 !important;
  }
  body .workDialogIframeDialog .modal-dialog .modal-content {
    inset: 27px auto auto 2px;
  }
  body .workDialogIframeDialog .modal-dialog .modal-content .modal-body {
    min-height: calc(100vh - 200px) !important;
  }
  body.controller-InstallationReceipt .actualSiteContent,
  body.controller-SupplierReceipt .actualSiteContent,
  body.controller-InstallerLanding .actualSiteContent,
  body.controller-PinCode .actualSiteContent {
    padding-left: 0px;
    padding-right: 0px;
  }
  body.controller-InstallationReceipt .miniLogoutBar,
  body.controller-SupplierReceipt .miniLogoutBar,
  body.controller-InstallerLanding .miniLogoutBar,
  body.controller-PinCode .miniLogoutBar {
    top: 5px;
  }
  body .installationCapacityDiv {
    padding-top: 15px;
  }
  body .cookieBottomDiv {
    left: 0px;
    width: 100vw;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    padding: 10px 20px 10px 20px;
  }
  body .signaturePageDiv .signatureCanvasProductsDiv {
    margin-left: -15px;
  }
  #dropboxDialog .modal-content {
    left: 0px !important;
  }
  span.readMoreHiddenMobile {
    display: none;
  }
  .readMoreBtn {
    display: inline;
  }
  .row-sm-no-padding [class*="col-"] {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  .row-sm-10-padding [class*="col-"] {
    padding-left: 10px !important;
    padding-right: 10px !important;
  }
  .row-sm-5-padding [class*="col-"] {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  body {
    background: #fff !important;
    margin-top: 0px !important;
    padding: 0 0 0 0 !important;
  }
  body #configErrorsParent {
    width: 100%;
  }
  body .yritysesittelyDiv {
    padding: 10px;
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip {
    font-size: 110%;
    height: 35vh;
    overflow-y: scroll;
    box-shadow: inset -2px -10px 15px -10px rgba(0,0,0,0.4);
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip::-webkit-scrollbar:vertical {
    height: 11px;
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.3);
  }
  body .tooltipBox.miniInfoTooltip.miniOptionInfoTooltip::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.5);
  }
  body .tooltipBox.infoTooltipBox {
    font-size: 110%;
    height: 35vh;
    overflow-y: scroll;
    box-shadow: inset -2px -10px 15px -10px rgba(0,0,0,0.4);
  }
  body .tooltipBox.infoTooltipBox::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  body .tooltipBox.infoTooltipBox::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  body .tooltipBox.infoTooltipBox::-webkit-scrollbar:vertical {
    height: 11px;
  }
  body .tooltipBox.infoTooltipBox::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.3);
  }
  body .tooltipBox.infoTooltipBox::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.5);
  }
  body .tooltipBox.infoTooltipBox .infoTxt {
    max-width: calc(100vw - 8px - 8px) !important;
  }
  body .tooltipBox.infoTooltipBox img {
    max-width: calc(100vw - 8px - 8px - 20px) !important;
  }
  body .tooltipBox.miniInfoTooltip.miniColorOptionInfoTooltip {
    max-height: 40vh;
    overflow-y: scroll;
  }
  body .tooltipBox.miniInfoTooltip.miniColorOptionInfoTooltip .imgDiv {
    float: none;
    text-align: left;
  }
  body .tooltipBox.miniInfoTooltip.miniColorOptionInfoTooltip .imgDiv img {
    max-height: 3600px;
  }
  body .mobiiliostoskorinappi {
    display: inline-block;
    border: 1px solid white;
    border-radius: 4px;
    color: white;
    position: absolute;
    right: 80px;
    margin-top: 3px;
    margin-bottom: 0px;
    height: 32px;
    padding-left: 2px;
    padding-right: 2px;
    min-width: 50px;
    background-color: transparent;
  }
  body .mobiiliostoskorinappi .mobiiliostoskorinCartQuantity {
    font-size: 80%;
    font-weight: bold;
    display: inline-block;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    font-size: 14px;
    color: white;
  }
  body #miniNavBar .mobiiliostoskorinappiMaarittelysivulla {
    display: inline-block;
    border: 1px solid #f0de3d;
    border-radius: 4px;
    color: white;
    position: fixed;
    right: 2px;
    top: 38px;
    font-size: 18px;
    margin-top: 3px;
    margin-bottom: 0px;
    padding-left: 2px;
    padding-right: 2px;
    min-width: 48px;
    max-width: 48px;
    background-color: transparent;
    height: 32px;
  }
  body #miniNavBar .mobiiliostoskorinappiMaarittelysivulla i[class*="icon-"] {
    color: #f0de3d !important;
  }
  body #miniNavBar .mobiiliostoskorinappiMaarittelysivulla:hover {
    background: white;
  }
  body #miniNavBar .mobiiliostoskorinappiMaarittelysivulla .mobiiliostoskorinCartQuantity {
    font-size: 80%;
    font-weight: bold;
    color: #f0de3d;
    display: inline-block;
    min-width: 16px;
    height: 16px;
    border-radius: 100%;
    font-size: 14px;
  }
  body .iconShine {
    display: none !important;
    opacituy: 0 !important;
  }
  body #container .languageBar.btn-group .localesMenu {
    float: left !important;
  }
  body .popover {
    max-width: 370px;
    left: 0px !important;
  }
  body #priceFloatingContainer {
    margin-right: 10px;
  }
  body #priceFloatingContainer #priceContainer .totalPrice {
    font-size: 100% !important;
  }
  body #priceContainer .fundingPrice {
    font-size: 80% !important;
  }
  body #priceContainer .kplChooserSelect {
    padding: 2px 5px;
    font-size: 11px;
  }
  body #registerDialog {
    left: 0px;
    top: 20px;
    outline: none;
    z-index: 10001;
  }
  body #registerDialog .modal-dialog {
    width: 100%;
  }
  body #registerConditionsDialog {
    left: 0px;
    top: 20px;
  }
  body #registerConditionsDialog .modal-dialog {
    width: 100%;
  }
  body .modal-dialog {
    width: 100% !important;
  }
  body #categories .circleyContainer {
    position: relative;
    height: 350px;
  }
  body .adTextDiv {
    right: 0px;
  }
  body .bottomBar {
    display: block;
  }
  body #products> [class*="col-"] {
    width: 98%;
  }
  body #products> [class*="col-"]:nth-child(even) {
    margin-left: 0%;
  }
  body #products .img img {
    width: 100%;
    height: auto;
    left: 0px;
  }
  body #productConfig {
    margin-left: -72px !important;
    margin-right: 0px !important;
  }
  body #priceFloatingContainer.tooltipBox {
    width: 210px;
    border-bottom: 0px solid white;
    border-right: 0px solid white;
    border-left: 0px solid white;
    border-top: 0px solid white;
    background: rgba(255,255,255,0) !important;
    min-width: 100px;
    box-shadow: none !important;
    bottom: -10px;
  }
  body #priceFloatingContainer.tooltipBox .lowerTable {
    min-width: 120px;
  }
  body #priceFloatingContainer.tooltipBox .lowerTable #addToCartDiv .quantityInput {
    -border-width: 0px;
    padding-right: 0px;
    background: white;
  }
  body #priceFloatingContainer.tooltipBox .lowerTable #addToCartDiv .quantityInput::before {
    content: '×';
    color: #555;
    line-height: 120%;
    vertical-align: sub;
  }
  body #priceFloatingContainer.tooltipBox .lowerTable #addToCartDiv .quantityInput input {
    padding-top: 4px;
    width: 15px;
    padding-left: 1px;
    padding-right: 0px;
    text-align: left;
    background: rgba(255,255,255,0);
    border-width: 0px;
    transition: none;
    box-shadow: none;
  }
  body #priceFloatingContainer.tooltipBox .lowerTable #addToCartDiv .addToCartBtn {
    padding: 5px;
    padding-right: 7px;
    border-radius: 5px;
  }
  body #configurationForm {
    margin-left: 70px;
  }
  body #productConfig {
    margin-bottom: 0px;
    background-image: none;
    border-top: 0px solid #fff;
  }
  body #productConfig .leftBar {
    float: none;
    display: block;
    clear: both;
    margin-left: 0px;
    width: 340px;
    margin-right: 0px;
    padding-right: 0px;
    height: 35vh !important;
    min-height: 35vh !important;
    max-height: 35vh !important;
    background: white !important;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.2);
  }
  body body #configurationForm {
    margin-left: 60px;
  }
  body #productConfig .rightBar {
    display: block;
    clear: both;
    left: auto;
    margin-left: 0px;
    max-width: 300px;
    padding-left: 0px;
    margin-top: 35vh !important;
  }
  body #productConfig .rightBar .openingLabel {
    display: block;
  }
  body #productConfig .rightBar .korvausilmaventtiiliTable {
    text-align: left;
  }
  body #productConfig .rightBar #windowPatternsDiv {
    width: 310px;
    overflow-x: scroll;
    padding-bottom: 2px;
    -webkit-overflow-scrolling: touch;
  }
  body #productConfig .rightBar #windowPatternsDiv::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  body #productConfig .rightBar #windowPatternsDiv::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  body #productConfig .rightBar #windowPatternsDiv::-webkit-scrollbar:vertical {
    height: 11px;
  }
  body #productConfig .rightBar #windowPatternsDiv::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 4px solid white;
    background-color: #ddd;
  }
  body #productConfig .rightBar #windowPatternsDiv::-webkit-scrollbar-thumb:hover {
    background-color: #bbb;
  }
  body #productConfig .rightBar #dimensionControlsDiv .widthInputGroup {
    padding-right: 0px;
  }
  body #productConfig .rightBar #dimensionControlsDiv .widthInputGroup .productVariable.width {
    padding-left: 5px;
    padding-right: 2px;
  }
  body #productConfig .rightBar #dimensionControlsDiv .heightInputGroup {
    padding-left: 15px;
    padding-right: 1px;
  }
  body #productConfig .rightBar #dimensionControlsDiv .heightInputGroup .productVariable.height {
    padding-left: 5px;
    padding-right: 2px;
  }
  body #productConfig .rightBar #openingsDiv .aukkotyyppiDiv {
    display: inline-block;
    float: left;
    width: 58%;
    padding-left: 20px;
  }
  body #productConfig .rightBar #openingsDiv .katisyysDiv {
    display: inline-block;
    float: left;
    width: 38%;
    padding-left: 5px;
  }
  body #productConfig .leftBar.floatingLeftBar + .rightBar {
    padding-top: 350px;
  }
  body #windowPatternsScrollDiv {
    width: 300px;
  }
  body #footer .authorDiv {
    float: none;
    clear: both;
    display: block;
    margin-top: 0px;
    margin-bottom: 20px;
    text-align: center;
  }
  body .Main_index_piklas_productSelect {
    height: 130px !important;
  }
  body .Main_index_piklas_productSelect .mobileSubContainer {
    display: block !important;
    margin-top: 30px;
  }
  body .Main_index_piklas_productSelect .mobileSubContainer .windowSpan a {
    font-family: 'Roboto', sans-serif, sans-serif;
    font-weight: 300;
    background-color: #f0de3d;
    border: 2px solid #000;
    border-radius: 8px;
    color: #FFF;
    font-size: 32px;
    letter-spacing: 1px;
    padding: 5px 30px 7px 40px;
    margin: 5px;
  }
  body .Main_index_piklas_productSelect .mobileSubContainer .doorSpan a {
    font-family: 'Roboto', sans-serif, sans-serif;
    font-weight: 300;
    background-color: #f0de3d;
    border: 2px solid #000;
    border-radius: 8px;
    color: #FFF;
    font-size: 32px;
    letter-spacing: 1px;
    padding: 5px 30px 7px 40px;
    margin: 5px;
  }
  body #payment span {
    overflow: visible;
    width: auto;
    height: auto;
    display: block;
  }
  body #payment span img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: static;
    left: auto;
    top: auto;
    width: 97%;
    max-width: 504px;
  }
  body #payment span.provider_mitta {
    overflow: hidden;
    width: 675px;
    height: 40px;
    display: block;
    margin: 0 auto;
  }
  body #payment span.provider_mitta img {
    position: relative;
    left: -10px;
    top: -25px;
  }
  body #top h1 {
    font-size: 36px;
  }
  body h2 {
    font-size: 32px;
  }
  body #productsNew.piklas a:hover .tuotetiedotParent .tuotetietoLyhyt,
  body #productsNew.piklas a:hover .tuotetiedotParent .tuotetieto,
  body #productsNew.piklas a:focus .tuotetiedotParent .tuotetietoLyhyt,
  body #productsNew.piklas a:focus .tuotetiedotParent .tuotetieto,
  body #productsNew.piklas a:active .tuotetiedotParent .tuotetietoLyhyt,
  body #productsNew.piklas a:active .tuotetiedotParent .tuotetieto {
    color: red !important;
  }
  body #productsNew.piklas .tuotetiedotParent .tuotetietoLyhyt {
    font-family: 'Roboto', sans-serif, sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    font-size: 110%;
    font-weight: 400;
    color: #333 !important;
  }
  body #productsNew.piklas .tuotetiedotParent .tuotetieto {
    font-family: 'Roboto', sans-serif, sans-serif;
    letter-spacing: 1px;
    font-size: 110%;
    font-weight: 300;
    color: #333 !important;
  }
  body #productsNew.piklas .tuotetiedotParent .tuotetietoLyhyt.touch,
  body #productsNew.piklas .tuotetiedotParent .tuotetieto.touch {
    color: red !important;
  }
  body #categories #otherProvidersMobileFront {
    position: relative;
  }
  body #categories #otherProvidersMobileFront .productButtons {
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    text-align: center;
  }
  body #categories #otherProvidersMobileFront .productButtons a.btn {
    margin: 5px;
  }
  body .languageBar {
    left: 10px;
    top: 6px;
    width: 150px;
  }
  body .languageBar .dropdown-toggle {
    opacity: 0.4;
  }
  body #cart {
    padding-bottom: 80px;
    border-top: 0px solid white !important;
  }
  body #cart tr.mobileHeaderTr {
    display: inline-block;
    width: 100%;
    display: block;
  }
  body #cart tr.mobileHeaderTr td {
    padding-top: 38px;
    padding-left: 0px;
    padding-bottom: 0px;
  }
  body #cart tr.mobileHeaderTr td:nth-child(1) {
    width: 100% !important;
    font-size: 150%;
    color: #55e;
    vertical-align: bottom;
  }
  body #cart tr.mobileHeaderTr td:nth-child(2) {
    width: 100% !important;
    font-size: 135%;
    color: #555;
    vertical-align: bottom;
    text-align: right;
    padding-right: 2px;
    color: #33751e;
  }
  body #cart tr.product {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 0px solid #ccc;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
  }
  body #cart tr.product.productUpperRow {
    border-top: 1px solid #ccc;
    margin-bottom: 0px;
  }
  body #cart tr.product.productUpperRow td {
    padding-bottom: 0px;
    background: white;
  }
  body #cart tr.product.ominaisuudetRow {
    border-bottom: 1px solid #ccc;
    background: white;
  }
  body #cart tr.product.ominaisuudetRow table {
    margin-top: -10px;
  }
  body #cart tr.product.ominaisuudetRow table tr td {
    padding: 2px;
    border: 0px solid white !important;
  }
  body #cart tr.product td:nth-child(2) {
    width: 100% !important;
    border-right: 0px solid white !important;
    border-left: 2px solid white !important;
  }
  body #cart .campaignDiv {
    float: none !important;
    margin-top: 20px !important;
    margin-left: 0px;
    clear: both;
    display: block;
  }
  body #cart .newsDiv {
    float: none !important;
    margin-top: 20px !important;
    margin-left: 0px;
    clear: both;
    display: block;
  }
  body .deliveryWeekButtonGroupSmall {
    width: 320px !important;
  }
  body .cartBottomTable {
    display: block;
  }
  body .cartBottomTable .tr {
    display: block;
    vertical-align: top;
    clear: both;
  }
  body .cartBottomTable .tr .td {
    vertical-align: top;
    display: block;
    clear: both;
  }
  body .toimitustapaAndContinueDiv {
    clear: both;
    padding-top: 50px;
  }
  body .toimitustapaAndContinueDiv .saveCartDiv {
    margin-left: 10px;
    float: left !important;
    margin-top: 20px;
  }
  body .toimitustapaAndContinueDiv .bottomContinueBtnDiv {
    margin-top: 20px;
  }
  body #checkout .subBtnDiv {
    display: block !important;
    padding: 20px !important;
    margin: 15px !important;
    padding-left: 0px !important;
    margin-left: 0px !important;
    padding-bottom: 0px !important;
    margin-bottom: 0px !important;
    clear: both !important;
  }
  body #checkout #teeTilausBtn {
    clear: both !important;
    float: none !important;
    margin: 7px;
  }
  body #checkout #tiedotDiv .anyLastNameDiv {
    padding-left: 20px !important;
  }
  body #checkout #tiedotDiv .anyLastNameDiv.short {
    padding-left: 1px;
  }
  body #checkout #tiedotDiv .anyLastNameDiv .anyLastName {
    max-width: 100% !important;
    width: 100% !important;
    display: block !important;
  }
  body #checkout #tiedotDiv .anyLastNameDiv .anyLastName.short {
    min-width: auto !important;
  }
  body #checkout #tiedotDiv .anyLastNameDiv .anyLastName.long {
    min-width: auto !important;
  }
  body .maksutavatParagraph img {
    width: 100%;
  }
  body #productConfig {
    padding-top: 0px;
    margin-top: 0px;
    display: inline-block;
  }
  body .nav.verkkokauppaversio > li > a {
    padding-left: 10px;
  }
  body #nav {
    background: #f0de3d;
    max-height: 38px;
    min-height: 38px;
  }
  body #nav .providerNameLink:hover {
    text-decoration: none;
  }
  body #nav .providerNameLink .providerName {
    display: block;
    color: rgba(255,255,255,0.85);
    margin-left: 15px;
    text-transform: none;
    font-size: 24px;
    margin-top: 5px;
    margin-bottom: 0px;
    margin-right: 0px;
  }
  body #nav #navRightPart {
    max-height: 38px;
  }
  body #nav .nav-collapse {
    margin-top: 7px;
  }
  body #nav .navbar-toggle {
    right: 2px;
    margin-top: 3px;
    margin-bottom: 0px;
    height: 32px;
  }
  body #nav .navbar-nav {
    margin-bottom: 0px;
  }
  body #nav.miniNavbarOnMobile {
    max-height: 0px;
    min-height: 0px;
    background: white;
    position: absolute;
    width: 100%;
    float: right;
    margin-bottom: 0px !important;
  }
  body #nav.miniNavbarOnMobile #navRightPart {
    max-height: 0px;
  }
  body #nav.miniNavbarOnMobile .navbar-toggle {
    display: none;
  }
  body #miniNavBar {
    display: inline-block;
    position: absolute;
    top: 0px;
    right: 2px;
    z-index: 100001;
    padding: 0;
    margin: 0;
  }
  body #miniNavBar .navbar-toggle {
    position: fixed;
    top: 3px;
    right: 2px;
    float: right;
    border: 1px solid #f0de3d;
    height: 32px;
    margin-top: 2px;
    margin-bottom: 2px;
  }
  body #miniNavBar .navbar-toggle .icon-bar {
    background-color: #f0de3d !important;
  }
  body #miniNavBar .navbar-toggle:hover {
    background: white;
  }
  body #products.row.piklas-doors,
  body .row.products-headered {
    margin-left: -20px;
    margin-right: -20px;
  }
  body #products.row.piklas-doors img.productCategoryHeaderImage,
  body .row.products-headered img.productCategoryHeaderImage {
    width: 100%;
  }
  body #productnavlist {
    margin-top: 50px;
    margin-bottom: 50px;
  }
  body #container {
    padding-left: 0px;
    padding-right: 0px;
  }
  #windowPatternsDiv {
    white-space: nowrap;
  }
  #windowPatternsScrollDiv {
    overflow-x: scroll;
    border-right: 1px solid #ddd;
  }
  #windowPatternsScrollDiv::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  #windowPatternsScrollDiv::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  #windowPatternsScrollDiv::-webkit-scrollbar:vertical {
    height: 11px;
  }
  #windowPatternsScrollDiv::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.3);
  }
  #windowPatternsScrollDiv::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.5);
  }
  #priceDetails .totalPrice {
    font-size: 150% !important;
  }
  body .patternThumbnailDiv.patternsDialog.sideLitePatternsDialog {
    max-width: calc(100% - 40px);
    min-width: calc(100% - 40px);
  }
  body #reclamationDialog .modal-body .reclamationSvgImageDiv {
    float: none;
  }
  body #reclamationDialog .modal-dialog {
    width: auto;
  }
  body #gridDialog2 .modal-dialog {
    width: auto;
  }
  body .cart-wrapper {
    padding-top: 30px;
  }
  body .kplChooser {
    display: inline-block;
    padding-right: 5px;
    width: 70px;
  }
  body .kplChooser select {
    display: block;
    width: 100%;
    height: 32px;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 1.428571429;
    color: #555555;
    vertical-align: middle;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    padding-top: 3px;
    padding-bottom: 3px;
  }
  body .kplChooser select:-moz-placeholder {
    color: #999999;
  }
  body .kplChooser select::-moz-placeholder {
    color: #999999;
  }
  body .kplChooser select:-ms-input-placeholder {
    color: #999999;
  }
  body .kplChooser select::-webkit-input-placeholder {
    color: #999999;
  }
  body .kplChooser select:focus {
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  }
  body .kplChooser select[disabled],
  body .kplChooser select[readonly],
  fieldset[disabled] body .kplChooser select {
    cursor: not-allowed;
    background-color: #eeeeee;
  }
  textareabody .kplChooser select {
    height: auto;
  }
  body #quantityInput {
    background: rgba(255,255,255,0) !important;
    border: none !important;
  }
  body .orderQuantityInput {
    display: none !important;
  }
  .workDialogContentDiv .productInfoDiv {
    padding-left: 15px !important;
  }
  .workDialogContentDiv select.workUserSelect,
  .workDialogContentDiv select.workDispatchWeek {
    width: 100% !important;
  }
  .workDialogContentDiv .sendPdfToWorkDispatcherDiv .dropdown-menu {
    float: right !important;
  }
  .installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient .installationClient {
    white-space: nowrap;
    overflow-x: scroll;
  }
  .supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient .supplierClient {
    white-space: nowrap;
    overflow-x: scroll;
  }
}
.kplChooser {
  display: none;
}
.toimitustapaAndContinueDiv {
  padding-top: 15px;
}
.cartBottomTable {
  margin-top: 25px;
  display: table;
}
.cartBottomTable .tr {
  display: table-row;
  vertical-align: top;
}
.cartBottomTable .tr .td {
  vertical-align: top;
  display: table-cell;
}
.mobileSubContainer {
  display: none;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 767px) {
  .ios-laite select,
  .ios-laite textarea,
  .ios-laite input {
    font-size: 16px !important;
  }
}
#svgDialog {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  display: none;
  background: #ffffff;
  border: 0px solid white;
  min-width: 200px;
  max-width: 200px;
  width: 200px;
}
#svgDialog .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#svgDialog .closeDiv a {
  font-size: 120%;
  text-decoration: none;
}
#svgDialog .row {
  margin-left: 0;
  margin-right: 0;
}
#svgDialog.dimensionDialog {
  min-width: 140px;
  max-width: 140px;
  width: 140px;
}
#svgDialog select {
  background: #ffffff;
  border: 1px solid rgba(100,100,100,0.5);
}
#svgDialog select:active,
#svgDialog select:hover,
#svgDialog select:focus {
  background: #fff;
  border: 1px solid #ccc;
}
#svgDialog .form-control {
  margin: 2px;
  padding: 0px;
  padding-left: 3px;
}
#svgDialog .col-1,
#svgDialog .col-2,
#svgDialog .col-3,
#svgDialog .col-4,
#svgDialog .col-5,
#svgDialog .col-6,
#svgDialog .col-7,
#svgDialog .col-8,
#svgDialog .col-9,
#svgDialog .col-10,
#svgDialog .col-11,
#svgDialog .col-12,
#svgDialog .col-sm-1,
#svgDialog .col-sm-2,
#svgDialog .col-sm-3,
#svgDialog .col-sm-4,
#svgDialog .col-sm-5,
#svgDialog .col-sm-6,
#svgDialog .col-sm-7,
#svgDialog .col-sm-8,
#svgDialog .col-sm-9,
#svgDialog .col-sm-10,
#svgDialog .col-sm-11,
#svgDialog .col-sm-12,
#svgDialog .col-lg-1,
#svgDialog .col-lg-2,
#svgDialog .col-lg-3,
#svgDialog .col-lg-4,
#svgDialog .col-lg-5,
#svgDialog .col-lg-6,
#svgDialog .col-lg-7,
#svgDialog .col-lg-8,
#svgDialog .col-lg-9,
#svgDialog .col-lg-10,
#svgDialog .col-lg-11,
#svgDialog .col-lg-12 {
  padding-left: 1px;
  padding-right: 2px;
}
#svgDialog .form-group {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
}
.authorDiv {
  float: right;
  margin-top: -45px;
  font-size: 110%;
}
.Main_index_piklas_productSelect {
  position: relative;
  width: 100%;
  height: 200px;
  text-align: center;
}
.Main_index_piklas_productSelect .subContainer {
  position: absolute;
  top: -100px;
  width: 100%;
  white-space: nowrap;
}
.Main_index_piklas_productSelect .subContainer .windowSpan {
  white-space: nowrap;
  margin-left: auto;
  margin-right: auto;
}
.Main_index_piklas_productSelect .subContainer .windowSpan a {
  z-index: 21;
  top: 180px;
  margin-left: -100px;
  font-family: 'Roboto', sans-serif, sans-serif;
  font-weight: 300;
  background-color: #f0de3d;
  border: 2px solid #000;
  border-radius: 8px;
  color: #FFF;
  font-size: 32px;
  letter-spacing: normal;
  padding: 5px 30px 7px 40px;
}
.Main_index_piklas_productSelect .subContainer .doorSpan {
  margin-left: 50px;
  white-space: nowrap;
}
.Main_index_piklas_productSelect .subContainer .doorSpan a {
  z-index: 21;
  top: 180px;
  margin-left: -100px;
  font-family: 'Roboto', sans-serif, sans-serif;
  font-weight: 300;
  background-color: #f0de3d;
  border: 2px solid #000;
  border-radius: 8px;
  color: #FFF;
  font-size: 32px;
  letter-spacing: normal;
  padding: 5px 30px 7px 40px;
}
.graphicGridMenu button.dropdown-toggle {
  width: 100%;
  text-align: left;
  color: #555;
}
.graphicGridMenu ul.dropdown-menu {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  height: auto;
  max-height: 200px;
  overflow-x: hidden;
}
.graphicGridMenu ul.dropdown-menu a {
  width: 100%;
  height: auto;
}
.graphicGridMenu ul.dropdown-menu a table {
  border: 5px solid #777;
  padding: 10px;
  margin: 10px;
  margin-left: auto;
  margin-right: auto;
  border-collapse: collapse;
}
.graphicGridMenu ul.dropdown-menu a table:hover {
  border: 5px solid #444;
}
.graphicGridMenu ul.dropdown-menu a table:hover td {
  border: 3px solid #777;
}
.graphicGridMenu ul.dropdown-menu a table td {
  border: 3px solid #aaa;
}
.piklas-doors,
.products-headered {
  max-width: 840px;
}
.piklas-doors .info a:hover,
.products-headered .info a:hover {
  text-decoration: none;
}
.piklas-doors .product,
.products-headered .product {
  border: 0px solid white;
  box-shadow: none !important;
}
.piklasDoorProductNavList.productnavlist {
  z-index: 1001;
}
.piklasDoorProductNavList.productnavlist .navLinkProductCategory {
  font-weight: 700;
  text-decoration: none;
  padding-left: 1px !important;
  width: 175px !important;
  min-width: 175px;
  transition-duration: 0.55s;
}
.piklasDoorProductNavList.productnavlist .navLinkProductCategory:hover {
  color: #f0de3d;
}
.piklasDoorProductNavList.productnavlist .navLinkAHref {
  text-decoration: none !important;
}
.piklasDoorProductNavList.productnavlist ul {
  list-style-type: none;
  font-family: 'Roboto', sans-serif, sans-serif;
  line-height: 250%;
  letter-spacing: 1px;
  margin-left: 15px;
}
.piklasDoorProductNavList.productnavlist ul a {
  color: #333;
  text-transform: uppercase;
}
.piklasDoorProductNavList.productnavlist ul li {
  outline: none;
}
.piklasDoorProductNavList.productnavlist ul li i.icon-chevron-right {
  opacity: 0;
  background: #f0de3d;
  margin-right: 5px;
  padding: 5px 5px 4px 7px;
  color: white;
  border-radius: 5px;
  font-size: 10px;
}
.piklasDoorProductNavList.productnavlist ul li.active a {
  color: #f0de3d !important;
  text-decoration: underline;
}
.piklasDoorProductNavList.productnavlist ul li.active i.icon-chevron-right {
  opacity: 1;
}
#topProductLinesDiv {
  width: auto;
  display: inline-block;
}
a.productLineFlag {
  display: inline-block;
  padding: 10px;
  margin: 10px;
  height: 80px;
  color: white;
  text-transform: uppercase;
  font-size: 120%;
  width: 90px;
  background: url(../img/reuna.png) no-repeat;
  background-position: 0% 100%;
  background-size: 187px 63px;
}
a.productLineFlag:hover {
  text-decoration: none;
}
input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='date'] {
  -moz-appearance: textfield;
}
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type='number'] {
  -moz-appearance: textfield;
}
#specialColorNote {
  display: none;
  color: #dd514c;
  padding-top: 1px;
  margin-top: -10px;
  font-size: 95%;
}
#vaamColorNote {
  color: #dd514c;
  padding-top: 1px;
  margin-top: -10px;
  font-size: 95%;
}
.customColorNote {
  display: none;
  color: #dd514c;
  padding-top: 1px;
  margin-top: -10px;
  font-size: 95%;
  margin: 10px;
}
body #productConfig .leftBar.fullScreened {
  margin-left: 0px !important;
  width: 100% !important;
  height: 100% !important;
  position: fixed !important;
  left: 0px !important;
}
body #productConfig .leftBar.fullScreened.leftBar-window {
  top: 0px !important;
  padding-top: 5px;
}
body #productConfig .leftBar.fullScreened.leftBar-slidingDoor {
  top: 0px !important;
  padding-top: 5px;
}
body #productConfig .leftBar.fullScreened.leftBar-part {
  top: 0px !important;
  padding-top: 5px;
}
body #productConfig .leftBar.fullScreened.leftBar-door {
  top: -20px !important;
  padding-left: 550px !important;
}
body::-ms-backdrop {
  background: white;
}
body:-webkit-full-screen {
  width: 100% !important;
  height: 100% !important;
}
div#fullscreenDiv {
  position: fixed;
  top: 0px;
  right: 0;
  padding: 11px;
  padding-top: 5px;
  padding-right: 3px;
}
div#fullscreenDiv a {
  padding: 8px;
  color: white;
  font-size: 150%;
  text-shadow: 1px 1px 5px #777;
  text-decoration: none;
}
div#fullscreenDiv a:hover {
  color: #56f;
}
.translationTable {
  width: 100%;
}
.translationTable tr.headerRowForLanguageHeaders td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.translationTable tr.headerRowForLanguageHeaders td:first-child {
  padding-left: 30px;
}
.translationTable tr.headerRowForLanguageHeaders td:last-child {
  padding-left: 10px;
  padding-right: 30px;
}
.translationTable tr.headerRow td {
  padding-top: 10px;
  padding-bottom: 10px;
}
.translationTable tr.headerRow td:first-child {
  padding-left: 30px;
}
.translationTable tr.headerRow td:last-child {
  padding-left: 10px;
  padding-right: 30px;
}
.translationTable tr.headerRow td h3 {
  color: gray;
  display: inline-block;
}
.translationTable tr.textRow.notUsed textarea:first-child {
  background: #dbdbdb;
  color: #444;
}
.translationTable tr.textRow td:first-child {
  padding-bottom: 20px;
  padding-left: 30px;
}
.translationTable tr.textRow td:last-child {
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 30px;
}
.translationTable tr.textRow td textarea {
  width: 100%;
  height: 100px;
  font-size: 140%;
  color: black;
  padding-bottom: 0px;
}
.translationTable tr.textRow td textarea.empty {
  background: #fdd;
}
.translationTable tr.textRow td textarea.saving {
  border-color: blue;
}
.translationTable tr.textRow td textarea.failed {
  background: red;
}
.translationTable tr.textRow td textarea[readonly] {
  background: #fbfbfb;
  cursor: default;
}
.mittariContainer {
  position: fixed;
  top: 0px;
  left: 0px;
  height: 100%;
  width: 70px;
  opacity: 0.5;
  transition: opacity .25s ease-in-out;
}
.mittariContainer:hover {
  opacity: 1.0;
}
.mittariContainer .mittari {
  left: 10px;
  top: 40px;
  position: relative;
  width: 20px;
  height: 85%;
  border-radius: 5px;
  border: 1px solid black;
  opacity: 0.8;
}
.mittariContainer .mittari .empty {
  opacity: 0.5;
  background: white;
  border-radius: 5px;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.mittariContainer .mittari .full {
  background: #9dd53a;
  background: -moz-linear-gradient(left,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: -webkit-linear-gradient(left,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  background: linear-gradient(to right,#9dd53a 0%,#a1d54f 50%,#80c217 51%,#7cbc0a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dd53a',endColorstr='#7cbc0a',GradientType=1);
  border-radius: 4px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.searchBoxDiv {
  width: 450px;
}
.searchBoxDiv.floating {
  z-index: 100000000000;
  position: fixed;
  top: 0px;
  float: none;
  border-radius: 5px;
  border: 1px solid #ccc;
  border-top-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background: rgba(255,255,255,0.8);
  padding: 10px;
}
.adTextDiv {
  font-size: 125%;
  line-height: 150%;
  font-family: 'Roboto', sans-serif;
  display: none;
  border: 2px solid white;
  width: 240px;
  padding: 10px;
  padding-left: 5px;
  padding-right: 4px;
  padding-bottom: 30px;
  background: #f0de3d;
  color: white;
  text-align: center;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.5);
  position: absolute;
  top: 0px;
  right: 50px;
  z-index: 1000;
  opacity: 0.9;
}
.adTextDiv .closeBtn {
  position: absolute;
  top: 0px;
  right: 9px;
  color: white;
  font-size: 150%;
  text-decoration: none;
  padding: 15px;
  padding-top: 0px;
  padding-right: 0px;
  margin-top: 0px;
}
.adTextDiv .closeBtn:hover {
  color: black;
}
.sliding.dropdown-menu {
  animation-name: slidenavAnimation;
  animation-duration: .5s;
  animation-iteration-count: 1;
  animation-timing-function: ease;
  animation-fill-mode: forwards;
  -webkit-animation-name: slidenavAnimation;
  -webkit-animation-duration: .5s;
  -webkit-animation-iteration-count: 1;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: forwards;
  -moz-animation-name: slidenavAnimation;
  -moz-animation-duration: .5s;
  -moz-animation-iteration-count: 1;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: forwards;
}
@keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@-webkit-keyframes slidenavAnimation {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.floatingMessages {
  position: fixed;
  top: 10px;
  left: 33%;
  width: 33%;
  z-index: 10000000;
}
.floatingMessages .floatingMessage {
  display: none;
}
.marginBottom-0 {
  margin-bottom: 0;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu > .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -6px;
  margin-left: -8px;
  -webkit-border-radius: 0 6px 6px 6px;
  -moz-border-radius: 0 6px 6px 6px;
  border-radius: 0 6px 6px 6px;
}
.dropdown-submenu > a:after {
  display: block;
  content: " ";
  float: right;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 5px;
  border-left-color: #cccccc;
  margin-top: 5px;
  margin-right: -10px;
}
.dropdown-submenu > a:after {
  content: " ";
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
  border-width: 10px 0 10px 10px;
  border-left-color: #cccccc;
  border-left-color: #111;
  position: absolute;
  right: 20px;
  bottom: 40%;
}
.dropdown-submenu:hover > a:after {
  border-left-color: #555;
}
.dropdown-submenu.pull-left {
  float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
  -webkit-border-radius: 6px 0 6px 6px;
  -moz-border-radius: 6px 0 6px 6px;
  border-radius: 6px 0 6px 6px;
}
.optionContainer.normalOptionContainer .hasSubMenu {
  display: none;
  opacity: 0.8;
}
.optionContainer.normalOptionContainer .optionSubMenu {
  display: block;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  min-width: 100%;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding-left: 8px;
  position: relative;
  text-align: left;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:focus {
  color: #333;
  text-decoration: none;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:active,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled],
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:focus,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:active,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled:hover,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled:focus,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled:active,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.disabled.active,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled],
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled]:hover,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled]:focus,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled]:active,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn[disabled].active,
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn,
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:hover,
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:focus,
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:active,
fieldset[disabled] .optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn.isInProgressSubMenuForAdmin {
  border: 1px dashed #6F6F5A;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn i.caret {
  position: absolute;
  top: 50%;
  right: 5px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn:focus {
  background: inherit;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso {
  display: none;
  vertical-align: top;
  max-width: 220px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso.nakyvaTaso {
  display: inline-block;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso .optionPicContainerDiv {
  padding-bottom: 4px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso .optionPicContainerDiv .optionPic {
  max-width: 100px;
  max-height: 60px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso .optionText {
  white-space: normal;
  font-size: 110%;
  color: #222;
  text-align: left;
  font-weight: normal;
  padding-top: 0px;
  max-width: 150px;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso .optionText.isWhitishColor {
  color: #333;
}
.optionContainer.normalOptionContainer .optionSubMenu> a.firstBtn .taso .optionText.isNotWhiteColor {
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}
.optionContainer.normalOptionContainer .optionSubMenu.noShowPath> a.firstBtn.havingPic {
  padding: 0;
}
.optionContainer.normalOptionContainer .optionSubMenu.noShowPath> a.firstBtn.havingPic .taso img {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.optionContainer.normalOptionContainer .optionSubMenu.noShowPath> a.firstBtn .taso.nakyvaTaso {
  display: inline-flex;
}
.optionContainer.normalOptionContainer .optionSubMenu.noShowPath> a.firstBtn .taso .optionPicContainerDiv {
  padding-bottom: 0px;
  float: left;
  display: inline-block;
}
.optionContainer.normalOptionContainer .optionSubMenu.noShowPath> a.firstBtn .taso .optionText {
  display: inline;
}
.optionContainer.normalOptionContainer .optionSubMenu.showPath> a.firstBtn.havingPic {
  padding: 0;
}
.optionContainer.normalOptionContainer .optionSubMenu.showPath> a.firstBtn.havingPic .taso:first-child img {
  border-top-left-radius: 3px;
}
.optionContainer.normalOptionContainer .optionSubMenu div.usageEditLinkDiv {
  position: absolute;
  bottom: 0px;
  right: -30px;
}
.optionContainer.normalOptionContainer .optionSubMenu div.usageEditLinkDiv .usageEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 15px;
  fpadding-left: 22px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #aaa;
}
.optionContainer.normalOptionContainer .optionSubMenu div.usageEditLinkDiv .usageEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
  transform: rotate(40deg);
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu {
  margin-top: -1px;
  max-width: 260px;
  min-width: 210px !important;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10000001;
  border-color: #bbb;
  background: #fafafa;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li.optionSubMenuLi {
  display: flex;
  min-width: 260px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li.finalOptionLi {
  display: flex;
  min-width: 140px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink {
  white-space: normal;
  padding-left: 10px;
  font-size: 80%;
  position: relative;
  transition: background-color 0.2s;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink:hover {
  transition: background-color 0.0s;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.nonFinalLink {
  flex: 1 0 0px;
  overflow-wrap: normal;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.nonFinalLink .nonFinalLinkOptionTextContainerDiv {
  display: block;
  position: relative;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.nonFinalLink .nonFinalLinkOptionTextContainerDiv.optionTextWithPic {
  min-height: 60px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.finalLink {
  flex: 1 0 0px;
  overflow-wrap: normal;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.finalLink .finalLinkOptionTextContainerDiv {
  display: block;
  position: relative;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.finalLink .finalLinkOptionTextContainerDiv.optionTextWithPic {
  min-height: 60px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.havingPic {
  padding: 0;
  padding-left: 5px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.havingImagePlaceholderDiv {
  padding: 0;
  padding-left: 5px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink[disabled] .optionText {
  color: #ccc !important;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink[disabled] .optionPic {
  opacity: 0.5 !important;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv {
  position: absolute;
  bottom: 0px;
  right: 0px;
  display: inline-flex;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionEditLinkDiv .optionEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #777;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionEditLinkDiv .optionEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionAddQuestionLinkDiv {
  display: block;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #777;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionAddQuestionLinkDiv.answeredOptionAddQuestionLinkDiv {
  color: #f0de3d;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionAddQuestionLinkDiv:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionCopyLinkDiv {
  opacity: 0;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionCopyLinkDiv:hover {
  opacity: 1;
  background: #ccc;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionCopyLinkDiv .optionCopyLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #555;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinksContainerDiv div.optionCopyLinkDiv .optionCopyLink:hover {
  transition: transform 0.2s;
  transition-delay: 1s;
  color: black;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li:first-child {
  overflow: visible;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li:first-child .optionPic {
  border-top-left-radius: 1px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li:last-child {
  overflow: visible;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu li:last-child .optionPic {
  border-bottom-left-radius: 1px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu div.placeholderingImgDiv {
  float: left !important;
  background: inherit;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv {
  padding-bottom: 0px;
  flex: 0 0 auto;
  position: relative;
  width: auto;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv.menuLevelHasPics {
  min-height: 60px;
  max-height: 60px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv.menuLevelHasPics.missingOptionPic {
  min-height: 35px;
  max-height: 35px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv.hasPlaceholderPic {
  max-width: 30px;
  min-width: 30px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv img.optionPic {
  width: auto;
  max-width: 100px;
  height: 60px;
  transition: max-height 0s, max-width 0s, top 0s, left 0s;
  top: 0;
  left: 0;
  transition-delay: 0s;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv img.optionPic.emptyPlaceholderImg {
  height: 30px;
  max-height: 30px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv img.optionPic.emptyPlaceholderImg {
  height: 30px;
  max-height: 30px;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv img.optionPic.hoveringImg {
  transition: max-height 0.5s, max-width 0.5s, top 0.5s, left 0.5s;
  transition-delay: 0.3s;
  max-width: 150px;
  max-height: 80px;
  position: absolute;
  z-index: 1000000;
  top: -15px;
  left: -20px;
  pointer-events: none;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv img.optionPic:hover + i.optionInfoTooltipSign {
  color: #990000;
  transition: color 0.5s;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv i.optionInfoTooltipSign {
  position: absolute;
  left: 7px;
  bottom: 7px;
  text-shadow: 0px 0px 10px white, 0px 0px 10px white;
  color: red;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv .imageShadow {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv:hover .imageShadow {
  display: block;
  box-shadow: inset 0px 0px 10px 0 rgba(0,0,0,0.5);
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionText {
  white-space: normal;
  font-size: 130%;
  color: #222;
  padding-right: 20px;
  font-weight: normal;
}
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li.semiActive > a.subMenuLink,
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li.active.semiActive > a.subMenuLink {
  color: #fff;
  background-image: none;
  background-color: #ccc;
}
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink {
  text-decoration: none;
  color: black !important;
  background-color: #fafafa;
  background-image: none;
}
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink:hover,
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink:focus {
  background-image: none;
  background-color: #ccc;
}
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li > a.subMenuLink:hover,
.optionContainer.normalOptionContainer .optionSubMenu ul.dropdown-menu > li > a.subMenuLink:focus {
  background-image: none;
  background-color: #ccc;
}
.optionContainer.normalOptionContainer .optionSubMenu li.levelTitle {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}
.optionContainer.newColorOptionContainer .hasSubMenu {
  display: none;
  opacity: 0.8;
  border-width: 0;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.optionContainer.newColorOptionContainer .optionSubMenu {
  display: block;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  min-width: 100%;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  padding-left: 8px;
  position: relative;
  text-align: left;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:focus {
  color: #333;
  text-decoration: none;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:active,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled],
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:focus,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:active,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled:hover,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled:focus,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled:active,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.disabled.active,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled],
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled]:hover,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled]:focus,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled]:active,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn[disabled].active,
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn,
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:hover,
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:focus,
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:active,
fieldset[disabled] .optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn.isInProgressSubMenuForAdmin {
  border: 1px dashed #6F6F5A;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn i.caret {
  position: absolute;
  top: 50%;
  right: 5px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:hover,
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn:focus {
  background: inherit;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso {
  display: none;
  vertical-align: top;
  max-width: 220px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso.nakyvaTaso {
  display: inline-block;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso .optionPicContainerDiv {
  padding-bottom: 4px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso .optionPicContainerDiv .optionPic {
  max-width: 100px;
  max-height: 60px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso .optionText {
  white-space: normal;
  font-size: 110%;
  color: #222;
  text-align: left;
  font-weight: normal;
  padding-top: 0px;
  max-width: 100px;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso .optionText.isWhitishColor {
  color: #333;
}
.optionContainer.newColorOptionContainer .optionSubMenu> a.firstBtn .taso .optionText.isNotWhiteColor {
  color: #fff;
  text-shadow: 1px 1px 5px #000;
}
.optionContainer.newColorOptionContainer .optionSubMenu.noShowPath> a.firstBtn.havingPic {
  padding: 0;
}
.optionContainer.newColorOptionContainer .optionSubMenu.noShowPath> a.firstBtn.havingPic .taso img {
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
.optionContainer.newColorOptionContainer .optionSubMenu.noShowPath> a.firstBtn .taso .optionPicContainerDiv {
  padding-bottom: 0px;
  float: left;
  display: inline-block;
}
.optionContainer.newColorOptionContainer .optionSubMenu.noShowPath> a.firstBtn .taso .optionText {
  display: inline;
}
.optionContainer.newColorOptionContainer .optionSubMenu.showPath> a.firstBtn.havingPic {
  padding: 0;
}
.optionContainer.newColorOptionContainer .optionSubMenu.showPath> a.firstBtn.havingPic .taso:first-child img {
  border-top-left-radius: 3px;
}
.optionContainer.newColorOptionContainer .optionSubMenu div.usageEditLinkDiv {
  position: absolute;
  bottom: 0px;
  right: -30px;
}
.optionContainer.newColorOptionContainer .optionSubMenu div.usageEditLinkDiv .usageEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 15px;
  fpadding-left: 22px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #aaa;
}
.optionContainer.newColorOptionContainer .optionSubMenu div.usageEditLinkDiv .usageEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
  transform: rotate(40deg);
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu {
  margin-top: -1px;
  max-width: 260px;
  min-width: 210px;
  padding-top: 0;
  padding-bottom: 0;
  z-index: 10000001;
  border-color: #bbb;
  background: #fafafa;
  box-shadow: 0 6px 18px rgba(0,0,0,0.3);
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink {
  white-space: normal;
  padding-left: 10px;
  font-size: 80%;
  position: relative;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.havingPic {
  padding: 0;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink.havingImagePlaceholderDiv {
  padding: 0;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink[disabled] .optionText {
  color: #ccc !important;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink[disabled] .optionPic {
  opacity: 0.5 !important;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinkDiv {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinkDiv .optionEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #555;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionEditLinkDiv .optionEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
  transform: rotate(40deg);
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionCopyLinkDiv {
  position: absolute;
  bottom: 0px;
  right: 20px;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionCopyLinkDiv:hover {
  background: #ccc;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionCopyLinkDiv .optionCopyLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #555;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li a.subMenuLink div.optionCopyLinkDiv .optionCopyLink:hover {
  transition: transform 0.2s;
  transition-delay: 1s;
  color: black;
  transform: rotate(-15deg);
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li:first-child {
  overflow: visible;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li:first-child .optionPic {
  border-top-left-radius: 1px;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li:last-child {
  overflow: visible;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu li:last-child .optionPic {
  border-bottom-left-radius: 1px;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu div.placeholderingImgDiv {
  float: left !important;
  background: inherit;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu .noImagePlaceholderDiv {
  max-width: 100px;
  max-height: 35px;
  width: 100px;
  height: 60px;
  padding-right: 5px;
  top: 0;
  left: 0;
  position: relative;
  float: left !important;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu .optionPic {
  max-width: 100px;
  max-height: 60px;
  padding-right: 5px;
  transition: max-height 0s, max-width 0s, top 0s, left 0s;
  top: 0;
  left: 0;
  transition-delay: 0s;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu .optionPic.hoveringImg {
  transition: max-height 0.5s, max-width 0.5s, top 0.5s, left 0.5s;
  transition-delay: 0.3s;
  max-width: 150px;
  max-height: 80px;
  position: absolute;
  z-index: 1000000;
  top: -15px;
  left: -20px;
  pointer-events: none;
}
.optionContainer.newColorOptionContainer .optionSubMenu .dropdown-menu .optionText {
  white-space: normal;
  font-size: 130%;
  color: #222;
}
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li.semiActive > a.subMenuLink,
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li.active.semiActive > a.subMenuLink {
  color: #fff;
  background-image: none;
  background-color: #ccc;
}
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink {
  text-decoration: none;
  color: black !important;
  background-color: #fafafa;
  background-image: none;
}
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink:hover,
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li.active > a.subMenuLink:focus {
  background-image: none;
  background-color: #ccc;
}
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li > a.subMenuLink:hover,
.optionContainer.newColorOptionContainer .optionSubMenu ul.dropdown-menu > li > a.subMenuLink:focus {
  background-image: none;
  background-color: #ccc;
}
.optionContainer.newColorOptionContainer .optionSubMenu li.levelTitle {
  color: black;
  font-weight: bold;
  text-transform: uppercase;
}
.yritysesittelyDiv {
  padding: 60px;
  padding-top: 20px;
}
.yritysesittelyDiv h1,
.yritysesittelyDiv h2 {
  padding-bottom: 10px;
  padding-top: 15px;
  font-weight: 200;
}
.yritysesittelyDiv h2 {
  font-size: 40px;
}
.yritysesittelyDiv p {
  line-height: 175%;
  font-size: 14px;
}
.inavailable,
.inavailable label {
  color: #eee !important;
}
.inavailable:hover,
.inavailable label:hover {
  color: #ccc !important;
}
.inavailable.selectious {
  display: none;
}
.inavailable select {
  color: #bbb;
}
#hyttyspuiteTitle.inavailable.selectious {
  display: none;
}
#openingHandleTitle.inavailable.selectious {
  display: none;
}
#openingAukipitolaiteTitle.inavailable.selectious {
  display: none;
}
.streamLogHeader {
  font-size: 24px;
}
.streamLogPage {
  accent-color: #f0de3d;
}
.streamLogPage .streamLogForm {
  margin-top: 12px;
}
.streamLogPage .streamLogForm .form-group {
  margin-bottom: 10px;
}
.streamLogPage .streamLogForm .detailledDateDiv {
  display: inline-block;
  padding-left: 15px;
  color: black;
}
.streamLogPage .streamLogForm .detailledDateDiv .dateHint {
  display: inline-block;
  padding-right: 10px;
}
.microphone {
  font-size: 200%;
  position: fixed;
  top: 0;
  right: 200px;
  z-index: 10000000;
}
.microphone:hover {
  background-color: #eef;
}
.microphone:hover a {
  text-decoration: none;
}
.microphone #lastText {
  background: rgba(255,255,255,0);
  border-width: 0px;
  color: blue;
  font-size: 115%;
  text-align: right;
  opacity: 0.5;
}
.microphone #lastText.found {
  color: green;
}
.microphone #lastText.notFound {
  color: red;
}
@media screen and (max-width: 1210px) {
  body #shippingBooking .unbookedDiv.withProductionBatches {
    width: 46%;
  }
  body #shippingBooking .bookedDiv.withProductionBatches {
    width: 54%;
  }
}
#booking {
  margin-top: 15px;
}
#booking #searchUnbookedsForm {
  width: 100%;
  padding: 0;
  margin: 0;
}
#booking #searchUnbookedsForm .row {
  margin-top: 15px;
  margin-bottom: 25px;
}
#booking #searchUnbookedsForm label {
  font-weight: normal;
}
#booking #searchUnbookedsForm .form-group {
  margin: 4px;
}
#booking #searchUnbookedsForm .searchBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id:-moz-placeholder {
  color: #999999;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id::-moz-placeholder {
  color: #999999;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id:-ms-input-placeholder {
  color: #999999;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id::-webkit-input-placeholder {
  color: #999999;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id[disabled],
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id[readonly],
fieldset[disabled] #booking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  height: auto;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .form-control,
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio,
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox {
  display: inline-block;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio,
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio input[type="radio"],
#booking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
#booking .unbookedDiv {
  float: left;
}
#booking .unbookedDiv.withProductionBatches {
  padding-left: 5px;
  padding-right: 5px;
  width: 630px;
  min-width: 630px;
  max-width: 630px;
}
#booking .unbookedDiv .scrollBox {
  height: 2000px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 210px;
}
#booking .unbookedDiv h4 {
  margin-top: 15px;
}
#booking .unbookedDiv .batchCountAndProgressBarParentSpan {
  line-height: 100%;
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}
#booking .unbookedDiv .productionProgressBar {
  display: block;
  width: 30px;
  height: 6px;
  border: 1px solid #ccc;
  background: white;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  margin-left: auto;
  overflow: hidden;
}
#booking .unbookedDiv .productionProgressBar.red {
  border: 1px solid #ebb;
}
#booking .unbookedDiv .productionProgressBar.erroneousBar {
  border: 1px solid #ddd;
  background: #eee;
}
#booking .unbookedDiv .productionProgressBar .progressLeftBar {
  border-radius: 0px;
  padding: 0;
  margin: 0;
  background: lightgreen;
  display: block;
  height: 9px;
}
#booking .unbookedDiv .productionProgressBar .progressLeftBar.red {
  background: red;
}
#booking .unbookedDiv .productionProgressBar .progressLeftBar.erroneousBar {
  background: #eee;
}
#booking .bookedDiv {
  float: left;
}
#booking .bookedDiv.withoutProductionBatches {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}
#booking .bookedDiv .productionBatchesInternalDivRow {
  width: 100%;
}
#booking .bookedDiv.withProductionBatches {
  width: calc(100% -  630px );
  max-width: calc(100% -  630px );
  min-width: calc(100% -  630px );
  padding-right: 0px;
  padding-top: 0px;
}
#booking .book.ennakkomaksu {
  opacity: 0.5;
  pointer-events: none;
}
#booking .book.ennakkomaksu .ennakkomaksuDiv {
  position: absolute;
  top: 4px;
  left: calc(50% - 70px + 5px);
}
#booking .book.disableProduction {
  opacity: 0.5;
  pointer-events: none;
}
#booking .book.disableProduction .disableProductionDiv {
  position: absolute;
  top: 4px;
  left: calc(50% - 40px + 5px);
}
#booking .book.disableProductionForBookedBatch .disableProductionDiv {
  position: absolute;
  top: 4px;
  left: calc(50% - 40px + 5px);
}
#booking .showCartPageBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  float: right !important;
  padding-top: 2px;
  padding-bottom: 1px;
  border: 0px;
  background: rgba(255,255,255,0);
  color: #555;
}
#booking .showCartPageBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#booking .showCartPageBtn:hover,
#booking .showCartPageBtn:focus {
  color: #333;
  text-decoration: none;
}
#booking .showCartPageBtn:active,
#booking .showCartPageBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#booking .showCartPageBtn.disabled,
#booking .showCartPageBtn[disabled],
fieldset[disabled] #booking .showCartPageBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#booking .showCartPageBtn:hover,
#booking .showCartPageBtn:focus,
#booking .showCartPageBtn:active,
#booking .showCartPageBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#booking .showCartPageBtn.disabled,
#booking .showCartPageBtn.disabled:hover,
#booking .showCartPageBtn.disabled:focus,
#booking .showCartPageBtn.disabled:active,
#booking .showCartPageBtn.disabled.active,
#booking .showCartPageBtn[disabled],
#booking .showCartPageBtn[disabled]:hover,
#booking .showCartPageBtn[disabled]:focus,
#booking .showCartPageBtn[disabled]:active,
#booking .showCartPageBtn[disabled].active,
fieldset[disabled] #booking .showCartPageBtn,
fieldset[disabled] #booking .showCartPageBtn:hover,
fieldset[disabled] #booking .showCartPageBtn:focus,
fieldset[disabled] #booking .showCartPageBtn:active,
fieldset[disabled] #booking .showCartPageBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
#booking .showCartPageBtn:hover {
  background: rgba(255,255,255,0);
}
#booking .showCartPageBtn.redCartPageBtn {
  color: red;
}
#booking .productionAlertOptionsDiv {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
#booking .deliveryDaysSpanTd {
  min-width: 28px;
  max-width: 28px;
  width: 28px;
  height: 1px;
  display: inline-block;
  overflow: visible;
}
#booking .deliveryDaysSpanTd .specialDaysAlert {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  min-width: 28px;
  max-width: 28px;
  width: 28px;
  overflow: visible;
  padding-left: 0px;
  padding-right: 0px;
  padding-top: 2px;
  padding-bottom: 1px;
  border: 0px;
  background: rgba(255,255,255,0);
  color: red;
}
#booking .deliveryDaysSpanTd .specialDaysAlert:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#booking .deliveryDaysSpanTd .specialDaysAlert:hover,
#booking .deliveryDaysSpanTd .specialDaysAlert:focus {
  color: #333;
  text-decoration: none;
}
#booking .deliveryDaysSpanTd .specialDaysAlert:active,
#booking .deliveryDaysSpanTd .specialDaysAlert.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#booking .deliveryDaysSpanTd .specialDaysAlert.disabled,
#booking .deliveryDaysSpanTd .specialDaysAlert[disabled],
fieldset[disabled] #booking .deliveryDaysSpanTd .specialDaysAlert {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#booking .deliveryDaysSpanTd .specialDaysAlert:hover {
  background: #ccc;
}
#booking .specialDaysAlertWithoutProductionBatches {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  float: right !important;
  padding-top: 2px;
  padding-bottom: 1px;
  border: 0px;
  background: rgba(255,255,255,0);
  color: red;
}
#booking .specialDaysAlertWithoutProductionBatches:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#booking .specialDaysAlertWithoutProductionBatches:hover,
#booking .specialDaysAlertWithoutProductionBatches:focus {
  color: #333;
  text-decoration: none;
}
#booking .specialDaysAlertWithoutProductionBatches:active,
#booking .specialDaysAlertWithoutProductionBatches.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#booking .specialDaysAlertWithoutProductionBatches.disabled,
#booking .specialDaysAlertWithoutProductionBatches[disabled],
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#booking .specialDaysAlertWithoutProductionBatches:hover,
#booking .specialDaysAlertWithoutProductionBatches:focus,
#booking .specialDaysAlertWithoutProductionBatches:active,
#booking .specialDaysAlertWithoutProductionBatches.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#booking .specialDaysAlertWithoutProductionBatches.disabled,
#booking .specialDaysAlertWithoutProductionBatches.disabled:hover,
#booking .specialDaysAlertWithoutProductionBatches.disabled:focus,
#booking .specialDaysAlertWithoutProductionBatches.disabled:active,
#booking .specialDaysAlertWithoutProductionBatches.disabled.active,
#booking .specialDaysAlertWithoutProductionBatches[disabled],
#booking .specialDaysAlertWithoutProductionBatches[disabled]:hover,
#booking .specialDaysAlertWithoutProductionBatches[disabled]:focus,
#booking .specialDaysAlertWithoutProductionBatches[disabled]:active,
#booking .specialDaysAlertWithoutProductionBatches[disabled].active,
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches,
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches:hover,
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches:focus,
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches:active,
fieldset[disabled] #booking .specialDaysAlertWithoutProductionBatches.active {
  background-color: #fff;
  border-color: #ccc;
}
#booking .notesArea {
  width: 100%;
  font-size: 10px;
  color: red;
  overflow: auto;
  word-wrap: break-word;
  overflow-wrap: break-word;
}
#booking .notesArea:hover {
  overflow: visible !important;
}
#booking .cell.deliveryWeek {
  display: inline-block;
  width: 33px !important;
  overflow: visible;
  white-space: nowrap;
}
#booking .unbooked {
  overflow: hidden;
  padding-right: 0px;
  min-height: 40px;
}
#booking .unbooked:hover {
  overflow: visible !important;
}
#booking .unbooked .deliveryDaysSpanTd {
  float: right;
  width: 28px;
}
#booking .unbooked .cell {
  display: inline-block;
  vertical-align: top;
}
#booking .unbooked .cell.clientName {
  display: inline-block;
  width: 115px;
  max-width: 115px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  overflow: auto;
}
#booking .unbooked .cell.openingInfos {
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
}
#booking .unbooked .cell.factoryCell {
  text-align: right;
  width: 35px;
  overflow: hidden;
  white-space: nowrap;
  padding-top: 2px;
  padding-bottom: 1px;
  display: inline-block;
}
#booking .unbooked .cell.factoryCell .colonCell {
  display: inline-block;
  padding-left: 1px;
  width: auto;
  height: 1px;
}
#booking .unbooked .cell.factoryCell .openingCount.forActiveFactory,
#booking .unbooked .cell.factoryCell .batchCount.forActiveFactory {
  background: #e9e9e9;
  border-bottom: 1px solid #1481DD;
}
#booking .unbooked .cell.frameDepthsAndColors {
  width: 80px;
  overflow-wrap: normal;
  overflow: auto;
  overflow-y: hidden;
  overflow-x: hidden;
}
#booking .unbooked .cell.frameDepthsAndColors:hover {
  overflow: visible !important;
}
#booking .unbooked .cell .colorbox {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  margin: 2px -2px 3px -2px;
  background: rgba(255,255,255,0);
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
#booking .unbooked .cell .colorbox .specialSpan {
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  padding-left: 4px;
  padding-top: 2px;
  line-height: 100%;
  height: calc(18px);
  color: black;
  text-shadow: 0px 0px 2px #ffffff;
}
#booking .unbooked .cell .colorbox.leftColorBox {
  border-left: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
#booking .unbooked .cell .colorbox.rightColorBox {
  border-right: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
#booking .dateInputSpan {
  position: relative;
  color: #777;
}
#booking .dateInputSpan:hover {
  color: #444;
}
#booking .dateInputSpan .calendarIcon {
  position: absolute;
  right: 9px;
  top: 28%;
  pointer-events: none;
}
#booking .dateInputSpan .goToDateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  cursor: pointer;
  cursor: hand;
  color: #444;
  display: inline-block;
  width: 95px;
  padding-left: 5px;
  padding-right: 1px;
  color: white;
}
#booking .dateInputSpan .goToDateInput:-moz-placeholder {
  color: #999999;
}
#booking .dateInputSpan .goToDateInput::-moz-placeholder {
  color: #999999;
}
#booking .dateInputSpan .goToDateInput:-ms-input-placeholder {
  color: #999999;
}
#booking .dateInputSpan .goToDateInput::-webkit-input-placeholder {
  color: #999999;
}
#booking .dateInputSpan .goToDateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#booking .dateInputSpan .goToDateInput[disabled],
#booking .dateInputSpan .goToDateInput[readonly],
fieldset[disabled] #booking .dateInputSpan .goToDateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#booking .dateInputSpan .goToDateInput {
  height: auto;
}
#booking .dateInputSpan .selectedDate {
  position: absolute;
  top: 19%;
  left: 9px;
  pointer-events: none;
  display: inline-block;
  font-size: 12px;
}
#booking .moveToAnotherProductionDateInputSpan {
  position: relative;
  color: #777;
}
#booking .moveToAnotherProductionDateInputSpan:hover {
  color: #444;
}
#booking .moveToAnotherProductionDateInputSpan .calendarIcon {
  position: absolute;
  left: 30%;
  top: 28%;
  pointer-events: none;
  color: #777;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  cursor: pointer;
  cursor: hand;
  color: #444;
  display: inline-block;
  width: 30px;
  padding-left: 5px;
  padding-right: 1px;
  color: white;
  border: none;
  background: transparent;
  box-shadow: none;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput:-moz-placeholder {
  color: #999999;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput::-moz-placeholder {
  color: #999999;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput:-ms-input-placeholder {
  color: #999999;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput::-webkit-input-placeholder {
  color: #999999;
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput[disabled],
#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput[readonly],
fieldset[disabled] #booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#booking .moveToAnotherProductionDateInputSpan .moveToAnotherProductionDateInput {
  height: auto;
}
#booking .bookingTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  margin-top: 0px;
  padding-top: 0px;
}
#booking .bookingTable thead > tr > th,
#booking .bookingTable thead > tr > td,
#booking .bookingTable tbody > tr > th,
#booking .bookingTable tbody > tr > td,
#booking .bookingTable tfoot > tr > th,
#booking .bookingTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#booking .bookingTable thead > tr > th {
  vertical-align: bottom;
}
#booking .bookingTable caption + thead tr:first-child th,
#booking .bookingTable caption + thead tr:first-child td,
#booking .bookingTable colgroup + thead tr:first-child th,
#booking .bookingTable colgroup + thead tr:first-child td,
#booking .bookingTable thead:first-child tr:first-child th,
#booking .bookingTable thead:first-child tr:first-child td {
  border-top: 0;
}
#booking .bookingTable tbody + tbody {
  border-top: 2px solid #ddd;
}
#booking .bookingTable .table {
  background-color: #fff;
}
#booking .bookingTable > tbody > tr:nth-child(odd) > td,
#booking .bookingTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
#booking .bookingTable > thead > tr > th,
#booking .bookingTable > thead > tr > td,
#booking .bookingTable > tbody > tr > th,
#booking .bookingTable > tbody > tr > td,
#booking .bookingTable > tfoot > tr > th,
#booking .bookingTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
#booking .bookingTable thead > tr > th,
#booking .bookingTable thead > tr > td,
#booking .bookingTable tbody > tr > th,
#booking .bookingTable tbody > tr > td,
#booking .bookingTable tfoot > tr > th,
#booking .bookingTable tfoot > tr > td {
  padding: 5px;
}
#booking .bookingTable.loadingBookingTable {
  pointer-events: none;
  opacity: 0.65;
  transition-delay: 0s;
}
#booking .bookingTable td {
  padding: 0;
  margin: 0;
}
#booking .bookingTable td .dropArea {
  margin: 0;
  padding: 0;
}
#booking .bookingTable th.dayTh {
  padding-top: 1px;
  padding-bottom: 1px;
}
#booking .bookingTable th.dayTh .textForSelectedPrint {
  display: none;
}
#booking .bookingTable td.openedFactory,
#booking .bookingTable td.closedFactory,
#booking .bookingTable th.openedFactory,
#booking .bookingTable th.closedFactory {
  transition: width 0.5s ease-out;
}
#booking .bookingTable td.openedFactory .hideOnClosedFactory.forceHideTemporarily,
#booking .bookingTable td.closedFactory .hideOnClosedFactory.forceHideTemporarily,
#booking .bookingTable th.openedFactory .hideOnClosedFactory.forceHideTemporarily,
#booking .bookingTable th.closedFactory .hideOnClosedFactory.forceHideTemporarily {
  display: none;
}
#booking .bookingTable td.openedFactory .hideOnOpenedFactory.forceShowTemporarily,
#booking .bookingTable td.closedFactory .hideOnOpenedFactory.forceShowTemporarily,
#booking .bookingTable th.openedFactory .hideOnOpenedFactory.forceShowTemporarily,
#booking .bookingTable th.closedFactory .hideOnOpenedFactory.forceShowTemporarily {
  display: inline-block !important;
}
#booking .bookingTable td.openedFactory,
#booking .bookingTable th.openedFactory {
  width: 33.333333333333%;
}
#booking .bookingTable td.openedFactory .hideOnOpenedFactory,
#booking .bookingTable th.openedFactory .hideOnOpenedFactory {
  display: none;
}
#booking .bookingTable td.closedFactory,
#booking .bookingTable th.closedFactory {
  cursor: pointer;
  width: 1.5%;
}
#booking .bookingTable td.closedFactory .hideOnClosedFactory,
#booking .bookingTable th.closedFactory .hideOnClosedFactory {
  display: none;
}
#booking .bookingTable .tick {
  color: #dbdbdb;
  text-shadow: #bebebe 1px 1px 0px;
  font-size: 19px;
  padding: 0px;
  display: inline-block;
  text-decoration: none;
}
#booking .bookingTable .tick img.palletImg {
  opacity: 0.2;
  width: 23px;
  height: 12px;
  padding-left: 0px;
  margin-left: 4px;
}
#booking .bookingTable .tick .arrowRight {
  font-size: 50%;
}
#booking .bookingTable .tick:hover {
  color: #c8c8e6;
  text-shadow: #b4b4f0 1px 1px 0px;
}
#booking .bookingTable .tick:hover img {
  opacity: 0.4;
}
#booking .bookingTable .tick.green {
  color: green;
}
#booking .bookingTable .tick.red {
  color: red;
}
#booking .bookingTable .tick.allowProductionTransferForPackagingLink {
  position: relative;
}
#booking .bookingTable .tick.allowProductionTransferForPackagingLink .allowProductionTransferForPackagingLinkNumber {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  font-weight: normal;
  font-size: 14px;
  position: absolute;
  top: -3px;
  right: 17px;
  display: none;
}
#booking .bookingTable .tick.allowProductionTransferForPackagingLink .allowProductionTransferForPackagingLinkNumber:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.today {
  background: #fcfcfc;
}
.openedFactory .booked {
  min-height: 50px;
}
.book {
  background: #fafafa;
  border-radius: 5px;
  padding: 3px;
  margin: 1px;
  overflow-y: hidden;
  font-size: 12px;
  position: relative;
  border: 1px solid white;
}
.book a,
.book a:hover {
  text-decoration: none !important;
}
.book .batchQuantitiesContainer {
  display: inline-block;
}
.book .rightData {
  float: right;
  display: inline-block;
  padding-left: 4px;
}
.book.green {
  border: 1px solid green;
}
.book.red {
  border: 1px solid red;
}
.book.orange {
  border: 1px solid orange;
}
.book.gray,
.book.grey {
  border: 1px solid #ccc;
}
.book.status-production {
  border: 2px solid #2c2;
}
.book.productionAllowed {
  border: 2px solid green;
}
.book .productionColorBox {
  min-width: 17px;
  height: 17px;
  padding: 1px;
  display: inline-block;
  border: 1px solid black;
  text-align: center;
}
.book.mini {
  padding: 0;
  padding-top: 0px;
}
.book.mini.viewMode-overview {
  font-size: 10px;
}
.book.mini .miniContainer {
  padding: 0px;
  margin: 0;
  margin-top: -2px;
}
.book.booked {
  width: 100%;
  overflow: hidden;
}
.book.booked:hover {
  overflow: visible !important;
}
.book.booked .clientName {
  vertical-align: top;
}
.book.booked.bookWithoutProductionBatches.loadingTimeBook {
  margin-top: -4px;
  border-top-width: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  padding-top: 6px;
  padding-bottom: 7px;
}
.book.unbooked {
  cursor: pointer;
  width: 99%;
  z-index: 1000;
}
.book.unbooked.active {
  filter: contrast(80%);
  border: 1px solid #777;
}
.book.unbooked.bookWithProductionBatches {
  position: relative;
  min-height: 26px;
  width: calc(100% - 5px - 5px - 4px);
  overflow: visible;
  margin-left: 5px;
  margin-bottom: 5px;
}
.book.unbooked.bookWithProductionBatches .deliveryWeekVertical {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(-90deg);
  transform-origin: bottom left;
  margin-left: -2px;
  font-size: 13px;
  margin-top: 45px;
  color: #444;
}
.book.saving {
  background: #ddd;
}
.book.selected {
  background: #86b5eb;
}
.cell.frameDepthsAndColorsForProductionBatch {
  vertical-align: top;
  margin-left: 5px;
  width: 80px;
  overflow-wrap: normal;
  overflow: auto;
  overflow-y: hidden;
}
.cell.frameDepthsAndColorsForProductionBatch:hover {
  overflow: visible !important;
}
.cell.frameDepthsAndColorsForProductionBatch .colorbox {
  display: inline-block;
  width: 24px;
  height: 18px;
  padding: 0;
  margin: 2px -2px 3px -2px;
  background: rgba(255,255,255,0);
  border-top: 1px solid #aaa;
  border-bottom: 1px solid #aaa;
}
.cell.frameDepthsAndColorsForProductionBatch .colorbox .specialSpan {
  font-size: 11px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
  height: calc(20px);
  line-height: 100%;
  padding-left: 7px;
  padding-top: 2px;
  color: black;
  text-shadow: 0px 0px 2px #ffffff;
}
.cell.frameDepthsAndColorsForProductionBatch .colorbox.leftColorBox {
  border-left: 1px solid #aaa;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.cell.frameDepthsAndColorsForProductionBatch .colorbox.rightColorBox {
  border-right: 1px solid #aaa;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.note-editor.panel {
  padding: 0px;
}
.note-editable,
.note-toolbar .note-style,
.summerNoteStyles {
  font-family: times new roman, serif;
  font-size: 18px;
  color: #000;
}
.note-editable p,
.note-toolbar .note-style p,
.summerNoteStyles p {
  font-size: 18px;
  color: black;
}
.note-editable h1,
.note-editable h2,
.note-editable h3,
.note-editable h4,
.note-editable h5,
.note-editable h6,
.note-toolbar .note-style h1,
.note-toolbar .note-style h2,
.note-toolbar .note-style h3,
.note-toolbar .note-style h4,
.note-toolbar .note-style h5,
.note-toolbar .note-style h6,
.summerNoteStyles h1,
.summerNoteStyles h2,
.summerNoteStyles h3,
.summerNoteStyles h4,
.summerNoteStyles h5,
.summerNoteStyles h6 {
  color: #000;
  font-weight: bold;
  font-family: Helvetica, Arial;
}
.note-editable h1,
.note-toolbar .note-style h1,
.summerNoteStyles h1 {
  font-size: 28px;
}
.note-editable h2,
.note-toolbar .note-style h2,
.summerNoteStyles h2 {
  font-size: 25px;
}
.note-editable h3,
.note-toolbar .note-style h3,
.summerNoteStyles h3 {
  font-size: 22px;
}
.note-editable h4,
.note-toolbar .note-style h4,
.summerNoteStyles h4 {
  font-size: 20px;
}
.note-editable h5,
.note-toolbar .note-style h5,
.summerNoteStyles h5 {
  font-size: 19px;
}
.note-editable h6,
.note-toolbar .note-style h6,
.summerNoteStyles h6 {
  font-size: 18px;
}
.note-editable h7,
.note-toolbar .note-style h7,
.summerNoteStyles h7 {
  font-size: 18px;
}
.summerNoteStylesWithSmallFontSize {
  position: relative;
  font-family: times new roman, serif;
  font-size: 16px;
  color: #333;
}
.summerNoteStylesWithSmallFontSize p {
  font-size: 16px;
  color: #333;
}
.summerNoteStylesWithSmallFontSize h1,
.summerNoteStylesWithSmallFontSize h2,
.summerNoteStylesWithSmallFontSize h3,
.summerNoteStylesWithSmallFontSize h4,
.summerNoteStylesWithSmallFontSize h5,
.summerNoteStylesWithSmallFontSize h6 {
  color: #333;
  font-weight: bold;
  font-family: Helvetica, Arial;
}
.summerNoteStylesWithSmallFontSize h1 {
  font-size: 25px;
}
.summerNoteStylesWithSmallFontSize h2 {
  font-size: 22px;
}
.summerNoteStylesWithSmallFontSize h3 {
  font-size: 19px;
}
.summerNoteStylesWithSmallFontSize h4 {
  font-size: 17px;
}
.summerNoteStylesWithSmallFontSize h5 {
  font-size: 16px;
}
.summerNoteStylesWithSmallFontSize h6 {
  font-size: 15px;
}
.summerNoteStylesWithSmallFontSize h7 {
  font-size: 14px;
}
.summerDiv_PrintCoverPage {
  background-color: black;
  padding: 15px 135px;
  position: relative;
  z-index: 1000;
  width: 20px;
  height: 20px;
  left: calc(40vw);
  top: calc(48vh);
  margin: 5px;
  opacity: 0;
  -webkit-box-shadow: 0px calc(11px) calc(15px) rgba(0,0,22,0.85);
  -moz-box-shadow: 0px calc(11px) calc(15px) rgba(0,0,0,0.85);
  box-shadow: 0px calc(1px) calc(15px) calc(15px) rgba(0,0,0,0.85);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.note-editable {
  height: 50vh;
  width: 90vw;
}
#serialDlg {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  z-index: 100;
  display: none;
  position: fixed;
  width: 290px !important;
  min-width: 290px !important;
  max-width: 290px !important;
  padding: 15px;
  top: 0px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-top-width: 0;
  left: 380px;
}
#serialDlg .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#serialDlg input.serialNameInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
#serialDlg input.serialNameInput:-moz-placeholder {
  color: #999999;
}
#serialDlg input.serialNameInput::-moz-placeholder {
  color: #999999;
}
#serialDlg input.serialNameInput:-ms-input-placeholder {
  color: #999999;
}
#serialDlg input.serialNameInput::-webkit-input-placeholder {
  color: #999999;
}
#serialDlg input.serialNameInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#serialDlg input.serialNameInput[disabled],
#serialDlg input.serialNameInput[readonly],
fieldset[disabled] #serialDlg input.serialNameInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#serialDlg input.serialNameInput {
  height: auto;
}
#serialDlg input.serialNameInput .form-control,
#serialDlg input.serialNameInput .radio,
#serialDlg input.serialNameInput .checkbox {
  display: inline-block;
}
#serialDlg input.serialNameInput .radio,
#serialDlg input.serialNameInput .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#serialDlg input.serialNameInput .radio input[type="radio"],
#serialDlg input.serialNameInput .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
#serialDlg .saveBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 1px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.rowNumber {
  float: right !important;
  padding-right: 20px;
  font-size: 120%;
  color: #777;
  padding-top: 13px;
  font-weight: bold;
}
.orderRowPriceEditInput {
  background: rgba(255,255,255,0);
  border: 1px solid #ccc;
  border-radius: 3px;
  width: 73px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 0px;
  margin-bottom: 2px;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-right: 5px;
  padding-left: 1px;
  text-align: right;
}
.orderRowPriceEditInput:focus,
.orderRowPriceEditInput:active {
  background: white;
}
.priceEntered {
  background: #FFEF00;
}
body #container.wide {
  max-width: inherit;
}
body.wide:not([data-currentprovider=piklas]):not([data-currentprovider=task]) {
  background: #eee;
}
body #container.wider {
  max-width: 1400px !important;
}
body.wider:not([data-currentprovider=piklas]) {
  background: #eee;
}
#orderablePartsForm label {
  font-weight: normal;
}
#orderablePartsForm label.disabled {
  color: #ccc;
}
#orderablePartsForm .naytettavatOsatParentDiv {
  display: none;
}
#stockPartsDialog .modal-dialog {
  width: 800px;
}
#estimatedStockPartsDialog .modal-dialog {
  width: 800px;
}
#osalinjaDialog .modal-dialog {
  width: 960px;
}
#osalinjaDialog .modal-dialog .modal-dialog {
  padding-top: 8px;
  width: 100%;
  height: 100%;
  overflow-y: initial !important;
  transition: width 0.4s ease-in-out;
}
#osalinjaDialog .modal-dialog .modal-body {
  min-height: 250px;
  max-height: 73vh;
  height: 73vh;
  overflow-y: scroll;
}
#osalinjaDialog .modal-dialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
#osalinjaDialog .modal-dialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
#osalinjaDialog .modal-dialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
#osalinjaDialog .modal-dialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#osalinjaDialog .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#osalinjaDialog .modal-dialog td.selectCheckboxTd,
#osalinjaDialog .modal-dialog th.selectCheckboxTh {
  text-align: center;
}
#osalinjaDialog .modal-dialog td.selectCheckboxTd input[type="checkbox"],
#osalinjaDialog .modal-dialog th.selectCheckboxTh input[type="checkbox"] {
  scale: 1.5 !important;
}
#tyostoonLahetysDialog .modal-dialog {
  width: 960px;
}
#tyostoonLahetysDialog .modal-dialog .modal-dialog {
  padding-top: 8px;
  width: 100%;
  height: 100%;
  overflow-y: initial !important;
  transition: width 0.4s ease-in-out;
}
#tyostoonLahetysDialog .modal-dialog .modal-body {
  min-height: 250px;
  max-height: 73vh;
  height: 73vh;
  overflow-y: scroll;
}
#tyostoonLahetysDialog .modal-dialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
#tyostoonLahetysDialog .modal-dialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
#tyostoonLahetysDialog .modal-dialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
#tyostoonLahetysDialog .modal-dialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#tyostoonLahetysDialog .modal-dialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable input[type=checkbox]:disabled {
  opacity: 0.6;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr.tyostoPuuttuu td {
  cursor: help;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr .tyostoonLahetettavaMaaraTd {
  transition: color 0.5s;
  color: #ccc;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr .tyostoonLahetettavaMaaraTd input {
  transition: color 0.5s;
  color: #ccc;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr input.selectedExtractedPartsLahetettavatMaaratInput.kehystaHeti {
  border: 1px solid rgba(255,255,255,0.3);
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr.checkedRow .tyostoonLahetettavaMaaraTd {
  color: Black;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr.checkedRow .tyostoonLahetettavaMaaraTd input {
  color: black;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable tr.checkedRow input.selectedExtractedPartsLahetettavatMaaratInput.kehystaHeti {
  border: 1px solid gray;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable input.selectedExtractedPartsLahetettavatMaaratInput {
  display: inline-block;
  width: 25px;
  text-align: right;
  border: none;
  background: inherit;
  border: 1px solid rgba(255,255,255,0);
  border-radius: 4px;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable input.selectedExtractedPartsLahetettavatMaaratInput.kehystaHeti:hover {
  border: 1px solid gray;
}
#tyostoonLahetysDialog .modal-dialog .tyostoonLahetettavatOsatTable input.selectedExtractedPartsLahetettavatMaaratInput:focus {
  border: 1px solid rgba(255,255,255,0);
  background: white;
}
#printableStockPartsForm label {
  font-weight: normal;
}
#printableStockPartsForm label.disabled {
  color: #ccc;
}
#printableEstimatedStockPartsForm label {
  font-weight: normal;
}
#printableEstimatedStockPartsForm label.disabled {
  color: #ccc;
}
#doOrderPartsForm label {
  font-weight: normal;
}
#doOrderPartsForm label.disabled {
  color: #ccc;
}
#doPrintPartsForm label {
  font-weight: normal;
}
#doPrintPartsForm label.disabled {
  color: #ccc;
}
.smallTh {
  font-size: 90%;
}
.col-lg-1-75,
.col-md-1-75,
.col-sm-1-75 {
  width: 14.583333333333%;
}
.col-lg-1-5,
.col-md-1-5,
.col-sm-1-5 {
  width: 12.5%;
}
.col-lg-1-25,
.col-md-1-25,
.col-sm-1-25 {
  width: 10.416666666667%;
}
.col-lg-2-5,
.col-md-2-5,
.col-sm-2-5 {
  width: 20.833333333333%;
}
.col-lg-3-5,
.col-md-3-5,
.col-sm-3-5 {
  width: 29.166666666667%;
}
.mini-padding {
  padding-left: 5px;
  padding-right: 5px;
}
.mini-padding-right {
  padding-right: 5px;
}
.mini-padding-left {
  padding-right: 5px;
}
.no-padding-right {
  padding-right: 0px;
}
.no-padding-left {
  padding-left: 0px;
}
.input-group-addon.mini-padding {
  padding-left: 5px;
  padding-right: 5px;
}
.openingBlindKnobActual {
  opacity: 0.2;
  pointer-events: none;
}
body.webShop .openingBlindKnobActual {
  opacity: 0.0;
  pointer-events: none;
}
.rightBar .blindKnobOpeningRow .openingBlindKnobDiv .optionContainer {
  display: inline-block;
  width: 50%;
  float: left;
}
.rightBar .blindKnobOpeningRow .openingBlindKnobDiv .optionContainer + .optionContainer {
  padding-left: 20px;
}
.divTable {
  display: table;
  border: border-collapse;
}
.divTable .tr {
  display: table-row;
}
.divTable .td {
  display: table-cell;
  padding: 2px;
  padding-left: 4px;
  padding-right: 2px;
}
.divTable .condensed .td {
  padding: 0px;
}
.blinkMe {
  animation: blinker 1s linear infinite;
}
@keyframes blinker {
  50% {
    opacity: 0.0;
  }
}
.blinkMe2sec {
  animation: blinker2 2s linear infinite;
}
@keyframes blinker2 {
  50% {
    opacity: 0.1;
  }
}
.red {
  color: red;
}
.green {
  color: green;
}
.orange {
  color: orange;
}
.redBg {
  background: red !important;
  color: white !important;
}
a[disabled] {
  pointer-events: none;
  color: #99b !important;
  opacity: 0.8;
}
.hiddenCell {
  display: none;
}
body.iframeBody #batchContainer {
  padding-top: 0px;
  padding-bottom: 0px;
}
#rightBatchContainer {
  height: 100%;
  border-left: 1px solid #ddd;
  width: 30%;
  float: right;
  background: white;
  border-top-right-radius: 7px;
}
#rightBatchContainer.fromIframePopup {
  border-left: 0px solid #ddd;
}
#batchHeader {
  border-bottom: 1px solid #ddd;
}
#batchHeader .backBtn.closeBtn {
  display: inline-block;
  margin-right: 10px;
  padding: 5px;
  border-radius: 5px;
}
@media (max-width: 992px) {
  #batchHeader .backBtn.closeBtn {
    margin-right: 40px !important;
  }
}
.productionBatchesHeader {
  padding-top: 12px;
  padding-bottom: 5px;
}
.productionBatchesHeader .productionBatchesTextHeader {
  font-family: arial;
  margin-left: 35px;
  display: inline-block;
  padding-right: 15px;
}
.productionBatchesHeader .frameBackBtn.closeBtn {
  display: inline-block;
  margin-right: 10px;
}
#batchesMiniCartTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  display: none;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: none;
  margin: 0;
  padding: 0;
  height: 460px;
  max-height: 200px;
  border-left: none;
  position: fixed;
  top: 32px;
  left: 115px;
  min-width: 450px;
  width: 450px;
  max-width: 36%;
}
#batchesMiniCartTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#batchesMiniCartTooltip #batchesMiniCartIframe {
  border: none;
  width: 100%;
  margin: 0;
  padding: 0;
  overflow: scroll;
  height: 100%;
}
.viikkojenValinta input[type="number"] {
  -moz-appearance: none;
  width: 75px;
}
#batchContainer {
  border-top-left-radius: 7px;
  background: white;
  padding-top: 0px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 0px;
  width: 100%;
}
#batchContainer.iframedBatchContainer {
  padding-top: 20px;
}
#batchContainer .batchTitleTable {
  width: 100%;
}
#batchContainer .batchTitleTable .switchTd {
  width: 50%;
  text-align: center;
  vertical-align: bottom;
}
#batchContainer .batchTitleTable .switchTd .text {
  color: #777;
}
#batchContainer .batchTitleTable .switchTd .text.active {
  color: #000070;
}
#batchContainer .batchTitleTable .switchTd .drawingPlanSwitch {
  display: none;
}
#batchContainer.hideZeroBatch .zeroBatchCell {
  display: none;
}
#batchContainer input[type="number"]::-webkit-outer-spin-button,
#batchContainer input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
#batchContainer input[type="number"] {
  -moz-appearance: textfield;
}
#batchContainer .datesTd {
  font-size: 15px;
  text-align: center;
  color: #555;
}
#batchContainer .datesTd .dateDiv {
  padding-bottom: 4px;
  padding-top: 4px;
}
#batchContainer .datesTd .dateDiv:hover {
  color: #000;
}
#batchContainer .datesTd .dateDescriptionDiv {
  padding-bottom: 4px;
  padding-top: 4px;
}
#batchContainer .leftTableEmptyHeaderTr {
  background: white;
}
#batchContainer .deliveryWeekTr {
  background: white;
}
#batchContainer .deleteBtnsLeftTableTr {
  background: white;
}
#batchContainer .deleteBtnsLeftTableTr td,
#batchContainer .deleteBtnsLeftTableTr th {
  background: white;
}
#batchContainer .splitBtnsLeftTableTr {
  background: white;
}
#batchContainer .splitBtnsLeftTableTr td,
#batchContainer .splitBtnsLeftTableTr th {
  background: white;
}
#batchContainer .outHeaderTr td,
#batchContainer .outHeaderTr th {
  background: rgba(255,255,255,0) !important;
  border-top: 1px solid rgba(255,255,255,0) !important;
  border-left: 1px solid rgba(255,255,255,0) !important;
  border-right: 1px solid rgba(255,255,255,0) !important;
}
#batchContainer table.table.batchTable .outHeaderTr.complaintDeliveryContactDetailTr,
#batchContainer table.table.batchTable .outHeaderTr.complaintCustomerContactDetailTr {
  font-size: 11.7px;
}
#batchContainer table.table.batchTable .outHeaderTr.complaintDeliveryContactDetailTr td,
#batchContainer table.table.batchTable .outHeaderTr.complaintDeliveryContactDetailTr th,
#batchContainer table.table.batchTable .outHeaderTr.complaintCustomerContactDetailTr td,
#batchContainer table.table.batchTable .outHeaderTr.complaintCustomerContactDetailTr th {
  font-family: Arial;
  line-height: 108% !important;
  color: black;
  text-align: left;
  padding-top: 4px !important;
  vertical-align: top !important;
  font-weight: normal;
  height: 70px !important;
  max-height: 70px !important;
  min-height: 70px !important;
}
#batchContainer .tooltipBox.rowInfo {
  display: none;
  margin-left: 35px;
  margin-top: -10px;
  width: 180px !important;
  max-width: 180px !important;
  min-width: 180px !important;
  background-color: rgba(255,255,255,0.9);
  pointer-events: none;
}
#batchContainer .removeDiv {
  position: absolute;
  top: 0;
  right: 1px;
}
#batchContainer .removeDiv a {
  color: #444;
  font-size: 8px;
}
#batchContainer .batchTable {
  border-collapse: collapse;
}
#batchContainer .borderRight {
  border-right: 1px solid #ddd !important;
}
#batchContainer .borderBottom {
  border-bottom: 1px solid #ddd !important;
}
#batchContainer .batchTable tr.doubleBorderBottom th {
  border-bottom: 2px solid #ddd !important;
}
#batchContainer .table.batchTable {
  margin-bottom: 0px;
}
#batchContainer table.table.batchTable th,
#batchContainer table.table.batchTable td {
  line-height: 1.0 !important;
}
#batchContainer table.table.batchTable {
  max-width: none !important;
  width: auto !important;
}
#batchContainer .table.batchTable th,
#batchContainer .table.batchTable td,
#batchContainer .table.batchTable tr {
  height: 35px !important;
  max-height: 35px !important;
  min-height: 35px !important;
  vertical-align: middle !important;
}
#batchContainer .table.batchTable th.biggerHeight,
#batchContainer .table.batchTable td.biggerHeight,
#batchContainer .table.batchTable tr.biggerHeight {
  height: 45px !important;
  max-height: 45px !important;
  min-height: 45px !important;
}
#batchContainer .table.batchTable th.biggestHeight,
#batchContainer .table.batchTable td.biggestHeight,
#batchContainer .table.batchTable tr.biggestHeight {
  height: 65px !important;
  max-height: 65px !important;
  min-height: 65px !important;
}
#batchContainer .table.batchTable tr.datesTr,
#batchContainer .table.batchTable tr.datesTr td.datesTd
	.table.batchTable tr.datesTr th.datesTd {
  vertical-align: top !important;
  height: 40px !important;
  min-height: 40px !important;
  max-height: 40px !important;
}
#batchContainer .batchTable td,
#batchContainer .batchTable th {
  padding: 8px !important;
}
#batchContainer .batchTable td.nopadding,
#batchContainer .batchTable th.nopadding {
  padding: 0px !important;
}
#batchContainer .table.batchTable th,
#batchContainer .table.batchTable th input {
  color: black !important;
  font-weight: bold;
}
#batchContainer .batchTable input,
#batchContainer .batchTable select.deliveryWeek {
  box-shadow: none;
  border: 0px;
  width: 99%;
  min-width: 100px;
  max-width: 110px;
  padding: 5px;
  height: 100%;
  padding-top: 0px;
  padding-bottom: 0px;
  background: inherit;
}
#batchContainer .batchNameInputContainer {
  position: relative;
}
#batchContainer .batchNameInputContainer .ennakkomaksuDiv {
  position: absolute;
  top: 5px;
  left: calc(60% - 53px + 5px - 5px);
}
#batchContainer .batchNameInputContainer .ennakkomaksuDiv img {
  width: 16px;
  height: 16px;
}
#batchContainer .batchNameInputContainer .disableProductionDiv {
  position: absolute;
  top: 5px;
  left: calc(60% - 35px + 5px - 5px);
}
#batchContainer .batchNameInputContainer .disableProductionDiv img {
  width: 16px;
  height: 16px;
}
#batchContainer .batchNameInputContainer .disableShippingPlanDiv {
  position: absolute;
  top: 5px;
  left: calc(60% - 18px + 5px + 10px);
}
#batchContainer .batchNameInputContainer .disableShippingPlanDiv img {
  width: 16px;
  height: 16px;
}
#batchContainer .batchTable input.batchPlanNames,
#batchContainer .batchTable input.batchQuantity,
#batchContainer .batchTable input.batchNameInput,
#batchContainer .batchTable input.batchDescrInput,
#batchContainer .batchTable input.batchInvoice {
  text-align: center;
  background: rgba(255,255,255,0);
}
#batchContainer .batchTable input.batchPlanNames:disabled,
#batchContainer .batchTable input.batchQuantity:disabled,
#batchContainer .batchTable input.batchNameInput:disabled,
#batchContainer .batchTable input.batchDescrInput:disabled,
#batchContainer .batchTable input.batchInvoice:disabled {
  color: #aaa;
}
#batchContainer .batchTable input.batchPlanNames::-ms-clear,
#batchContainer .batchTable input.batchQuantity::-ms-clear,
#batchContainer .batchTable input.batchNameInput::-ms-clear,
#batchContainer .batchTable input.batchDescrInput::-ms-clear,
#batchContainer .batchTable input.batchInvoice::-ms-clear {
  display: none;
}
#batchContainer .batchTable input.batchPlanNames.batchDescrInput,
#batchContainer .batchTable input.batchQuantity.batchDescrInput,
#batchContainer .batchTable input.batchNameInput.batchDescrInput,
#batchContainer .batchTable input.batchDescrInput.batchDescrInput,
#batchContainer .batchTable input.batchInvoice.batchDescrInput {
  font-weight: normal;
  font-size: 13px !important;
}
#batchContainer .batchTable input.batchPlanNames.batchDescrInput::-webkit-input-placeholder,
#batchContainer .batchTable input.batchQuantity.batchDescrInput::-webkit-input-placeholder,
#batchContainer .batchTable input.batchNameInput.batchDescrInput::-webkit-input-placeholder,
#batchContainer .batchTable input.batchDescrInput.batchDescrInput::-webkit-input-placeholder,
#batchContainer .batchTable input.batchInvoice.batchDescrInput::-webkit-input-placeholder {
  color: #aaa !important;
  font-size: 13px !important;
}
#batchContainer .batchTable input.batchPlanNames.batchDescrInput::-moz-placeholder,
#batchContainer .batchTable input.batchQuantity.batchDescrInput::-moz-placeholder,
#batchContainer .batchTable input.batchNameInput.batchDescrInput::-moz-placeholder,
#batchContainer .batchTable input.batchDescrInput.batchDescrInput::-moz-placeholder,
#batchContainer .batchTable input.batchInvoice.batchDescrInput::-moz-placeholder {
  color: #aaa !important;
}
#batchContainer .batchTable input.batchPlanNames.batchDescrInput:-ms-input-placeholder,
#batchContainer .batchTable input.batchQuantity.batchDescrInput:-ms-input-placeholder,
#batchContainer .batchTable input.batchNameInput.batchDescrInput:-ms-input-placeholder,
#batchContainer .batchTable input.batchDescrInput.batchDescrInput:-ms-input-placeholder,
#batchContainer .batchTable input.batchInvoice.batchDescrInput:-ms-input-placeholder {
  color: #aaa !important;
}
#batchContainer .batchTable input.batchPlanNames.batchDescrInput:-moz-placeholder,
#batchContainer .batchTable input.batchQuantity.batchDescrInput:-moz-placeholder,
#batchContainer .batchTable input.batchNameInput.batchDescrInput:-moz-placeholder,
#batchContainer .batchTable input.batchDescrInput.batchDescrInput:-moz-placeholder,
#batchContainer .batchTable input.batchInvoice.batchDescrInput:-moz-placeholder {
  color: #aaa !important;
}
#batchContainer .batchTable .planNamesTr {
  min-width: 100px;
}
#batchContainer .batchTable .planNamesTr td {
  min-width: 100px;
}
#batchContainer .quantitySpan {
  position: absolute;
  left: 0px;
  top: 0;
  display: block;
  height: auto;
  font-size: 12px;
  padding-right: 0px;
  margin-right: 0px;
  margin-left: 1px;
  margin-top: 11px;
  color: #777;
  text-align: left;
  pointer-events: none;
}
#batchContainer .batchTable input.batchPlanNames {
  min-width: 100px !important;
  text-align: left;
  font-size: 10px;
  padding-left: 20px !important;
  background: rgba(255,255,255,0);
  color: #333;
  font-size: 12px;
}
#batchContainer .batchTable input.batchPlanNames:focus {
  color: #000;
}
#batchContainer .batchTable input:hover:not(.batchNameInput),
#batchContainer .batchTable input:focus:not(.batchNameInput),
#batchContainer .batchTable select:hover,
#batchContainer .batchTable select:focus {
  background: #f5f5ff;
  outline: 1px solid #5a5abe;
}
#batchContainer .batchTable input:hover:not(.batchNameInput):disabled,
#batchContainer .batchTable input:focus:not(.batchNameInput):disabled,
#batchContainer .batchTable select:hover:disabled,
#batchContainer .batchTable select:focus:disabled {
  background: #c8c8c8;
  outline: 1px solid #969696;
  cursor: not-allowed;
}
#batchContainer .batchTable input:hover:not(.batchNameInput).forComplaint,
#batchContainer .batchTable input:focus:not(.batchNameInput).forComplaint,
#batchContainer .batchTable select:hover.forComplaint,
#batchContainer .batchTable select:focus.forComplaint {
  background: #fef8fa;
  outline: 1px solid #966482;
}
#batchContainer .batchTable input:hover:not(.batchNameInput).forComplaint:disabled,
#batchContainer .batchTable input:focus:not(.batchNameInput).forComplaint:disabled,
#batchContainer .batchTable select:hover.forComplaint:disabled,
#batchContainer .batchTable select:focus.forComplaint:disabled {
  background: #c8c8c8;
  outline: 1px solid #969696;
  cursor: not-allowed;
}
#batchContainer .newBatchBtn.disabledNewBatchBtn {
  pointer-events: none;
  color: #ddd;
}
#batchContainer .newBatchQuantity.disabledInputting,
#batchContainer .newBatchNameInput.disabledInputting {
  pointer-events: none;
  opacity: 0.5;
}
#batchContainer .deleteBatchBtn {
  font-weight: normal;
}
#batchContainer .splitBatchBtn {
  font-weight: normal;
}
#batchContainer .splitBatchBtn[disabled] img {
  opacity: 0.6;
  filter: grayscale(75%);
}
#batchContainer .topHeaderTr {
  background: #f7f7f7;
}
#batchContainer .topHeaderTr select,
#batchContainer .topHeaderTr input {
  background: inherit;
}
#batchContainer .headerTr td,
#batchContainer .headerTr th {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding: 8px !important;
}
#batchContainer .headerTr td.auk,
#batchContainer .headerTr th.auk {
  padding-left: 3px !important;
}
#batchContainer .headerTr td.kpl,
#batchContainer .headerTr th.kpl {
  padding-right: 3px !important;
}
#batchContainer .headerTr td.erittamattaTh,
#batchContainer .headerTr th.erittamattaTh {
  padding-left: 3px !important;
  padding-right: 0px !important;
}
#batchContainer .left {
  display: inline-block;
  overflow-x: scroll;
  padding-right: 0px;
  margin-right: 0px;
  margin-right: -3px !important;
  width: 36%;
  white-space: nowrap;
}
#batchContainer .left.wider {
  width: 60%;
}
#batchContainer .left .batchTable {
  display: inline-block;
}
#batchContainer .left.usingVirtualHorizontalScrollBar {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
#batchContainer .left.usingVirtualHorizontalScrollBar::-webkit-scrollbar {
  width: 0 !important;
}
#batchContainer .left .batchTable {
  white-space: nowrap;
  width: 100%;
}
#batchContainer .roomTd {
  width: 1%;
  max-width: 100px;
  text-overflow: ellipsis;
  overflow: hidden;
}
#batchContainer .right {
  border-right: 1px solid #ddd;
  display: inline-block;
  overflow-x: scroll;
  padding-left: 0px;
  width: 63.5%;
}
#batchContainer .right.narrower {
  width: 40%;
}
#batchContainer .right .batchTable {
  display: inline-block;
  margin-right: 500px;
}
#batchContainer .right.usingVirtualHorizontalScrollBar {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
}
#batchContainer .right.usingVirtualHorizontalScrollBar::-webkit-scrollbar {
  width: 0 !important;
}
#batchContainer .horizontalScrollBarContainer_right,
#batchContainer .horizontalScrollBarContainer_left {
  display: none;
  overflow-x: scroll;
  padding-left: 0px;
  width: 63.5%;
  position: fixed;
  bottom: 0px;
  height: 20px;
  max-height: 20px;
  overflow-y: hidden;
  background: white;
}
#batchContainer .horizontalScrollBarContainer_right .rightContentWidthDiv,
#batchContainer .horizontalScrollBarContainer_left .rightContentWidthDiv {
  width: 2000px;
  height: 1px;
}
#batchContainer .batchTable select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  color: #007fe0;
  text-align: center;
  text-align-last: center;
  -webkit-appearance: none;
}
#batchContainer .batchTotalTr {
  color: #aaa;
}
#batchContainer .invoiceTr[data-invoice-col=discountInvoice] .uninvoicedTd.red {
  color: inherit;
}
#cartNavBar {
  max-width: 1020px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  margin-top: 20px;
  margin-bottom: -1px;
}
#quickType.disabled {
  pointer-events: none;
}
#quickType .labelContainer {
  margin-left: auto;
  margin-right: Auto;
  text-align: center;
  margin-bottom: 25px;
}
#quickType .labelContainer h2.labelHeader {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  top: -16px;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
  border-radius: 15px;
  display: inline-block;
  padding: 5px 10px;
  background: #ffffff;
  letter-spacing: 0.1em;
  font-size: 15px;
  text-transform: uppercase;
}
#quickType .quickTypeSvgDivs .svgDiv {
  display: block;
  width: 340px;
  float: right;
  display: none;
  z-index: 9990;
  position: fixed;
  bottom: -4px;
  right: -4px;
  background: rgba(255,255,255,0.8);
  border-radius: 4px;
  box-shadow: 0px 0px 15px rgba(50,50,50,0.2);
  cursor: move;
  padding-left: 20px;
  margin-top: 1px;
  padding-top: 1px;
  transition-delay: 0.5s;
}
#quickType .quickTypeSvgDivs .svgDiv:hover {
  transition: background 0s;
  transition-delay: 0.1s;
  background: #ffffff;
}
#quickType .quickTypeSvgDivs .svgDiv:hover .svgTopBar {
  transition: opacity 0.0s;
  transition-delay: 0.1s;
  opacity: 0.5;
}
#quickType .quickTypeSvgDivs .svgDiv .svgTopBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  background: gray;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  transition: opacity 0.0s;
  transition-delay: 0.5s;
  opacity: 0.0;
  pointer-events: none;
}
#quickType .quickTypeSvgDivs .svgDiv svg {
  max-height: 300px;
  margin-left: -10px;
  height: auto;
  margin-bottom: -5%;
  pointer-events: none;
}
#quickType .quickTypeSvgDivs .svgDiv svg #mitoitusviivat text {
  margin: 10px;
  background: red;
}
#quickType .quickTypeSvgDivs .svgDiv .staticImage {
  width: 340px;
  padding-top: 50px;
  max-width: 80%;
}
#quickType .quickTypeSvgDivs .svgDiv .nwHandle {
  transform: rotate(180deg);
  top: -2px;
  left: -2px;
}
#quickType #quickTypeTable,
#quickType #quickTypeTableMultiChange {
  width: 100%;
  margin-bottom: 18px;
  width: auto;
  border: none;
  min-width: 80vw;
  margin-left: auto;
  margin-right: auto;
}
#quickType #quickTypeTable thead > tr > th,
#quickType #quickTypeTable thead > tr > td,
#quickType #quickTypeTable tbody > tr > th,
#quickType #quickTypeTable tbody > tr > td,
#quickType #quickTypeTable tfoot > tr > th,
#quickType #quickTypeTable tfoot > tr > td,
#quickType #quickTypeTableMultiChange thead > tr > th,
#quickType #quickTypeTableMultiChange thead > tr > td,
#quickType #quickTypeTableMultiChange tbody > tr > th,
#quickType #quickTypeTableMultiChange tbody > tr > td,
#quickType #quickTypeTableMultiChange tfoot > tr > th,
#quickType #quickTypeTableMultiChange tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#quickType #quickTypeTable thead > tr > th,
#quickType #quickTypeTableMultiChange thead > tr > th {
  vertical-align: bottom;
}
#quickType #quickTypeTable caption + thead tr:first-child th,
#quickType #quickTypeTable caption + thead tr:first-child td,
#quickType #quickTypeTable colgroup + thead tr:first-child th,
#quickType #quickTypeTable colgroup + thead tr:first-child td,
#quickType #quickTypeTable thead:first-child tr:first-child th,
#quickType #quickTypeTable thead:first-child tr:first-child td,
#quickType #quickTypeTableMultiChange caption + thead tr:first-child th,
#quickType #quickTypeTableMultiChange caption + thead tr:first-child td,
#quickType #quickTypeTableMultiChange colgroup + thead tr:first-child th,
#quickType #quickTypeTableMultiChange colgroup + thead tr:first-child td,
#quickType #quickTypeTableMultiChange thead:first-child tr:first-child th,
#quickType #quickTypeTableMultiChange thead:first-child tr:first-child td {
  border-top: 0;
}
#quickType #quickTypeTable tbody + tbody,
#quickType #quickTypeTableMultiChange tbody + tbody {
  border-top: 2px solid #ddd;
}
#quickType #quickTypeTable .table,
#quickType #quickTypeTableMultiChange .table {
  background-color: #fff;
}
#quickType #quickTypeTable thead > tr > th,
#quickType #quickTypeTable thead > tr > td,
#quickType #quickTypeTable tbody > tr > th,
#quickType #quickTypeTable tbody > tr > td,
#quickType #quickTypeTable tfoot > tr > th,
#quickType #quickTypeTable tfoot > tr > td,
#quickType #quickTypeTableMultiChange thead > tr > th,
#quickType #quickTypeTableMultiChange thead > tr > td,
#quickType #quickTypeTableMultiChange tbody > tr > th,
#quickType #quickTypeTableMultiChange tbody > tr > td,
#quickType #quickTypeTableMultiChange tfoot > tr > th,
#quickType #quickTypeTableMultiChange tfoot > tr > td {
  padding: 5px;
}
#quickType #quickTypeTable.blackTheme tbody .headerTr th,
#quickType #quickTypeTableMultiChange.blackTheme tbody .headerTr th {
  background: #f0de3d;
  color: white;
  border: none;
}
#quickType #quickTypeTable.blackTheme tbody .headerTr th select,
#quickType #quickTypeTableMultiChange.blackTheme tbody .headerTr th select {
  bordeR: none;
}
#quickType #quickTypeTable.blackTheme tbody tr.orderRowTr:nth-child(odd) td,
#quickType #quickTypeTableMultiChange.blackTheme tbody tr.orderRowTr:nth-child(odd) td {
  background: #dbdbdb;
}
#quickType #quickTypeTable.blackTheme tbody ::-moz-selection,
#quickType #quickTypeTableMultiChange.blackTheme tbody ::-moz-selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
#quickType #quickTypeTable.blackTheme tbody ::selection,
#quickType #quickTypeTableMultiChange.blackTheme tbody ::selection {
  background: #000;
  color: #fff;
  text-shadow: none;
}
#quickType #quickTypeTable.blackTheme tbody input[type=text],
#quickType #quickTypeTable.blackTheme tbody select,
#quickType #quickTypeTable.blackTheme tbody button.patternBtn,
#quickType #quickTypeTableMultiChange.blackTheme tbody input[type=text],
#quickType #quickTypeTableMultiChange.blackTheme tbody select,
#quickType #quickTypeTableMultiChange.blackTheme tbody button.patternBtn {
  border: 1px solid rgba(255,255,255,0);
  background: inherit;
  border-radius: 0;
  transition: background 0.5s, border-color 0.5s;
}
#quickType #quickTypeTable.blackTheme tbody input[type=text]:hover,
#quickType #quickTypeTable.blackTheme tbody select:hover,
#quickType #quickTypeTable.blackTheme tbody button.patternBtn:hover,
#quickType #quickTypeTableMultiChange.blackTheme tbody input[type=text]:hover,
#quickType #quickTypeTableMultiChange.blackTheme tbody select:hover,
#quickType #quickTypeTableMultiChange.blackTheme tbody button.patternBtn:hover {
  border: 1px solid #999;
  transition: background 0.03s, border-color 0.03s, box-shadow 0.03s;
  background: white;
}
#quickType #quickTypeTable.blackTheme tbody input[type=text]:focus,
#quickType #quickTypeTable.blackTheme tbody select:focus,
#quickType #quickTypeTable.blackTheme tbody button.patternBtn:focus,
#quickType #quickTypeTableMultiChange.blackTheme tbody input[type=text]:focus,
#quickType #quickTypeTableMultiChange.blackTheme tbody select:focus,
#quickType #quickTypeTableMultiChange.blackTheme tbody button.patternBtn:focus {
  border: 1px solid #555;
  box-shadow: inset 0 0 4px rgba(0,0,0,0.4);
  transition: background 0.03s, border-color 0.03s, box-shadow 0.03s;
  background: white;
  outline: none;
}
#quickType #quickTypeTable.blackTheme tbody select,
#quickType #quickTypeTableMultiChange.blackTheme tbody select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
#quickType #quickTypeTable.blackTheme tbody select::-ms-expand,
#quickType #quickTypeTableMultiChange.blackTheme tbody select::-ms-expand {
  display: none;
}
#quickType #quickTypeTable.blackTheme tbody select::-ms-expand,
#quickType #quickTypeTableMultiChange.blackTheme tbody select::-ms-expand {
  display: none;
}
#quickType #quickTypeTable.blackTheme tbody button,
#quickType #quickTypeTableMultiChange.blackTheme tbody button {
  border: none;
  background: inherit;
}
#quickType #quickTypeTable tbody input[type=text],
#quickType #quickTypeTable tbody select,
#quickType #quickTypeTableMultiChange tbody input[type=text],
#quickType #quickTypeTableMultiChange tbody select {
  width: inherit;
  box-shadow: none;
  padding: 2px 2px 2px 4px;
  height: 30px;
  transition: none;
}
#quickType #quickTypeTable tbody input[type=text].Product_id,
#quickType #quickTypeTable tbody select.Product_id,
#quickType #quickTypeTableMultiChange tbody input[type=text].Product_id,
#quickType #quickTypeTableMultiChange tbody select.Product_id {
  width: 70px;
}
#quickType #quickTypeTable tbody input[type=text]:hover,
#quickType #quickTypeTable tbody select:hover,
#quickType #quickTypeTableMultiChange tbody input[type=text]:hover,
#quickType #quickTypeTableMultiChange tbody select:hover {
  width: inherit;
  padding: 2px 2px 2px 4px;
  height: 30px;
  transition: none;
}
#quickType #quickTypeTable tbody input[type=text]:hover.Product_id,
#quickType #quickTypeTable tbody select:hover.Product_id,
#quickType #quickTypeTableMultiChange tbody input[type=text]:hover.Product_id,
#quickType #quickTypeTableMultiChange tbody select:hover.Product_id {
  width: 70px;
}
#quickType #quickTypeTable tbody input[type=text].changedInMultiChangeDialog,
#quickType #quickTypeTable tbody select.changedInMultiChangeDialog,
#quickType #quickTypeTableMultiChange tbody input[type=text].changedInMultiChangeDialog,
#quickType #quickTypeTableMultiChange tbody select.changedInMultiChangeDialog {
  background: #efe !important;
}
#quickType #quickTypeTable tbody button,
#quickType #quickTypeTableMultiChange tbody button {
  padding: 2px 2px 2px 4px;
  height: 30px;
}
#quickType #quickTypeTable tbody .headerTr td.Product_id_td,
#quickType #quickTypeTable tbody .orderRowTr td.Product_id_td,
#quickType #quickTypeTableMultiChange tbody .headerTr td.Product_id_td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td.Product_id_td {
  width: 70px;
  white-space: nowrap;
  max-width: 70px;
  vertical-align: middle;
}
#quickType #quickTypeTable tbody .headerTr td.Product_id_td .tradeNameStatic,
#quickType #quickTypeTable tbody .orderRowTr td.Product_id_td .tradeNameStatic,
#quickType #quickTypeTableMultiChange tbody .headerTr td.Product_id_td .tradeNameStatic,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td.Product_id_td .tradeNameStatic {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
#quickType #quickTypeTable tbody .headerTr th,
#quickType #quickTypeTable tbody .headerTr td,
#quickType #quickTypeTable tbody .orderRowTr th,
#quickType #quickTypeTable tbody .orderRowTr td,
#quickType #quickTypeTableMultiChange tbody .headerTr th,
#quickType #quickTypeTableMultiChange tbody .headerTr td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr th,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td {
  border-left: none;
  border-right: none;
  border-top: 0px solid white;
  border-bottom: 0px solid white;
  padding-left: 4px;
  padding-right: 4px;
  padding-top: 5px;
  padding-bottom: 5px;
  background: #ffffff;
}
#quickType #quickTypeTable tbody .headerTr th.right,
#quickType #quickTypeTable tbody .headerTr td.right,
#quickType #quickTypeTable tbody .orderRowTr th.right,
#quickType #quickTypeTable tbody .orderRowTr td.right,
#quickType #quickTypeTableMultiChange tbody .headerTr th.right,
#quickType #quickTypeTableMultiChange tbody .headerTr td.right,
#quickType #quickTypeTableMultiChange tbody .orderRowTr th.right,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td.right {
  text-align: right;
}
#quickType #quickTypeTable tbody .headerTr th:first-child,
#quickType #quickTypeTable tbody .headerTr td:first-child,
#quickType #quickTypeTable tbody .orderRowTr th:first-child,
#quickType #quickTypeTable tbody .orderRowTr td:first-child,
#quickType #quickTypeTableMultiChange tbody .headerTr th:first-child,
#quickType #quickTypeTableMultiChange tbody .headerTr td:first-child,
#quickType #quickTypeTableMultiChange tbody .orderRowTr th:first-child,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td:first-child {
  border-left: 1px solid #ddd !important;
}
#quickType #quickTypeTable tbody .headerTr th:last-child,
#quickType #quickTypeTable tbody .headerTr td:last-child,
#quickType #quickTypeTable tbody .orderRowTr th:last-child,
#quickType #quickTypeTable tbody .orderRowTr td:last-child,
#quickType #quickTypeTableMultiChange tbody .headerTr th:last-child,
#quickType #quickTypeTableMultiChange tbody .headerTr td:last-child,
#quickType #quickTypeTableMultiChange tbody .orderRowTr th:last-child,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td:last-child {
  border-right: 1px solid #ddd !important;
}
#quickType #quickTypeTable tbody .headerTr th,
#quickType #quickTypeTableMultiChange tbody .headerTr th {
  background: #f5f5f5;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding-top: 8px;
  padding-bottom: 8px;
}
#quickType #quickTypeTable tbody .headerTr th.Product_id_th,
#quickType #quickTypeTableMultiChange tbody .headerTr th.Product_id_th {
  border-left: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
#quickType #quickTypeTable tbody .headerTr th.Product_id_th .Product_id,
#quickType #quickTypeTableMultiChange tbody .headerTr th.Product_id_th .Product_id {
  background: inherit;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
}
#quickType #quickTypeTable tbody .orderRowTr.savingQuickTypeOrderRow,
#quickType #quickTypeTableMultiChange tbody .orderRowTr.savingQuickTypeOrderRow {
  opacity: 0.5;
}
#quickType #quickTypeTable tbody .orderRowTr[data-iframe-status],
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-iframe-status] {
  transition: color 0s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-iframe-status][data-iframe-status=loading] td.priceDetails,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-iframe-status][data-iframe-status=loading] td.priceDetails {
  color: #bbb !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-iframe-status][data-iframe-status=loading] tbody tr.orderRowTr:nth-child(odd) td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-iframe-status][data-iframe-status=loading] tbody tr.orderRowTr:nth-child(odd) td {
  color: #777 !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-iframe-status][data-iframe-status=pagePartiallyLoaded] td.priceDetails,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-iframe-status][data-iframe-status=pagePartiallyLoaded] td.priceDetails {
  color: #999 !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-iframe-status][data-iframe-status=pagePartiallyLoaded] tbody tr.orderRowTr:nth-child(odd) td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-iframe-status][data-iframe-status=pagePartiallyLoaded] tbody tr.orderRowTr:nth-child(odd) td {
  color: #555 !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-svg-status],
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-svg-status] {
  transition: color 0s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-svg-status][data-svg-status=updateSvgImageCalled] td.priceDetails,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-svg-status][data-svg-status=updateSvgImageCalled] td.priceDetails {
  color: #bbb !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-svg-status][data-svg-status=updateSvgImageCalled] tbody tr.orderRowTr:nth-child(odd) td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-svg-status][data-svg-status=updateSvgImageCalled] tbody tr.orderRowTr:nth-child(odd) td {
  color: #777 !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-price-status],
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-price-status] {
  transition: color 0s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-price-status][data-price-status=updatePriceCalled] td.priceDetails,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-price-status][data-price-status=updatePriceCalled] td.priceDetails {
  color: #bbb !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr[data-price-status][data-price-status=updatePriceCalled] tbody tr.orderRowTr:nth-child(odd) td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr[data-price-status][data-price-status=updatePriceCalled] tbody tr.orderRowTr:nth-child(odd) td {
  color: #777 !important;
  transition: color 0.5s;
}
#quickType #quickTypeTable tbody .orderRowTr.newOrderRowTrWithoutProductId input:not(.room),
#quickType #quickTypeTable tbody .orderRowTr.newOrderRowTrWithoutProductId select:not(.Product_id),
#quickType #quickTypeTable tbody .orderRowTr.newOrderRowTrWithoutProductId button:not(.showConfigPageBtn),
#quickType #quickTypeTableMultiChange tbody .orderRowTr.newOrderRowTrWithoutProductId input:not(.room),
#quickType #quickTypeTableMultiChange tbody .orderRowTr.newOrderRowTrWithoutProductId select:not(.Product_id),
#quickType #quickTypeTableMultiChange tbody .orderRowTr.newOrderRowTrWithoutProductId button:not(.showConfigPageBtn) {
  display: none;
}
#quickType #quickTypeTable tbody .orderRowTr.newOrderRowTrWithoutProductId input.room,
#quickType #quickTypeTableMultiChange tbody .orderRowTr.newOrderRowTrWithoutProductId input.room {
  opacity: 0;
  pointer-events: none;
}
#quickType #quickTypeTable tbody .orderRowTr td .configPageIframe,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td .configPageIframe {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  width: 820px;
  max-width: 820px;
  min-width: 820px;
  height: 80vh;
  top: 150px;
  right: 0px;
  display: none;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
#quickType #quickTypeTable tbody .orderRowTr td .configPageIframe .inforightArrow,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td .configPageIframe .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#quickType #quickTypeTable tbody .orderRowTr td .narrowDropdown,
#quickType #quickTypeTableMultiChange tbody .orderRowTr td .narrowDropdown {
  max-width: 60px;
}
#quickType #quickTypeTable tbody .orderRowTr td button.addNewToCartBtn[disabled],
#quickType #quickTypeTableMultiChange tbody .orderRowTr td button.addNewToCartBtn[disabled] {
  opacity: 0.4;
}
#quickType #quickTypeTable tbody .orderRowTr.borderBottom td,
#quickType #quickTypeTableMultiChange tbody .orderRowTr.borderBottom td {
  border-bottom: 1px solid #ddd !important;
}
#quickType #quickTypeTable tbody .sumTr td,
#quickType #quickTypeTable tbody .sumTr th,
#quickType #quickTypeTableMultiChange tbody .sumTr td,
#quickType #quickTypeTableMultiChange tbody .sumTr th {
  background: rgba(255,255,255,0);
  border: 1px solid rgba(255,255,255,0);
}
#quickType #quickTypeTable tbody .saveBtn,
#quickType #quickTypeTableMultiChange tbody .saveBtn {
  visibility: hidden;
}
#quickType #quickTypeTable tbody .loadingWheelParent,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent {
  display: inline-block;
  opacity: 0;
  transition: opacity 0s;
  transition-delay: 0s;
}
#quickType #quickTypeTable tbody .loadingWheelParent.visible,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent.visible {
  transition: opacity 0.5s;
  transition-delay: 0.6s;
  opacity: 1;
}
#quickType #quickTypeTable tbody .loadingWheelParent.visible .loadingWheel,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent.visible .loadingWheel {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}
#quickType #quickTypeTable tbody .loadingWheelParent .loadingWheel,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent .loadingWheel {
  display: none;
  font-size: 18px;
  padding: 0;
  margin: 0;
  line-height: 100%;
}
#quickType #quickTypeTable tbody .loadingWheelParent img.ajaxLoaderImg,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent img.ajaxLoaderImg {
  display: none;
  width: 8px;
  height: 8px;
}
#quickType #quickTypeTable tbody .loadingWheelParent img.ajaxLoaderImg.loading,
#quickType #quickTypeTableMultiChange tbody .loadingWheelParent img.ajaxLoaderImg.loading {
  display: block;
}
#quickType #quickTypeTable tbody .disabled,
#quickType #quickTypeTableMultiChange tbody .disabled {
  background: #fbfbfb;
  color: #888;
}
#quickType #quickTypeTable tbody .patternBtn,
#quickType #quickTypeTableMultiChange tbody .patternBtn {
  width: 38px;
  padding-left: 0;
  padding-right: 0;
}
#quickType #quickTypeTable tbody .patternBtn.dialogOpen,
#quickType #quickTypeTableMultiChange tbody .patternBtn.dialogOpen {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#quickType #quickTypeTable tbody .showConfigPageBtn.dialogOpen,
#quickType #quickTypeTableMultiChange tbody .showConfigPageBtn.dialogOpen {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
#quickType #quickTypeTable tbody .showConfigPageBtn.revealableHidden,
#quickType #quickTypeTableMultiChange tbody .showConfigPageBtn.revealableHidden {
  display: none;
}
#quickType #quickTypeTable tbody button,
#quickType #quickTypeTableMultiChange tbody button {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  background: #f7f7f7;
}
#quickType #quickTypeTable tbody button:focus,
#quickType #quickTypeTableMultiChange tbody button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#quickType #quickTypeTable tbody button:hover,
#quickType #quickTypeTable tbody button:focus,
#quickType #quickTypeTableMultiChange tbody button:hover,
#quickType #quickTypeTableMultiChange tbody button:focus {
  color: #333;
  text-decoration: none;
}
#quickType #quickTypeTable tbody button:active,
#quickType #quickTypeTable tbody button.active,
#quickType #quickTypeTableMultiChange tbody button:active,
#quickType #quickTypeTableMultiChange tbody button.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#quickType #quickTypeTable tbody button.disabled,
#quickType #quickTypeTable tbody button[disabled],
fieldset[disabled] #quickType #quickTypeTable tbody button,
#quickType #quickTypeTableMultiChange tbody button.disabled,
#quickType #quickTypeTableMultiChange tbody button[disabled],
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#quickType #quickTypeTable tbody button:hover,
#quickType #quickTypeTable tbody button:focus,
#quickType #quickTypeTable tbody button:active,
#quickType #quickTypeTable tbody button.active,
#quickType #quickTypeTableMultiChange tbody button:hover,
#quickType #quickTypeTableMultiChange tbody button:focus,
#quickType #quickTypeTableMultiChange tbody button:active,
#quickType #quickTypeTableMultiChange tbody button.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#quickType #quickTypeTable tbody button.disabled,
#quickType #quickTypeTable tbody button.disabled:hover,
#quickType #quickTypeTable tbody button.disabled:focus,
#quickType #quickTypeTable tbody button.disabled:active,
#quickType #quickTypeTable tbody button.disabled.active,
#quickType #quickTypeTable tbody button[disabled],
#quickType #quickTypeTable tbody button[disabled]:hover,
#quickType #quickTypeTable tbody button[disabled]:focus,
#quickType #quickTypeTable tbody button[disabled]:active,
#quickType #quickTypeTable tbody button[disabled].active,
fieldset[disabled] #quickType #quickTypeTable tbody button,
fieldset[disabled] #quickType #quickTypeTable tbody button:hover,
fieldset[disabled] #quickType #quickTypeTable tbody button:focus,
fieldset[disabled] #quickType #quickTypeTable tbody button:active,
fieldset[disabled] #quickType #quickTypeTable tbody button.active,
#quickType #quickTypeTableMultiChange tbody button.disabled,
#quickType #quickTypeTableMultiChange tbody button.disabled:hover,
#quickType #quickTypeTableMultiChange tbody button.disabled:focus,
#quickType #quickTypeTableMultiChange tbody button.disabled:active,
#quickType #quickTypeTableMultiChange tbody button.disabled.active,
#quickType #quickTypeTableMultiChange tbody button[disabled],
#quickType #quickTypeTableMultiChange tbody button[disabled]:hover,
#quickType #quickTypeTableMultiChange tbody button[disabled]:focus,
#quickType #quickTypeTableMultiChange tbody button[disabled]:active,
#quickType #quickTypeTableMultiChange tbody button[disabled].active,
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button,
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button:hover,
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button:focus,
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button:active,
fieldset[disabled] #quickType #quickTypeTableMultiChange tbody button.active {
  background-color: #fff;
  border-color: #ccc;
}
#quickType #quickTypeTable tbody .actions,
#quickType #quickTypeTableMultiChange tbody .actions {
  white-space: nowrap;
}
#quickType #quickTypeTable tbody .markParent,
#quickType #quickTypeTableMultiChange tbody .markParent {
  position: Relative;
  padding-bottom: 8px;
}
#quickType #quickTypeTable tbody .markParent:hover .warningText,
#quickType #quickTypeTableMultiChange tbody .markParent:hover .warningText {
  display: block;
}
#quickType #quickTypeTable tbody .markParent .mark,
#quickType #quickTypeTableMultiChange tbody .markParent .mark {
  display: none;
  font-size: 120%;
}
#quickType #quickTypeTable tbody .markParent .mark.warningMark,
#quickType #quickTypeTableMultiChange tbody .markParent .mark.warningMark {
  color: orange;
}
#quickType #quickTypeTable tbody .markParent .mark.errorMark,
#quickType #quickTypeTableMultiChange tbody .markParent .mark.errorMark {
  color: red;
}
#quickType #quickTypeTable tbody .markParent .mark.okMark,
#quickType #quickTypeTableMultiChange tbody .markParent .mark.okMark {
  color: green;
}
#quickType #quickTypeTable tbody .markParent .warningText,
#quickType #quickTypeTableMultiChange tbody .markParent .warningText {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  display: none;
  min-width: 230px;
  width: 230px;
  max-width: 330px;
  font-size: 105%;
  animation: fadeIn 0.5s;
  word-wrap: normal;
  white-space: normal;
}
#quickType #quickTypeTable tbody .markParent .warningText .inforightArrow,
#quickType #quickTypeTableMultiChange tbody .markParent .warningText .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#quickType .quickPatternBox {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  min-width: 180px;
  max-width: auto !important;
  border-top-left-radius: 0px;
  height: 240px;
  width: 400px;
  display: none;
  animation: fadeIn 0.4s;
}
#quickType .quickPatternBox .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#quickType .quickPatternBox .closeQuickPatternBox {
  padding-left: 1px;
  float: right;
}
#quickType .quickPatternBox .hideOnQuickType {
  display: none !important;
}
#quickType .quickPatternBox .patternControlGroup .patternBox .patternLink.hideablePattern {
  display: inline-block;
}
#quickType .quickPatternBox .patternControlGroup .patternBox .patternLink.hideablePattern.hiddenPattern {
  display: inline-block;
}
@media screen and (max-width: 1203px) {
  body.iframeBody #productConfig {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.quickTypeConfigPageIframeBody #productConfig {
    padding: 0 !important;
    margin: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  body.iframeBody #productConfig {
    padding: 0 !important;
    margin: 0 !important;
  }
  body.quickTypeConfigPageIframeBody #productConfig {
    padding: 0 !important;
    margin: 0 !important;
  }
}
body.iframeBody {
  opacity: 0.3;
  padding: 0;
  margin: 0;
  margin-top: -5px;
  background-image: none !important;
  background-color: white;
}
body.iframeBody.noOpacityLow {
  opacity: 1;
}
body.iframeBody .iframe {
  display: none !important;
}
body.iframeBody .showNewsBtn {
  display: none;
}
body.iframeBody .noMargins {
  padding: 0;
  margin: 0;
}
body.iframeBody .noMarginsImportant {
  padding: 0 !important;
  margin: 0 !important;
}
body.iframeBody #container.container {
  width: 100%;
  max-width: 100%;
}
body.iframeBody #container.container-fluid {
  width: 100%;
  max-width: 100%;
}
body.iframeBody #nav,
body.iframeBody #miniNavBar,
body.iframeBody .languageBar,
body.iframeBody .asiakasDiv,
body.iframeBody .lastPurchaseDiv,
body.iframeBody #product-top,
body.iframeBody #productConfig .productConfigTopDiv,
body.iframeBody #priceBreakdownDiv,
body.iframeBody .databaseLogRow,
body.iframeBody #patternControlGroup,
body.iframeBody #roomDiv,
body.iframeBody #dimensionControlsUpperDiv,
body.iframeBody .optionInfoLinkDiv {
  display: none !important;
}
body.iframeBody #priceFloatingContainer {
  display: none !important;
}
body.iframeBody #productConfig {
  background-image: none;
  background: white;
}
body.iframeBody #productConfig .form-horizontal fieldset {
  border-top: 4px solid white !important;
  margin-bottom: 30px;
  margin-top: 10px;
}
body.iframeBody #productConfig .form-horizontal legend {
  float: none;
  margin: 0;
  text-align: left;
}
body.iframeBody #productConfig .form-horizontal legend span {
  left: 0;
  position: inherit;
  padding: 0;
}
body.iframeBody #productConfig .form-horizontal .form-group {
  padding: 0;
  margin: 0;
  margin: 3px;
}
body.iframeBody #productConfig .rightBar {
  overflow: visible;
  margin-bottom: 60px;
}
body.quickTypeConfigPageIframeBody {
  opacity: 1;
  padding: 0;
  margin: 0;
  margin-top: -5px;
  background-image: none !important;
  background-color: white;
}
body.quickTypeConfigPageIframeBody.noOpacityLow {
  opacity: 1;
}
body.quickTypeConfigPageIframeBody .iframe {
  display: none !important;
}
body.quickTypeConfigPageIframeBody .noMargins {
  padding: 0;
  margin: 0;
}
body.quickTypeConfigPageIframeBody .noMarginsImportant {
  padding: 0 !important;
  margin: 0 !important;
}
body.quickTypeConfigPageIframeBody #container.container {
  width: 100%;
  max-width: 100%;
}
body.quickTypeConfigPageIframeBody #container.container-fluid {
  width: 100%;
  max-width: 100%;
}
body.quickTypeConfigPageIframeBody #configurationForm {
  margin-left: 0;
}
body.quickTypeConfigPageIframeBody #windowPatternsDiv {
  display: inline-block !important;
  width: auto;
}
body.quickTypeConfigPageIframeBody #nav,
body.quickTypeConfigPageIframeBody .createMiniPictureLink,
body.quickTypeConfigPageIframeBody .staticImageInQuestion,
body.quickTypeConfigPageIframeBody #miniNavBar,
body.quickTypeConfigPageIframeBody .languageBar,
body.quickTypeConfigPageIframeBody .asiakasDiv,
body.quickTypeConfigPageIframeBody .leftBar,
body.quickTypeConfigPageIframeBody .lastPurchaseDiv,
body.quickTypeConfigPageIframeBody #aukkoTopLabelsDiv,
body.quickTypeConfigPageIframeBody #product-top,
body.quickTypeConfigPageIframeBody #productConfig .productConfigTopDiv,
body.quickTypeConfigPageIframeBody #priceBreakdownDiv,
body.quickTypeConfigPageIframeBody .databaseLogRow,
body.quickTypeConfigPageIframeBody .optionInfoLinkDiv {
  display: none !important;
}
body.quickTypeConfigPageIframeBody #priceFloatingContainer {
  display: none !important;
}
body.quickTypeConfigPageIframeBody #productConfig {
  background-image: none;
  background: white;
  padding: 0 !important;
  margin: 0 !important;
}
body.quickTypeConfigPageIframeBody #productConfig .form-horizontal legend {
  float: inherit;
  margin: 0;
  text-align: left;
}
body.quickTypeConfigPageIframeBody #productConfig .form-horizontal legend span {
  left: initial;
}
body.quickTypeConfigPageIframeBody #productConfig .form-horizontal .form-group {
  padding: 0;
  margin: 0;
  margin-top: 4px;
  margin-bottom: 6px;
  margin-left: 2px;
  margin-right: 2px;
}
body.quickTypeConfigPageIframeBody #productConfig .col-1,
body.quickTypeConfigPageIframeBody #productConfig .col-2,
body.quickTypeConfigPageIframeBody #productConfig .col-3,
body.quickTypeConfigPageIframeBody #productConfig .col-4,
body.quickTypeConfigPageIframeBody #productConfig .col-5,
body.quickTypeConfigPageIframeBody #productConfig .col-6,
body.quickTypeConfigPageIframeBody #productConfig .col-7,
body.quickTypeConfigPageIframeBody #productConfig .col-8,
body.quickTypeConfigPageIframeBody #productConfig .col-9,
body.quickTypeConfigPageIframeBody #productConfig .col-10,
body.quickTypeConfigPageIframeBody #productConfig .col-11,
body.quickTypeConfigPageIframeBody #productConfig .col-12,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-1,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-2,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-3,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-4,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-5,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-6,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-7,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-8,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-9,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-10,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-11,
body.quickTypeConfigPageIframeBody #productConfig .col-sm-12,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-1,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-2,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-3,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-4,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-5,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-6,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-7,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-8,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-9,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-10,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-11,
body.quickTypeConfigPageIframeBody #productConfig .col-lg-12 {
  padding-left: 5px;
  padding-right: 5px;
}
#iframeBottomBar {
  width: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  background: white;
  border-top: 1px solid #aaa;
  padding: 8px;
  padding-bottom: 5px;
}
.containsProgressBtn {
  position: relative;
}
.saveProgressBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  background: green;
  opacity: 0.7;
  position: absolute;
  top: -1px;
  left: -1px;
  width: 0px;
  padding: 0;
  height: 103%;
  transition: width 0.5s;
}
.saveProgressBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.saveProgressBtn:hover,
.saveProgressBtn:focus {
  color: #333;
  text-decoration: none;
}
.saveProgressBtn:active,
.saveProgressBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.saveProgressBtn.disabled,
.saveProgressBtn[disabled],
fieldset[disabled] .saveProgressBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
body .form-control {
  padding-left: 6px;
  padding-right: 2px;
}
body.translating *:hover {
  border: 1px dashed green;
}
.htmlByAjaxFail {
  border: 1px solid red !important;
}
table.partDetailTableFloatingHeadersTable {
  width: 100%;
}
table.partDetailTableFloatingHeadersTable thead,
table.partDetailTableFloatingHeadersTable tbody,
table.partDetailTableFloatingHeadersTable tr,
table.partDetailTableFloatingHeadersTable td,
table.partDetailTableFloatingHeadersTable th {
  display: block;
}
table.partDetailTableFloatingHeadersTable tr:after {
  content: ' ';
  display: block;
  visibility: hidden;
  clear: both;
}
table.partDetailTableFloatingHeadersTable thead th {
  height: 30px;
}
table.partDetailTableFloatingHeadersTable.bigHeaderedTable thead th {
  height: 60px;
}
table.partDetailTableFloatingHeadersTable tbody {
  height: 600px;
  overflow-y: scroll;
}
table.partDetailTableFloatingHeadersTable thead {
  overflow-y: scroll;
}
table.partDetailTableFloatingHeadersTable tbody td,
table.partDetailTableFloatingHeadersTable thead th {
  width: 28.571428571429%;
  float: left;
}
table.partDetailTableFloatingHeadersTable tbody td.halfWide,
table.partDetailTableFloatingHeadersTable thead th.halfWide {
  width: 14.285714285714%;
  float: left;
}
table.partDetailTableFloatingHeadersTable tbody td.doubleWide,
table.partDetailTableFloatingHeadersTable thead th.doubleWide {
  width: 57.142857142857%;
  float: left;
}
table.partDetailTableFloatingHeadersTable tbody td {
  min-height: 35px;
}
.partDetailEditorDiv .productLimitNavbar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 25px;
  padding-left: 15px;
  border-bottom: 0;
}
.partDetailEditorDiv .productLimitNavbar:before,
.partDetailEditorDiv .productLimitNavbar:after {
  content: " ";
  display: table;
}
.partDetailEditorDiv .productLimitNavbar:after {
  clear: both;
}
.partDetailEditorDiv .productLimitNavbar:before,
.partDetailEditorDiv .productLimitNavbar:after {
  content: " ";
  display: table;
}
.partDetailEditorDiv .productLimitNavbar:after {
  clear: both;
}
.partDetailEditorDiv .productLimitNavbar > li {
  position: relative;
  display: block;
}
.partDetailEditorDiv .productLimitNavbar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.partDetailEditorDiv .productLimitNavbar > li > a:hover,
.partDetailEditorDiv .productLimitNavbar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.partDetailEditorDiv .productLimitNavbar > li.disabled > a {
  color: #999999;
}
.partDetailEditorDiv .productLimitNavbar > li.disabled > a:hover,
.partDetailEditorDiv .productLimitNavbar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.partDetailEditorDiv .productLimitNavbar.open > a,
.partDetailEditorDiv .productLimitNavbar.open > a:hover,
.partDetailEditorDiv .productLimitNavbar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.partDetailEditorDiv .productLimitNavbar.open > a .caret,
.partDetailEditorDiv .productLimitNavbar.open > a:hover .caret,
.partDetailEditorDiv .productLimitNavbar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.partDetailEditorDiv .productLimitNavbar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.partDetailEditorDiv .productLimitNavbar > li {
  float: left;
  margin-bottom: -1px;
}
.partDetailEditorDiv .productLimitNavbar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.partDetailEditorDiv .productLimitNavbar > li > a:hover {
  border-color: #eeeeee;
}
.partDetailEditorDiv .productLimitNavbar > li.active > a,
.partDetailEditorDiv .productLimitNavbar > li.active > a:hover,
.partDetailEditorDiv .productLimitNavbar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.partDetailEditorDiv .productLimitNavbar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.partDetailEditorDiv .productLimitNavbar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.partDetailEditorDiv .productLimitNavbar.nav-justified > li > a {
  text-align: center;
}
.partDetailEditorDiv .productLimitNavbar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.partDetailEditorDiv .productLimitNavbar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.partDetailEditorDiv .partDetailTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  font-family: "times new roman";
}
.partDetailEditorDiv .partDetailTable thead > tr > th,
.partDetailEditorDiv .partDetailTable thead > tr > td,
.partDetailEditorDiv .partDetailTable tbody > tr > th,
.partDetailEditorDiv .partDetailTable tbody > tr > td,
.partDetailEditorDiv .partDetailTable tfoot > tr > th,
.partDetailEditorDiv .partDetailTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.partDetailEditorDiv .partDetailTable thead > tr > th {
  vertical-align: bottom;
}
.partDetailEditorDiv .partDetailTable caption + thead tr:first-child th,
.partDetailEditorDiv .partDetailTable caption + thead tr:first-child td,
.partDetailEditorDiv .partDetailTable colgroup + thead tr:first-child th,
.partDetailEditorDiv .partDetailTable colgroup + thead tr:first-child td,
.partDetailEditorDiv .partDetailTable thead:first-child tr:first-child th,
.partDetailEditorDiv .partDetailTable thead:first-child tr:first-child td {
  border-top: 0;
}
.partDetailEditorDiv .partDetailTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.partDetailEditorDiv .partDetailTable .table {
  background-color: #fff;
}
.partDetailEditorDiv .partDetailTable thead > tr > th,
.partDetailEditorDiv .partDetailTable thead > tr > td,
.partDetailEditorDiv .partDetailTable tbody > tr > th,
.partDetailEditorDiv .partDetailTable tbody > tr > td,
.partDetailEditorDiv .partDetailTable tfoot > tr > th,
.partDetailEditorDiv .partDetailTable tfoot > tr > td {
  padding: 5px;
}
.partDetailEditorDiv .partDetailTable > thead > tr > th,
.partDetailEditorDiv .partDetailTable > thead > tr > td,
.partDetailEditorDiv .partDetailTable > tbody > tr > th,
.partDetailEditorDiv .partDetailTable > tbody > tr > td,
.partDetailEditorDiv .partDetailTable > tfoot > tr > th,
.partDetailEditorDiv .partDetailTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.partDetailEditorDiv .partDetailTable > tbody > tr:hover > td,
.partDetailEditorDiv .partDetailTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.partDetailEditorDiv .partDetailTable tr.searchTr {
  border-top: 1px solid rgba(255,255,255,0);
  border-left: 1px solid rgba(255,255,255,0);
  border-right: 1px solid rgba(255,255,255,0);
}
.partDetailEditorDiv .partDetailTable tr.searchTr th {
  border-top: 1px solid rgba(255,255,255,0);
  border-left: 1px solid rgba(255,255,255,0);
  border-right: 1px solid rgba(255,255,255,0);
  border-bottom: 1px solid rgba(255,255,255,0);
  padding: 0;
}
.partDetailEditorDiv .partDetailTable tr.searchTr .searchInput {
  fborder: 1px solid #ddd;
  height: 100%;
}
.partDetailEditorDiv .partDetailTable tr.searchTr .searchInput:hover {
  background: inherit;
}
.partDetailEditorDiv .partDetailTable .btn-group > button.multiselect {
  min-width: 100px;
}
.partDetailEditorDiv .partDetailTable .multiselect-container input[type=radio] {
  display: none;
}
.partDetailEditorDiv .partDetailTable :not(.multiselect-container) input {
  background: rgba(255,255,255,0);
  padding: 5px;
  border: 0px;
  font-size: 100%;
  width: 100%;
}
.partDetailEditorDiv .partDetailTable :not(.multiselect-container) input[type=checkbox],
.partDetailEditorDiv .partDetailTable :not(.multiselect-container) input[type=radio] {
  width: auto;
}
.partDetailEditorDiv .partDetailTable :not(.multiselect-container) select {
  width: 100%;
  height: auto;
  border: 0px;
  padding-left: 0px;
  padding-right: 2px;
  height: 28px;
  background: rgba(255,255,255,0);
}
.partDetailEditorDiv .partDetailTable :not(.multiselect-container) label {
  font-weight: normal;
}
.partDetailEditorDiv .partDetailTable input.lasi2saanto {
  border: none;
  box-shadow: none;
  height: 100%;
}
.partDetailEditorDiv .activatedTr td {
  background: yellow !important;
}
.partDetailEditorDiv td {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.partDetailEditorDiv td[class*=no-form-control] {
  overflow: visible !important;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input:-moz-placeholder {
  color: #999999;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input::-moz-placeholder {
  color: #999999;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input:-ms-input-placeholder {
  color: #999999;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input::-webkit-input-placeholder {
  color: #999999;
}
.partDetailEditorDiv td:not([class*=no-form-control]) input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.partDetailEditorDiv td:not([class*=no-form-control]) input[disabled],
.partDetailEditorDiv td:not([class*=no-form-control]) input[readonly],
fieldset[disabled] .partDetailEditorDiv td:not([class*=no-form-control]) input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.partDetailEditorDiv td:not([class*=no-form-control]) input {
  height: auto;
}
.partDetailEditorDiv td.td-inner {
  background: #ddf;
}
.partDetailEditorDiv td.td-outer {
  background: #ffd;
}
.partDetailEditorDiv td.td-both {
  background: #fcc;
}
.partDetailEditorDiv td.td-none {
  background: #f7f7f7;
}
.partDetailEditorDiv td.glassIdTd {
  position: relative;
  pointer-events: none;
}
.partDetailEditorDiv td.glassIdTd:hover {
  background: #d7eeff !important;
}
.partDetailEditorDiv td.glassIdTd.opened:hover {
  background: inherit !important;
}
.partDetailEditorDiv td.glassIdTd .menuCaret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px solid #000;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  content: "";
  float: right !important;
  position: absolute;
  top: 10px;
  right: 5px;
}
.btn-default .partDetailEditorDiv td.glassIdTd .menuCaret {
  border-top-color: #333;
}
.btn-primary .partDetailEditorDiv td.glassIdTd .menuCaret,
.btn-success .partDetailEditorDiv td.glassIdTd .menuCaret,
.btn-warning .partDetailEditorDiv td.glassIdTd .menuCaret,
.btn-danger .partDetailEditorDiv td.glassIdTd .menuCaret,
.btn-info .partDetailEditorDiv td.glassIdTd .menuCaret {
  border-top-color: #fff;
}
.partDetailEditorDiv td.glassIdTd.active {
  pointer-events: auto;
  cursor: pointer;
  cursor: hand;
  color: #000;
}
.partDetailEditorDiv td,
.partDetailEditorDiv th {
  -max-width: 150px;
  padding: 2px !important;
}
.partDetailEditorDiv input:hover {
  background: #f5f5ff;
}
.table-all-style {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
}
.table-all-style thead > tr > th,
.table-all-style thead > tr > td,
.table-all-style tbody > tr > th,
.table-all-style tbody > tr > td,
.table-all-style tfoot > tr > th,
.table-all-style tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-all-style thead > tr > th {
  vertical-align: bottom;
}
.table-all-style caption + thead tr:first-child th,
.table-all-style caption + thead tr:first-child td,
.table-all-style colgroup + thead tr:first-child th,
.table-all-style colgroup + thead tr:first-child td,
.table-all-style thead:first-child tr:first-child th,
.table-all-style thead:first-child tr:first-child td {
  border-top: 0;
}
.table-all-style tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-all-style .table {
  background-color: #fff;
}
.table-all-style > thead > tr > th,
.table-all-style > thead > tr > td,
.table-all-style > tbody > tr > th,
.table-all-style > tbody > tr > td,
.table-all-style > tfoot > tr > th,
.table-all-style > tfoot > tr > td {
  border: 1px solid #ddd;
}
.table-all-style thead > tr > th,
.table-all-style thead > tr > td,
.table-all-style tbody > tr > th,
.table-all-style tbody > tr > td,
.table-all-style tfoot > tr > th,
.table-all-style tfoot > tr > td {
  padding: 5px;
}
.table-all-style > tbody > tr:hover > td,
.table-all-style > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.table-all-style > tbody > tr:nth-child(odd) > td,
.table-all-style > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-all-style-except-bordered {
  width: 100%;
  margin-bottom: 18px;
}
.table-all-style-except-bordered thead > tr > th,
.table-all-style-except-bordered thead > tr > td,
.table-all-style-except-bordered tbody > tr > th,
.table-all-style-except-bordered tbody > tr > td,
.table-all-style-except-bordered tfoot > tr > th,
.table-all-style-except-bordered tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-all-style-except-bordered thead > tr > th {
  vertical-align: bottom;
}
.table-all-style-except-bordered caption + thead tr:first-child th,
.table-all-style-except-bordered caption + thead tr:first-child td,
.table-all-style-except-bordered colgroup + thead tr:first-child th,
.table-all-style-except-bordered colgroup + thead tr:first-child td,
.table-all-style-except-bordered thead:first-child tr:first-child th,
.table-all-style-except-bordered thead:first-child tr:first-child td {
  border-top: 0;
}
.table-all-style-except-bordered tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-all-style-except-bordered .table {
  background-color: #fff;
}
.table-all-style-except-bordered thead > tr > th,
.table-all-style-except-bordered thead > tr > td,
.table-all-style-except-bordered tbody > tr > th,
.table-all-style-except-bordered tbody > tr > td,
.table-all-style-except-bordered tfoot > tr > th,
.table-all-style-except-bordered tfoot > tr > td {
  padding: 5px;
}
.table-all-style-except-bordered > tbody > tr:hover > td,
.table-all-style-except-bordered > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.table-all-style-except-bordered > tbody > tr:nth-child(odd) > td,
.table-all-style-except-bordered > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.table-all-style-except-bordered-and-striped {
  width: 100%;
  margin-bottom: 18px;
}
.table-all-style-except-bordered-and-striped thead > tr > th,
.table-all-style-except-bordered-and-striped thead > tr > td,
.table-all-style-except-bordered-and-striped tbody > tr > th,
.table-all-style-except-bordered-and-striped tbody > tr > td,
.table-all-style-except-bordered-and-striped tfoot > tr > th,
.table-all-style-except-bordered-and-striped tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.table-all-style-except-bordered-and-striped thead > tr > th {
  vertical-align: bottom;
}
.table-all-style-except-bordered-and-striped caption + thead tr:first-child th,
.table-all-style-except-bordered-and-striped caption + thead tr:first-child td,
.table-all-style-except-bordered-and-striped colgroup + thead tr:first-child th,
.table-all-style-except-bordered-and-striped colgroup + thead tr:first-child td,
.table-all-style-except-bordered-and-striped thead:first-child tr:first-child th,
.table-all-style-except-bordered-and-striped thead:first-child tr:first-child td {
  border-top: 0;
}
.table-all-style-except-bordered-and-striped tbody + tbody {
  border-top: 2px solid #ddd;
}
.table-all-style-except-bordered-and-striped .table {
  background-color: #fff;
}
.table-all-style-except-bordered-and-striped thead > tr > th,
.table-all-style-except-bordered-and-striped thead > tr > td,
.table-all-style-except-bordered-and-striped tbody > tr > th,
.table-all-style-except-bordered-and-striped tbody > tr > td,
.table-all-style-except-bordered-and-striped tfoot > tr > th,
.table-all-style-except-bordered-and-striped tfoot > tr > td {
  padding: 5px;
}
.table-all-style-except-bordered-and-striped > tbody > tr:hover > td,
.table-all-style-except-bordered-and-striped > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.wholeGlassesDiv {
  border: 1px solid #ccc;
  border-radius: 5px;
}
.wholeGlassesDiv.loading {
  opacity: 0.5;
  pointer-events: none;
}
.Option_index_div {
  padding: 10px;
}
.Option_index_div .optionSpecifityNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  padding-left: 15px;
  border-bottom: 0;
}
.Option_index_div .optionSpecifityNavBar:before,
.Option_index_div .optionSpecifityNavBar:after {
  content: " ";
  display: table;
}
.Option_index_div .optionSpecifityNavBar:after {
  clear: both;
}
.Option_index_div .optionSpecifityNavBar:before,
.Option_index_div .optionSpecifityNavBar:after {
  content: " ";
  display: table;
}
.Option_index_div .optionSpecifityNavBar:after {
  clear: both;
}
.Option_index_div .optionSpecifityNavBar > li {
  position: relative;
  display: block;
}
.Option_index_div .optionSpecifityNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.Option_index_div .optionSpecifityNavBar > li > a:hover,
.Option_index_div .optionSpecifityNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.Option_index_div .optionSpecifityNavBar > li.disabled > a {
  color: #999999;
}
.Option_index_div .optionSpecifityNavBar > li.disabled > a:hover,
.Option_index_div .optionSpecifityNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.Option_index_div .optionSpecifityNavBar.open > a,
.Option_index_div .optionSpecifityNavBar.open > a:hover,
.Option_index_div .optionSpecifityNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.Option_index_div .optionSpecifityNavBar.open > a .caret,
.Option_index_div .optionSpecifityNavBar.open > a:hover .caret,
.Option_index_div .optionSpecifityNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.Option_index_div .optionSpecifityNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.Option_index_div .optionSpecifityNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.Option_index_div .optionSpecifityNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.Option_index_div .optionSpecifityNavBar > li > a:hover {
  border-color: #eeeeee;
}
.Option_index_div .optionSpecifityNavBar > li.active > a,
.Option_index_div .optionSpecifityNavBar > li.active > a:hover,
.Option_index_div .optionSpecifityNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.Option_index_div .optionSpecifityNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.Option_index_div .optionSpecifityNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.Option_index_div .optionSpecifityNavBar.nav-justified > li > a {
  text-align: center;
}
.Option_index_div .optionSpecifityNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.Option_index_div .optionSpecifityNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.Option_index_div .usageNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  padding-left: 30px;
  border-bottom: 0;
}
.Option_index_div .usageNavBar:before,
.Option_index_div .usageNavBar:after {
  content: " ";
  display: table;
}
.Option_index_div .usageNavBar:after {
  clear: both;
}
.Option_index_div .usageNavBar:before,
.Option_index_div .usageNavBar:after {
  content: " ";
  display: table;
}
.Option_index_div .usageNavBar:after {
  clear: both;
}
.Option_index_div .usageNavBar > li {
  position: relative;
  display: block;
}
.Option_index_div .usageNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.Option_index_div .usageNavBar > li > a:hover,
.Option_index_div .usageNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.Option_index_div .usageNavBar > li.disabled > a {
  color: #999999;
}
.Option_index_div .usageNavBar > li.disabled > a:hover,
.Option_index_div .usageNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.Option_index_div .usageNavBar.open > a,
.Option_index_div .usageNavBar.open > a:hover,
.Option_index_div .usageNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.Option_index_div .usageNavBar.open > a .caret,
.Option_index_div .usageNavBar.open > a:hover .caret,
.Option_index_div .usageNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.Option_index_div .usageNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.Option_index_div .usageNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.Option_index_div .usageNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.Option_index_div .usageNavBar > li > a:hover {
  border-color: #eeeeee;
}
.Option_index_div .usageNavBar > li.active > a,
.Option_index_div .usageNavBar > li.active > a:hover,
.Option_index_div .usageNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.Option_index_div .usageNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.Option_index_div .usageNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.Option_index_div .usageNavBar.nav-justified > li > a {
  text-align: center;
}
.Option_index_div .usageNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.Option_index_div .usageNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.Option_index_div .optionTable {
  width: 100%;
  margin-bottom: 18px;
}
.Option_index_div .optionTable thead > tr > th,
.Option_index_div .optionTable thead > tr > td,
.Option_index_div .optionTable tbody > tr > th,
.Option_index_div .optionTable tbody > tr > td,
.Option_index_div .optionTable tfoot > tr > th,
.Option_index_div .optionTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.Option_index_div .optionTable thead > tr > th {
  vertical-align: bottom;
}
.Option_index_div .optionTable caption + thead tr:first-child th,
.Option_index_div .optionTable caption + thead tr:first-child td,
.Option_index_div .optionTable colgroup + thead tr:first-child th,
.Option_index_div .optionTable colgroup + thead tr:first-child td,
.Option_index_div .optionTable thead:first-child tr:first-child th,
.Option_index_div .optionTable thead:first-child tr:first-child td {
  border-top: 0;
}
.Option_index_div .optionTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.Option_index_div .optionTable .table {
  background-color: #fff;
}
.Option_index_div .optionTable thead > tr > th,
.Option_index_div .optionTable thead > tr > td,
.Option_index_div .optionTable tbody > tr > th,
.Option_index_div .optionTable tbody > tr > td,
.Option_index_div .optionTable tfoot > tr > th,
.Option_index_div .optionTable tfoot > tr > td {
  padding: 5px;
}
.Option_index_div .optionTable > tbody > tr:hover > td,
.Option_index_div .optionTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.Option_index_div .optionTable.stillLoading {
  pointer-events: none;
  opacity: 0.85;
}
.Option_index_div .optionTable .arrowTd {
  width: 1px;
  text-align: center;
  font-size: 120%;
  vertical-align: middle;
  padding: 0;
}
.Option_index_div .optionTable .arrowTd a {
  color: #ddd;
  text-decoration: none;
}
.Option_index_div .optionTable .arrowTd a:hover {
  color: #ddd;
}
.Option_index_div .optionTable .arrowTd a.active {
  color: #77e;
}
.Option_index_div .optionTable .deleteOptionBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.Option_index_div .optionTable .deleteOptionBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.Option_index_div .optionTable .deleteOptionBtn:hover,
.Option_index_div .optionTable .deleteOptionBtn:focus {
  color: #333;
  text-decoration: none;
}
.Option_index_div .optionTable .deleteOptionBtn:active,
.Option_index_div .optionTable .deleteOptionBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.Option_index_div .optionTable .deleteOptionBtn.disabled,
.Option_index_div .optionTable .deleteOptionBtn[disabled],
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.Option_index_div .optionTable .deleteOptionBtn:hover,
.Option_index_div .optionTable .deleteOptionBtn:focus,
.Option_index_div .optionTable .deleteOptionBtn:active,
.Option_index_div .optionTable .deleteOptionBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.Option_index_div .optionTable .deleteOptionBtn.disabled,
.Option_index_div .optionTable .deleteOptionBtn.disabled:hover,
.Option_index_div .optionTable .deleteOptionBtn.disabled:focus,
.Option_index_div .optionTable .deleteOptionBtn.disabled:active,
.Option_index_div .optionTable .deleteOptionBtn.disabled.active,
.Option_index_div .optionTable .deleteOptionBtn[disabled],
.Option_index_div .optionTable .deleteOptionBtn[disabled]:hover,
.Option_index_div .optionTable .deleteOptionBtn[disabled]:focus,
.Option_index_div .optionTable .deleteOptionBtn[disabled]:active,
.Option_index_div .optionTable .deleteOptionBtn[disabled].active,
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn,
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn:hover,
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn:focus,
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn:active,
fieldset[disabled] .Option_index_div .optionTable .deleteOptionBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.Option_index_div .optionTable input.sortOrderInput {
  padding-left: 0px;
  padding-right: 5px;
  text-align: right;
  min-width: 80px;
}
.Option_index_div .optionTable .orderTh {
  padding-right: 5px;
}
.Option_index_div .optionTable .orderTd {
  text-align: right;
}
.Option_index_div .optionTable .disabledTr {
  pointer-events: none;
  opacity: 0.6;
}
.Option_index_div .optionTable .disabledTr.soleProvider {
  background-color: red !important;
}
.Option_index_div .optionTable .disabledTr.manyPrice {
  background-color: green !important;
}
.Option_index_div .optionTable .productIdsDropdown label {
  margin: 0 !important;
  padding-left: 3px;
  padding-right: 0;
  padding-top: 2px;
  padding-bottom: 4px;
}
.Option_index_div .optionTable td.propertiesTd {
  width: 30%;
}
.Option_index_div .optionTable input.weight {
  width: 50px;
}
.Option_index_div .optionTable input.hinnastoIdInput {
  padding-left: 0px;
  padding-right: 3px;
  text-align: right;
}
.Option_index_div .optionTable td.priceInputTd {
  min-width: 150px;
}
.Option_index_div .optionTable td.priceInputTd input.optionPriceInput {
  width: 90px;
  display: inline-block;
  text-align: right;
  width: 100%;
  padding-right: 5px;
}
.Option_index_div .optionTable input.priceFactorInput {
  width: 70px;
  display: inline-block;
  padding-right: 5px;
}
.Option_index_div .optionTable input.minPrice {
  width: 70px;
  display: inline-block;
  text-align: right;
}
.Option_index_div .optionTable td.optionHasOptionTd span.listArrowContainer {
  padding-bottom: 2px;
  display: inline-block;
  position: relative;
}
.Option_index_div .optionTable td.optionHasOptionTd span.listArrowContainer input.flexDataListSELECT {
  padding-left: 20px;
}
.Option_index_div .optionTable td.optionHasOptionTd .handle {
  position: absolute;
  left: 5px;
  top: 7px;
  cursor: pointer;
  color: #bbb;
}
.Option_index_div .optionTable td.optionHasOptionTd .handle.disabledHandle {
  opacity: 0.3;
  cursor: not-allowed;
}
.Option_index_div .optionTable td.optionHasOptionTd .handle:hover + .flexDataListSELECT {
  transition: background 0.5s;
  background: #f7f7f7;
}
.OptionManager_index_div {
  padding: 10px;
}
.OptionManager_index_div .optionSpecifityNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  padding-left: 15px;
  border-bottom: 0;
}
.OptionManager_index_div .optionSpecifityNavBar:before,
.OptionManager_index_div .optionSpecifityNavBar:after {
  content: " ";
  display: table;
}
.OptionManager_index_div .optionSpecifityNavBar:after {
  clear: both;
}
.OptionManager_index_div .optionSpecifityNavBar:before,
.OptionManager_index_div .optionSpecifityNavBar:after {
  content: " ";
  display: table;
}
.OptionManager_index_div .optionSpecifityNavBar:after {
  clear: both;
}
.OptionManager_index_div .optionSpecifityNavBar > li {
  position: relative;
  display: block;
}
.OptionManager_index_div .optionSpecifityNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.OptionManager_index_div .optionSpecifityNavBar > li > a:hover,
.OptionManager_index_div .optionSpecifityNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.OptionManager_index_div .optionSpecifityNavBar > li.disabled > a {
  color: #999999;
}
.OptionManager_index_div .optionSpecifityNavBar > li.disabled > a:hover,
.OptionManager_index_div .optionSpecifityNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.OptionManager_index_div .optionSpecifityNavBar.open > a,
.OptionManager_index_div .optionSpecifityNavBar.open > a:hover,
.OptionManager_index_div .optionSpecifityNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.OptionManager_index_div .optionSpecifityNavBar.open > a .caret,
.OptionManager_index_div .optionSpecifityNavBar.open > a:hover .caret,
.OptionManager_index_div .optionSpecifityNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.OptionManager_index_div .optionSpecifityNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.OptionManager_index_div .optionSpecifityNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.OptionManager_index_div .optionSpecifityNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.OptionManager_index_div .optionSpecifityNavBar > li > a:hover {
  border-color: #eeeeee;
}
.OptionManager_index_div .optionSpecifityNavBar > li.active > a,
.OptionManager_index_div .optionSpecifityNavBar > li.active > a:hover,
.OptionManager_index_div .optionSpecifityNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.OptionManager_index_div .optionSpecifityNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.OptionManager_index_div .optionSpecifityNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.OptionManager_index_div .optionSpecifityNavBar.nav-justified > li > a {
  text-align: center;
}
.OptionManager_index_div .optionSpecifityNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.OptionManager_index_div .optionSpecifityNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.OptionManager_index_div .optionManagerLeftDiv {
  width: calc(100% - 360px);
  width: 100%;
  float: left;
}
.OptionManager_index_div .optionManagerRightDiv {
  width: calc(360px);
  float: left;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox {
  font-size: 13px;
  display: none;
  z-index: 15000;
  border: 1px solid #ddd;
  border-radius: 10px;
  background: white !important;
  padding: 10px;
  margin-left: 10px;
  width: 360px;
  box-shadow: -3px 3px 5px 0px #ccc;
  position: fixed;
  margin-top: 10vh;
  height: 450px;
  overflow-y: scroll;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox.fixedToTop {
  position: relative;
  top: 0px;
  margin-top: 10vh;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionSideBoxHeader {
  font-size: 24px;
  margin-left: 20px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .closeOptionEditSideBoxDiv a.closeOptionEditSideBoxButton {
  background: white;
  font-size: 32px;
  right: 10px;
  top: -1px;
  padding: 0px 7px 0px 7px;
  position: absolute;
  color: gray;
  transition: color 0.5s;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .closeOptionEditSideBoxDiv a.closeOptionEditSideBoxButton:hover {
  color: #ccc;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .sideBoxFromGroup {
  margin: 10px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .sideBoxFromGroup .control-label {
  padding-top: 4px;
  padding-right: 0px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable td {
  padding-bottom: 7px;
  padding-left: 2px;
  padding-right: 2px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .optionPricePriceInputContainer {
  min-width: 60px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .optionPricePriceInputContainer input.optionPricePriceInput {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .optionPriceDurationInputContainer {
  min-width: 60px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .optionPriceDurationInputContainer input.optionPriceDurationInput {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .input-group-addon {
  padding-left: 4px;
  padding-right: 4px;
  background: #f7f7f7;
  border-left-width: 0px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .optionPriceTable .optionPricePriceCriteriumContainer {
  min-width: 70px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container {
  overflow-y: scroll;
  max-height: 280px;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container::-webkit-scrollbar {
  -webkit-appearance: none;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container::-webkit-scrollbar:horizontal {
  height: 11px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container::-webkit-scrollbar:vertical {
  height: 11px;
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.OptionManager_index_div .optionManagerRightDiv .optionManagerSideBox .multiselect-container li a {
  text-align: left;
  min-width: 100%;
  max-width: 100%;
  display: inline-block;
}
.OptionManager_index_div .optionTable {
  width: 100%;
  margin-top: 20px;
}
.OptionManager_index_div .optionTable thead > tr > th,
.OptionManager_index_div .optionTable thead > tr > td,
.OptionManager_index_div .optionTable tbody > tr > th,
.OptionManager_index_div .optionTable tbody > tr > td,
.OptionManager_index_div .optionTable tfoot > tr > th,
.OptionManager_index_div .optionTable tfoot > tr > td {
  padding: 5px;
}
.OptionManager_index_div .optionTable >tbody > tr.topLine {
  border-top: 1px solid #ddd;
}
.OptionManager_index_div .optionTable >tbody tr.optionEditingTr {
  background: #eee;
}
.OptionManager_index_div .optionTable tr.failed:hover td {
  background-color: inherit;
}
.OptionManager_index_div .optionTable .arrowTd {
  width: 1px;
  text-align: center;
  font-size: 120%;
  vertical-align: middle;
  padding: 0;
}
.OptionManager_index_div .optionTable .arrowTd a {
  color: #ddd;
  text-decoration: none;
}
.OptionManager_index_div .optionTable .arrowTd a:hover {
  color: #ddd;
}
.OptionManager_index_div .optionTable .arrowTd a.active {
  color: #77e;
}
.OptionManager_index_div .optionTable .orderTd {
  max-width: 70px;
}
.OptionManager_index_div .optionTable .disabledTr td:not(.idTd) {
  pointer-events: none;
  opacity: 0.6;
}
.OptionManager_index_div .optionTable .disabledTr td.idTd.hasReason span {
  border-bottom: 1px dotted #807f80;
}
.OptionManager_index_div .optionTable tr.clickedJakoavain td,
.OptionManager_index_div .optionTable tr:hover.clickedJakoavain td {
  transition: background-color .3s;
  background-color: #e4f0fd;
}
.OptionManager_index_div .optionTable tr.justCreated td {
  background-color: lightyellow !important;
}
.OptionManager_index_div .optionTable tr.highlightRow td {
  background-color: lightblue !important;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input:-moz-placeholder {
  color: #999999;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input::-moz-placeholder {
  color: #999999;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input:-ms-input-placeholder {
  color: #999999;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input::-webkit-input-placeholder {
  color: #999999;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input[disabled],
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input[readonly],
fieldset[disabled] .OptionManager_index_div .optionTable td:not([class*=no-form-control]) input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input {
  height: auto;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input.optionKey {
  font-weight: bold;
}
.OptionManager_index_div .optionTable td:not([class*=no-form-control]) input.optionValue {
  font-weight: bold;
}
.OptionManager_index_div .optionTable .productIdsDropdown label {
  margin: 0 !important;
  padding-left: 3px;
  padding-right: 0;
  padding-top: 2px;
  padding-bottom: 4px;
}
.OptionManager_index_div .optionTable .jakoavain {
  display: inline-block;
  color: #007fe0;
}
.OptionManager_index_div .optionTable .jakoavain:hover {
  text-decoration: none;
}
.OptionManager_index_div .optionTable .plusBtn {
  display: inline-block;
  color: #007fe0;
  width: 28px;
}
.OptionManager_index_div .optionTable .plusBtn:hover {
  text-decoration: none;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd[disabled] {
  pointer-events: none;
  opacity: 0.5;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable {
  margin-bottom: 17px;
  margin-top: 2px;
  margin-left: 20px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd {
  vertical-align: top;
  padding-left: 0px;
  padding-right: 0px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionManagerPricesTableHeaderTr {
  color: gray;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionManagerPricesTableHeaderTr.notFirstRow th {
  padding: 0px;
  margin: 0px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionManagerPricesTableHeaderTr.notFirstRow th .headerDiv {
  height: 0px;
  max-height: 0px;
  overflow-y: hidden;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable td {
  padding-top: 0px;
  padding-bottom: 3px;
  padding-left: 2px;
  padding-right: 2px;
  border: none;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionPriceTr .actionsTd {
  max-width: 110px;
  min-width: 110px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionPriceTr.hintaEroaa {
  background: #fffac2;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionPriceTr.newOptionPriceTr {
  opacity: 0.5;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.optionPriceTr.newOptionPriceTr:hover {
  opacity: 1.0;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr:hover td,
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr:hover th {
  background: white;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable input {
  padding-right: 3px;
  padding-left: 1px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable select {
  padding-left: 2px;
  padding-right: 1px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .hinnastoIdTd {
  width: 58px;
  min-width: 58px;
  max-width: 58px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .asentajaTd {
  width: 130px;
  min-width: 130px;
  max-width: 130px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .hintasaantoTd {
  width: 150px;
  min-width: 150px;
  max-width: 150px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPriceDurationInputTd {
  width: 65px;
  min-width: 65px;
  max-width: 65px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPriceDurationInputTd input.optionPriceDurationInput {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPricePriceInputTd {
  width: 65px;
  min-width: 65px;
  max-width: 65px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPricePriceInputTd input.optionPricePriceInput {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPricePriceCriteriumTd {
  width: 90px;
  min-width: 90px;
  max-width: 90px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .priceFactorTd {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPriceMinPriceTd {
  width: 60px;
  min-width: 60px;
  max-width: 60px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .optionPriceMinPriceTd input.minPrice {
  display: inline-block;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-right-width: 0px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .actionsTd {
  opacity: 0;
  width: 80px;
  min-width: 80px;
  max-width: 80px;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr.changed .actionsTd {
  opacity: 1;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable tr:hover .actionsTd {
  opacity: 1;
  transition: 0.5s opacity;
  transition-delay: 0.4s;
}
.OptionManager_index_div .optionPricesEditingUpperTr .optionPricesEditingUpperTd table.optionManagerPricesMainTable tr.hinnastotTr td.oneHinnastoTd table.optionManagerPricesTable .input-group-addon {
  padding-left: 4px;
  padding-right: 4px;
  background: #f7f7f7;
  border-left-width: 0px;
}
.makeGlassDialog_Option_index_div {
  padding: 10px;
}
.makeGlassDialog_Option_index_div .optionTable {
  width: 100%;
  margin-bottom: 18px;
}
.makeGlassDialog_Option_index_div .optionTable thead > tr > th,
.makeGlassDialog_Option_index_div .optionTable thead > tr > td,
.makeGlassDialog_Option_index_div .optionTable tbody > tr > th,
.makeGlassDialog_Option_index_div .optionTable tbody > tr > td,
.makeGlassDialog_Option_index_div .optionTable tfoot > tr > th,
.makeGlassDialog_Option_index_div .optionTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.makeGlassDialog_Option_index_div .optionTable thead > tr > th {
  vertical-align: bottom;
}
.makeGlassDialog_Option_index_div .optionTable caption + thead tr:first-child th,
.makeGlassDialog_Option_index_div .optionTable caption + thead tr:first-child td,
.makeGlassDialog_Option_index_div .optionTable colgroup + thead tr:first-child th,
.makeGlassDialog_Option_index_div .optionTable colgroup + thead tr:first-child td,
.makeGlassDialog_Option_index_div .optionTable thead:first-child tr:first-child th,
.makeGlassDialog_Option_index_div .optionTable thead:first-child tr:first-child td {
  border-top: 0;
}
.makeGlassDialog_Option_index_div .optionTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.makeGlassDialog_Option_index_div .optionTable .table {
  background-color: #fff;
}
.makeGlassDialog_Option_index_div .optionTable thead > tr > th,
.makeGlassDialog_Option_index_div .optionTable thead > tr > td,
.makeGlassDialog_Option_index_div .optionTable tbody > tr > th,
.makeGlassDialog_Option_index_div .optionTable tbody > tr > td,
.makeGlassDialog_Option_index_div .optionTable tfoot > tr > th,
.makeGlassDialog_Option_index_div .optionTable tfoot > tr > td {
  padding: 5px;
}
.makeGlassDialog_Option_index_div .optionTable > tbody > tr:hover > td,
.makeGlassDialog_Option_index_div .optionTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.makeGlassDialog_Option_index_div .optionTable > tbody > tr:nth-child(odd) > td,
.makeGlassDialog_Option_index_div .optionTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.makeGlassDialog_Option_index_div .optionTable .arrowTd {
  width: 1px;
  text-align: center;
  font-size: 120%;
  vertical-align: middle;
  padding: 0;
}
.makeGlassDialog_Option_index_div .optionTable .arrowTd a {
  color: #ddd;
  text-decoration: none;
}
.makeGlassDialog_Option_index_div .optionTable .arrowTd a:hover {
  color: #ddd;
}
.makeGlassDialog_Option_index_div .optionTable .arrowTd a.active {
  color: #77e;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:hover,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:focus {
  color: #333;
  text-decoration: none;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:active,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled],
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:hover,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:focus,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn:active,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled:hover,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled:focus,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled:active,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn.disabled.active,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled],
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled]:hover,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled]:focus,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled]:active,
.makeGlassDialog_Option_index_div .optionTable .deleteBtn[disabled].active,
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn,
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn:hover,
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn:focus,
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn:active,
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable .deleteBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.makeGlassDialog_Option_index_div .optionTable .orderTd {
  max-width: 70px;
}
.makeGlassDialog_Option_index_div .optionTable .disabledTr {
  pointer-events: none;
  opacity: 0.6;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:-moz-placeholder {
  color: #999999;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input::-moz-placeholder {
  color: #999999;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:-ms-input-placeholder {
  color: #999999;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input::-webkit-input-placeholder {
  color: #999999;
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input[disabled],
.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input[readonly],
fieldset[disabled] .makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.makeGlassDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  height: auto;
}
.span_tr a {
  text-decoration: none;
}
.span_tr a:hover {
  text-decoration: none;
}
.cartIframeIndexHeaderBar {
  position: fixed;
  top: 0;
  left: 0;
  background: #bbb;
  width: 100%;
  z-index: 1;
  margin: 0;
  padding: 10px;
}
#cartPageIframe {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  width: 800px;
  max-width: 800px;
  min-width: 800px;
  height: calc(100vh -  65px  -  65px );
  top: 65px;
  left: calc(50% -  800px / 2);
  display: none;
  padding: 0;
  padding-top: 0px;
  padding-bottom: 4px;
}
#cartPageIframe .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#cartPageIframe_old {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  width: 520px;
  height: 200px;
  top: 150px;
  left: 350px;
  display: none;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top-left-radius: 0px;
}
#cartPageIframe_old .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#cartPartialPageIframe2 {
  border-width: 0;
  display: none;
  height: 75%;
  position: fixed;
  top: 100px;
}
#cartPartialPageIframe {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  border-width: 0;
  box-shadow: none;
  border-radius: 0;
  width: 1px;
  height: 200px;
  position: fixed;
  top: 85px;
  right: 8px;
  overflow: hidden;
  display: none;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
  border-top-left-radius: 0px;
}
#cartPartialPageIframe .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#productionBatchIframe {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  width: 940px;
  max-width: 940px;
  height: 250px;
  top: 150px;
  left: 350px;
  display: none;
  padding: 0;
  padding-top: 4px;
  padding-bottom: 4px;
}
#productionBatchIframe .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#productionBatchIframe.fullSizedProductionBatchesPopup {
  top: 10px;
  left: 10px;
  margin: 0px 0px 0px 0px;
  width: calc( 100vw - 40px );
  max-width: calc( 100vw - 40px );
  height: calc( 100vh - 40px );
  max-height: calc( 100vh - 40px );
}
body.iframeBody .dl-horizontal dt {
  width: 100px !important;
}
body.iframeBody .dl-horizontal dd {
  margin-left: 110px !important;
}
.unbookablesHeader {
  font-size: 110%;
}
body.havingOrderAccessMemory #nav .etusivuLi,
body.havingOrderAccessMemory #nav .myOrdersLi {
  display: none !important;
}
body.havingOrderAccessMemory #nav #logo {
  pointer-events: none;
}
body.havingOrderAccessMemory .cartUpperBar .orderCartButton {
  display: none !important;
}
body.havingOrderAccessMemory .toimitustapaAndContinueDiv .orderCartButton {
  display: none !important;
}
body.havingOrderAccessMemory .cartBottomTable div.td.deliveryWeeksTdDiv {
  visibility: hidden !important;
  pointer-events: none !important;
}
body.havingOrderAccessMemory .cartBottomTable div.td.deliveryWeeksTdDiv a,
body.havingOrderAccessMemory .cartBottomTable div.td.deliveryWeeksTdDiv button {
  display: none;
}
body.havingOrderAccessMemory #deliveryMethodForm {
  display: none !important;
}
body.havingNavBarHidden {
  margin-top: 0;
  padding: 0;
}
body.havingNavBarHidden:not(.havingBackgroundAsIs) {
  background: white;
}
body.havingNavBarHidden .languageBar,
body.havingNavBarHidden .asiakasDiv {
  display: none !important;
}
body.havingNavBarHidden #nav {
  display: none !important;
  opacity: 0;
}
body.havingNavBarHidden #container.container {
  margin-top: 0px !important;
}
body.havingNavBarHidden #container.container-fluid {
  margin-top: 0px !important;
}
body.havingNavBarHidden #booking,
body.havingNavBarHidden #shippingBooking {
  margin-top: 0px;
}
body.havingNavBarHidden #booking > div.unbookedDiv,
body.havingNavBarHidden #shippingBooking > div.unbookedDiv {
  margin-top: 50px;
}
body.havingNavBarHidden #booking > div.unbookedDiv #scrollBox,
body.havingNavBarHidden #shippingBooking > div.unbookedDiv #scrollBox {
  padding-top: 10px;
  border-bottom: 1px solid #ddd;
}
body.havingNavBarHidden #booking > div.bookedDiv,
body.havingNavBarHidden #shippingBooking > div.bookedDiv {
  margin-top: 8px;
}
body.havingNavBarHidden #booking > div.bookedDiv .selectedDayHeader,
body.havingNavBarHidden #booking > div.bookedDiv .selectedWeekHeader,
body.havingNavBarHidden #shippingBooking > div.bookedDiv .selectedDayHeader,
body.havingNavBarHidden #shippingBooking > div.bookedDiv .selectedWeekHeader {
  color: #f4f4f4;
  font-size: 120%;
}
body.havingNavBarHidden #booking > div.bookedDiv #bookingTable,
body.havingNavBarHidden #shippingBooking > div.bookedDiv #bookingTable {
  margin-top: 4px;
  margin-bottom: 0;
}
body.havingNavBarHidden .productionPlanHeaderBar,
body.havingNavBarHidden .shippingHeaderBar {
  display: block;
}
body.havingNavBarHidden #footer {
  border-top: 2px solid rgba(255,255,255,0);
  padding-top: 0px;
  padding-bottom: 5px;
  padding-right: 5px;
}
body.havingNavBarHidden #footer a {
  color: #aaa;
  text-decoration: none;
}
body.havingNavBarHidden #footer a:hover {
  color: #55e;
}
.productionPlanHeaderBar,
.shippingHeaderBar {
  display: none;
  position: absolute !important;
  top: 0;
  left: 0;
  width: 100%;
  padding-right: 0px;
  margin-right: 0px;
}
.productionPlanHeaderBar h3,
.shippingHeaderBar h3 {
  padding: 0;
  padding-top: 9px;
  margin: 0;
  font-size: 150%;
  padding-left: 15px !important;
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn80 {
  from {
    opacity: 0;
  }
  to {
    opacity: 0.8;
  }
}
@keyframes fadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
@keyframes rotation {
  from {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
input.disabled {
  color: #ccc !important;
  cursor: not-allowed !important;
}
.newTurvalasiFormGroup {
  background: #ffb !important;
}
#makeGlassDialog {
  left: 420px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#makeGlassDialog .modal-body {
  min-height: 194px;
}
#makeGlassDialog .modal-dialog {
  width: 700px;
}
#askQuestionDialog {
  left: 420px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#askQuestionDialog .modal-body {
  min-height: 194px;
}
#askQuestionDialog .modal-dialog {
  width: 700px;
}
#registerDialog {
  left: 120px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#registerDialog .modal-body {
  min-height: 194px;
}
#registerDialog .modal-body .row {
  margin: 10px;
}
#registerDialog .modal-body .row input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#registerDialog .modal-body .row input:-moz-placeholder {
  color: #999999;
}
#registerDialog .modal-body .row input::-moz-placeholder {
  color: #999999;
}
#registerDialog .modal-body .row input:-ms-input-placeholder {
  color: #999999;
}
#registerDialog .modal-body .row input::-webkit-input-placeholder {
  color: #999999;
}
#registerDialog .modal-body .row input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#registerDialog .modal-body .row input[disabled],
#registerDialog .modal-body .row input[readonly],
fieldset[disabled] #registerDialog .modal-body .row input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#registerDialog .modal-body .row input {
  height: auto;
}
#registerDialog .modal-body .row input.erroneous {
  border: 1px solid #E50C17;
}
#registerDialog .modal-body input[type=checkbox].erroneous {
  outline: 1px solid #E50C17 !important;
}
#registerDialog #etuasiakasohje {
  margin: 20px;
  margin-left: 30px;
  font-size: 110%;
  line-height: 170%;
  margin-bottom: 40px;
  border: 5px solid #f0de3d;
  border-radius: 10px;
  padding: 20px;
  display: none;
}
#registerDialog #etuasiakasohje h3,
#registerDialog #etuasiakasohje h4 {
  margin-top: 20px;
}
#registerDialog .modal-dialog {
  width: 640px;
}
#registerConditionsDialog {
  left: 120px;
  top: -20px;
  outline: none;
  z-index: 10002;
}
#registerConditionsDialog .modal-body {
  min-height: 194px;
}
#registerConditionsDialog .modal-body .row {
  margin: 10px;
}
#registerConditionsDialog .modal-body .row input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
#registerConditionsDialog .modal-body .row input:-moz-placeholder {
  color: #999999;
}
#registerConditionsDialog .modal-body .row input::-moz-placeholder {
  color: #999999;
}
#registerConditionsDialog .modal-body .row input:-ms-input-placeholder {
  color: #999999;
}
#registerConditionsDialog .modal-body .row input::-webkit-input-placeholder {
  color: #999999;
}
#registerConditionsDialog .modal-body .row input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#registerConditionsDialog .modal-body .row input[disabled],
#registerConditionsDialog .modal-body .row input[readonly],
fieldset[disabled] #registerConditionsDialog .modal-body .row input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#registerConditionsDialog .modal-body .row input {
  height: auto;
}
#registerConditionsDialog .modal-dialog {
  width: 640px;
}
select.placeholderedSelect {
  color: #bbb;
}
select.placeholderedSelect.selected {
  color: #333;
}
select.placeholderedSelect:active,
select.placeholderedSelect:focus {
  color: #333;
}
.anyHeaderBar {
  background: #b0b0b0;
  color: white;
  margin: 0;
  padding: 3px;
  padding-left: 0px;
  width: 100%;
  height: 48px;
  position: relative;
}
.anyHeaderBar h3 {
  padding: 0;
  padding-top: 9px;
  margin: 0;
  font-size: 150%;
}
.anyHeaderBar .joinerLogoLink img {
  height: 34px;
  opacity: 0.7;
  margin-top: 4px;
}
.anyHeaderBar .joinerLogoLink img:hover {
  opacity: 1;
}
#wholeProductionReceiptPage #productionReceiptBottomBar {
  position: fixed;
  bottom: 0px;
  height: 80px;
  background: white;
  width: 100%;
  border-top: 1px solid #ccc;
  z-index: 50000;
  padding-top: 20px;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar.failed {
  background: #a68b8b !important;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol {
  padding-top: 4px;
  padding-right: 4px;
  padding-lefT: 4px;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol .searchField {
  font-weight: bold;
  font-size: 120%;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol .searchField::-webkit-input-placeholder {
  font-weight: normal;
  color: #777 !important;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol .searchField:-moz-placeholder {
  font-weight: normal;
  color: #777 !important;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol .searchField::-moz-placeholder {
  font-weight: normal;
  color: #777 !important;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .searchFieldCol .searchField:-ms-input-placeholder {
  font-weight: normal;
  color: #777 !important;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .limitFieldCol {
  padding-right: 4px;
  padding-lefT: 4px;
  padding-top: 4px;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .limitFieldCol .limitField {
  font-size: 120%;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .productLimitFieldCol {
  padding-right: 4px;
  padding-lefT: 4px;
  padding-top: 4px;
}
#wholeProductionReceiptPage #productionReceiptPage .productionReceiptHeaderBar .productLimitFieldCol .productLimitField {
  font-size: 120%;
}
#wholeProductionReceiptPage #productionReceiptTable tr.productionReceiptRow.alsoToBeMarkedToSelectedColor td,
#wholeProductionReceiptPage #productionReceiptTable tr.productionReceiptRow.alsoToBeMarkedToSelectedColor th,
#wholeProductionReceiptPage #productionReceiptFooterTable tr.productionReceiptRow.alsoToBeMarkedToSelectedColor td,
#wholeProductionReceiptPage #productionReceiptFooterTable tr.productionReceiptRow.alsoToBeMarkedToSelectedColor th {
  background-color: #ebf3fa !important;
  transition: background-color 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable tr td,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td {
  transition: background-color 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable th,
#wholeProductionReceiptPage #productionReceiptFooterTable th {
  vertical-align: middle;
}
#wholeProductionReceiptPage #productionReceiptTable td,
#wholeProductionReceiptPage #productionReceiptFooterTable td {
  font-size: 105%;
  color: #555;
}
#wholeProductionReceiptPage #productionReceiptTable a.openTyostokoneWindowLink,
#wholeProductionReceiptPage #productionReceiptFooterTable a.openTyostokoneWindowLink {
  color: navy;
}
#wholeProductionReceiptPage #productionReceiptTable a.openTyostokoneWindowLink:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable a.openTyostokoneWindowLink:hover {
  color: black;
  text-decoration: none;
}
#wholeProductionReceiptPage #productionReceiptTable a.openPalletDialogBtn,
#wholeProductionReceiptPage #productionReceiptFooterTable a.openPalletDialogBtn {
  display: block;
  padding-left: 5px;
}
#wholeProductionReceiptPage #productionReceiptTable a.openPalletDialogBtn img,
#wholeProductionReceiptPage #productionReceiptFooterTable a.openPalletDialogBtn img {
  height: 38px;
  opacity: 0.4;
  transition: opacity 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable a.openPalletDialogBtn:hover img,
#wholeProductionReceiptPage #productionReceiptFooterTable a.openPalletDialogBtn:hover img {
  opacity: 1;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTh,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTh {
  color: #444;
  padding-right: 1.5vw;
}
#wholeProductionReceiptPage #productionReceiptTable .batchedQuantityTh,
#wholeProductionReceiptPage #productionReceiptFooterTable .batchedQuantityTh {
  color: #444;
}
#wholeProductionReceiptPage #productionReceiptTable .batchNumbersTd,
#wholeProductionReceiptPage #productionReceiptFooterTable .batchNumbersTd {
  font-size: 21px;
  font-weight: bold;
}
#wholeProductionReceiptPage #productionReceiptTable .deliveryBatchNumberSpan,
#wholeProductionReceiptPage #productionReceiptFooterTable .deliveryBatchNumberSpan {
  font-size: 21px;
  font-weight: bold;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd {
  padding-right: 1.5vw;
  color: #222;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd .orderId,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd .orderId {
  font-size: 140%;
  font-weight: bold;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd table.clientNameTable,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd table.clientNameTable {
  border: none;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd table.clientNameTable td,
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd table.clientNameTable th,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd table.clientNameTable td,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd table.clientNameTable th {
  border: none;
  padding: 0;
  margin: 0;
}
#wholeProductionReceiptPage #productionReceiptTable .clientNameTd .cell.frameDepthsAndColorsForProductionBatch,
#wholeProductionReceiptPage #productionReceiptFooterTable .clientNameTd .cell.frameDepthsAndColorsForProductionBatch {
  margin-left: 3px;
}
#wholeProductionReceiptPage #productionReceiptTable .batchedQuantityTd,
#wholeProductionReceiptPage #productionReceiptFooterTable .batchedQuantityTd {
  font-size: 21px;
  font-weight: bold;
  color: #444;
}
#wholeProductionReceiptPage #productionReceiptTable .palletLoadQuantityTd,
#wholeProductionReceiptPage #productionReceiptFooterTable .palletLoadQuantityTd {
  font-size: 21px;
  font-weight: bold;
  color: #444;
}
#wholeProductionReceiptPage #productionReceiptTable .tyopisteCell.deactive *,
#wholeProductionReceiptPage #productionReceiptFooterTable .tyopisteCell.deactive * {
  opacity: 0.3;
  pointer-events: none;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.orange,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.orange:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.gray,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.gray {
  background: #f8f8f8;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.gray:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.gray:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.green,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.green:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.red,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.red:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.white,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.white {
  background: white;
  color: #eee;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.white:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.white:hover {
  color: #ddd;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchTyostokoneCircle.productionBatchCircleDisabled,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchTyostokoneCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.orange,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.orange:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.gray,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.gray {
  background: #f8f8f8;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.gray:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.gray:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.green,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.green:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.red,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.red:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.white,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.white {
  background: white;
  color: #eee;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.white:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.white:hover {
  color: #ddd;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border {
  border: 2px solid gray;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border-orange,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border-orange {
  border-color: #ffcf76;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border-gray,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border-gray {
  border-color: #f8f8f8;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border-green,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border-green {
  border-color: #2dc02d;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border-red,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border-red {
  border-color: #ff4040;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.border-white,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.border-white {
  border-color: #ffffff;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchDigityomaarainCircle.productionBatchCircleDisabled,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchDigityomaarainCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.orange,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.orange:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.green,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.green:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.red,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.red:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.white,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.white {
  background: white;
  color: #eee;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.white:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.white:hover {
  color: #ddd;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#wholeProductionReceiptPage #productionReceiptTable .productionBatchCircle.productionBatchCircleDisabled,
#wholeProductionReceiptPage #productionReceiptFooterTable .productionBatchCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  padding: 0;
  display: none;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip .inforightArrow,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip .productionBatchCircle,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip .productionBatchCircle {
  margin-right: 10px;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip .productionBatchCircle.active,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip .productionBatchCircle.active {
  border: 2px solid #b7d5f8;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip .circleTooltipRow,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip .circleTooltipRow {
  margin: 10px;
}
#wholeProductionReceiptPage #productionReceiptTable .circleTooltip .circleTooltipRowBottom,
#wholeProductionReceiptPage #productionReceiptFooterTable .circleTooltip .circleTooltipRowBottom {
  margin: 10px;
}
#wholeProductionReceiptPage #productionReceiptTable .noteTd,
#wholeProductionReceiptPage #productionReceiptFooterTable .noteTd {
  padding: 0;
  position: relative;
  width: 180px;
}
#wholeProductionReceiptPage #productionReceiptTable .noteTd .noteInput,
#wholeProductionReceiptPage #productionReceiptFooterTable .noteTd .noteInput {
  width: 100%;
  margin: 0;
  position: absolute;
  top: 0;
  height: 100%;
  border: 0px;
  background: inherit;
}
#wholeProductionReceiptPage #productionReceiptTable .noteTd .noteInput:hover,
#wholeProductionReceiptPage #productionReceiptTable .noteTd .noteInput:focus,
#wholeProductionReceiptPage #productionReceiptFooterTable .noteTd .noteInput:hover,
#wholeProductionReceiptPage #productionReceiptFooterTable .noteTd .noteInput:focus {
  border: 1px solid #ddd;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.handCursor,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.handCursor {
  cursor: pointer;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowSelectorCheckboxTd,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowSelectorCheckboxTd {
  text-align: center;
  vertical-align: top;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  width: 50px;
  position: relative;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowSelectorCheckboxTd .rowSelectorCheckboxContainer input.rowSelectorCheckbox,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowSelectorCheckboxTd .rowSelectorCheckboxContainer input.rowSelectorCheckbox {
  -ms-transform: scale(1.75);
  -moz-transform: scale(1.75);
  -webkit-transform: scale(1.75);
  -o-transform: scale(1.75);
  transform: scale(1.75);
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd {
  position: relative;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign {
  position: Relative;
  width: 20px;
  left: 11px;
  height: 30px;
  top: 8px;
  visibility: hidden;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign.frameLabelPrinted,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign.frameLabelPrinted {
  visibility: visible;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign .icon-tag,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign .icon-tag {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
  color: #888;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign .icon-ok-sign,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.frameLabelPrintedSign .icon-ok-sign {
  color: #2a2;
  position: absolute;
  top: -4px;
  left: 13px;
  font-size: 12px;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign.transferFileSent,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign.transferFileSent {
  visibility: visible;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign .icon-file,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign .icon-file {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 18px;
}
#wholeProductionReceiptPage #productionReceiptTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign .icon-ok-sign,
#wholeProductionReceiptPage #productionReceiptFooterTable tr td.rowCompletedSignTd .rowCompletedSign.fileTransferredSign .icon-ok-sign {
  color: green;
  position: absolute;
  top: 0;
  left: 10px;
  font-size: 12px;
}
#wholeProductionReceiptPage #productionReceiptTable tr.selected td,
#wholeProductionReceiptPage #productionReceiptFooterTable tr.selected td {
  background: #e1e8f0;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable {
  width: 100%;
  margin-bottom: 18px;
  position: absolute;
  left: 0px;
  top: 0px;
  width: auto;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable thead > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable thead > tr > td,
#wholeProductionReceiptPage table#productionReceiptFooterTable tbody > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable tbody > tr > td,
#wholeProductionReceiptPage table#productionReceiptFooterTable tfoot > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable thead > tr > th {
  vertical-align: bottom;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable caption + thead tr:first-child th,
#wholeProductionReceiptPage table#productionReceiptFooterTable caption + thead tr:first-child td,
#wholeProductionReceiptPage table#productionReceiptFooterTable colgroup + thead tr:first-child th,
#wholeProductionReceiptPage table#productionReceiptFooterTable colgroup + thead tr:first-child td,
#wholeProductionReceiptPage table#productionReceiptFooterTable thead:first-child tr:first-child th,
#wholeProductionReceiptPage table#productionReceiptFooterTable thead:first-child tr:first-child td {
  border-top: 0;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable tbody + tbody {
  border-top: 2px solid #ddd;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable .table {
  background-color: #fff;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable thead > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable thead > tr > td,
#wholeProductionReceiptPage table#productionReceiptFooterTable tbody > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable tbody > tr > td,
#wholeProductionReceiptPage table#productionReceiptFooterTable tfoot > tr > th,
#wholeProductionReceiptPage table#productionReceiptFooterTable tfoot > tr > td {
  padding: 5px;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable th.workPhaseTitleTh {
  padding-top: 3px;
  padding-bottom: 0px;
  background: #e1e8f0;
}
#wholeProductionReceiptPage table#productionReceiptFooterTable td,
#wholeProductionReceiptPage table#productionReceiptFooterTable th {
  border-top: none !important;
  background: #e1e8f0;
}
.sorting {
  box-shadow: 0px 0px 15px 0px rgba(50,50,50,0.5);
}
#batchContainer table.table.batchTable th.ie,
#batchContainer table.table.batchTable td.ie {
  line-height: 0.5 !important;
  vertical-align: bottom !important;
}
#categories .circleyContainer {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  height: 100%;
  width: 100%;
  opacity: 0.0;
  transition: opacity 1.3s ease-in;
}
#categories .circleyContainer.fullyVisible {
  opacity: 1;
}
#categories .circleyContainer .closeDiv {
  position: absolute;
  top: 105px;
  right: 35px;
  width: auto;
  height: auto;
}
#categories .circleyContainer .closeDiv a {
  font-size: 185%;
  font-weight: bold;
  color: #f0de3d;
  opacity: 0.8;
}
#categories .circleyContainer .closeDiv a:hover {
  opacity: 1;
}
#categories .circleyContainer .registerCircley {
  position: absolute;
  top: -125px;
  right: -40px;
  display: block;
  width: 450px;
  height: 450px;
  border-radius: 50%;
  border: 15px solid #f0de3d;
  background: white;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  background: rgba(255,255,255,0.95);
  overflow: hidden;
  text-align: left;
  font-size: 130%;
  padding-top: calc(107px);
}
#categories .circleyContainer .registerCircley h3 {
  font-size: 150%;
  font-weight: bold;
  letter-spacing: 1px;
  color: #222;
  padding-left: 55px;
}
#categories .circleyContainer .registerCircley h3 a {
  color: #222;
  transition: color 0.5s;
}
#categories .circleyContainer .registerCircley h3 a:hover {
  color: #900;
}
#categories .circleyContainer .registerCircley ul {
  list-style-type: none;
  margin-left: 5px;
  margin-top: 27px;
  font-size: 85%;
  color: #f0de3d;
  font-weight: 800;
  padding-left: 48px;
}
#categories .circleyContainer .registerCircley ul big {
  font-size: 100%;
  vertical-align: middle;
}
#categories .circleyContainer .registerCircley div.joinNow {
  transition: color 0.1s;
}
#categories .circleyContainer .registerCircley div.joinNow:hover {
  transition: color 0.5s;
  color: blue;
}
#categories .circleyContainer .registerCircley .bottomLinksDiv {
  text-align: center;
  margin-left: -15px;
  margin-top: 20px;
}
#categories .circleyContainer .registerCircley .bottomLinksDiv a {
  font-size: 90%;
  transition: color 0.5s;
  font-weight: bold;
  color: #333;
}
#categories .circleyContainer .registerCircley .bottomLinksDiv a:hover {
  color: #800;
}
#cartEtuasiakasDiv {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
}
#cartEtuasiakasDiv .liityBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
  padding: 10px;
  font-size: 130%;
  padding-left: 15px;
  padding-right: 20px;
}
#cartEtuasiakasDiv .liityBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#cartEtuasiakasDiv .liityBtn:hover,
#cartEtuasiakasDiv .liityBtn:focus {
  color: #333;
  text-decoration: none;
}
#cartEtuasiakasDiv .liityBtn:active,
#cartEtuasiakasDiv .liityBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#cartEtuasiakasDiv .liityBtn.disabled,
#cartEtuasiakasDiv .liityBtn[disabled],
fieldset[disabled] #cartEtuasiakasDiv .liityBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#cartEtuasiakasDiv .liityBtn:hover,
#cartEtuasiakasDiv .liityBtn:focus,
#cartEtuasiakasDiv .liityBtn:active,
#cartEtuasiakasDiv .liityBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#cartEtuasiakasDiv .liityBtn.disabled,
#cartEtuasiakasDiv .liityBtn.disabled:hover,
#cartEtuasiakasDiv .liityBtn.disabled:focus,
#cartEtuasiakasDiv .liityBtn.disabled:active,
#cartEtuasiakasDiv .liityBtn.disabled.active,
#cartEtuasiakasDiv .liityBtn[disabled],
#cartEtuasiakasDiv .liityBtn[disabled]:hover,
#cartEtuasiakasDiv .liityBtn[disabled]:focus,
#cartEtuasiakasDiv .liityBtn[disabled]:active,
#cartEtuasiakasDiv .liityBtn[disabled].active,
fieldset[disabled] #cartEtuasiakasDiv .liityBtn,
fieldset[disabled] #cartEtuasiakasDiv .liityBtn:hover,
fieldset[disabled] #cartEtuasiakasDiv .liityBtn:focus,
fieldset[disabled] #cartEtuasiakasDiv .liityBtn:active,
fieldset[disabled] #cartEtuasiakasDiv .liityBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
#palletDialog {
  outline: none;
  z-index: 10001;
}
#palletDialog .modal-dialog {
  padding-top: 20px;
  width: 1000px;
}
#palletDialog.disableInputsInPalletDialog a,
#palletDialog.disableInputsInPalletDialog button,
#palletDialog.disableInputsInPalletDialog input,
#palletDialog.disableInputsInPalletDialog textarea:not(.lavahuomautusTextArea) {
  pointer-events: none !important;
  opacity: 0.5 !important;
}
#palletDialog .createNewPalletDiv {
  display: inline-block;
  text-align: center;
}
#palletDialog .createNewPalletDiv .createNewPalletMainBtn {
  border: 1px solid rgba(255,255,255,0);
  color: #aaa;
  font-size: 150%;
  text-decoration: none;
}
#palletDialog .createNewPalletDiv .createNewPalletMainBtn img {
  width: 61px;
  height: 29px;
  opacity: 0.4;
  transition: opacity 0.5s;
}
#palletDialog .createNewPalletDiv .createNewPalletMainBtn:hover {
  border: 1px solid gray;
  color: black;
}
#palletDialog .createNewPalletDiv .createNewPalletMainBtn:hover img {
  opacity: 1;
}
#palletDialog .createNewPalletDiv .createNewPalletMainBtn .mainIconPlusContainer {
  display: inline-block;
  margin-top: -15px;
  margin-left: -4px;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn {
  color: #aaa;
  font-size: 150%;
  text-decoration: none;
  position: relative;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn:hover {
  color: black;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn:hover img {
  opacity: 1;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn[disabled] {
  opacity: 0.2 !important;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn img {
  max-width: 60px;
  opacity: 0.8;
  transition: opacity 0.5s;
  margin-top: 20px;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn[data-lavatyyppi="Paketti"] img {
  max-width: 40px;
}
#palletDialog .createNewPalletDiv .createNewPalletBtn .iconPlusContainer {
  position: absolute;
  right: 20px;
  top: 40%;
}
#palletDialog .palletLeftDiv::-webkit-scrollbar {
  -webkit-appearance: none;
}
#palletDialog .palletLeftDiv::-webkit-scrollbar:horizontal {
  height: 11px;
}
#palletDialog .palletLeftDiv::-webkit-scrollbar:vertical {
  height: 11px;
}
#palletDialog .palletLeftDiv::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
#palletDialog .palletLeftDiv::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
#palletDialog .palletLeftDiv.scrollBox {
  height: calc(100vh - 155px);
  overflow-y: auto;
  overflow-x: hidden;
}
#palletDialog .palletLeftDiv:not(.scrollBox)[data-scrolling-kind="part"] .leftPalletRowDiv.kind-part-and-same-production-batch {
  transition: background-color 0.5s;
}
#palletDialog .palletLeftDiv:not(.scrollBox)[data-scrolling-kind="part"] .leftPalletRowDiv[data-kind="part"].kind-part-and-same-production-batch {
  background: #ccc;
  transition: background-color 0s;
}
#palletDialog .palletLeftDiv .leftPalletRowDiv .leftPalletSvgDiv .draggableImage {
  cursor: pointer;
  cursor: hand;
}
#palletDialog .palletRightDiv {
  height: calc(100vh - 155px);
  overflow: scroll;
  padding-top: 50px;
  padding-top: 0;
}
#palletDialog .palletRightDiv::-webkit-scrollbar {
  -webkit-appearance: none;
}
#palletDialog .palletRightDiv::-webkit-scrollbar:horizontal {
  height: 11px;
}
#palletDialog .palletRightDiv::-webkit-scrollbar:vertical {
  height: 11px;
}
#palletDialog .palletRightDiv::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
#palletDialog .palletRightDiv::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
#palletDialog .palletRightDiv .palletDatasDiv .fullNameReversed {
  font-weight: bold;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletHeaderText {
  font-weight: bold;
  color: gray;
  font-size: 16px;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletHeaderText img.palletImgByLavatyyppi {
  width: 60px;
  opacity: 0.75;
  user-select: none;
  pointer-events: none;
  float: left;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletTextDatasDiv {
  margin-top: 25px;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletTextDatasDiv .palletDataDiv {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  clear: both;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletTextDatasDiv .palletDataDiv .palletDataDivText {
  float: left;
}
#palletDialog .palletRightDiv .palletDatasDiv .palletTextDatasDiv .palletDataDiv .palletDataDivActionsDiv {
  float: right;
}
#palletDialog .palletRightDiv .palletTargetDiv {
  position: relative;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv {
  position: absolute;
  right: 0;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv.completeBtnDiv {
  top: 25%;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv.removeBtnDiv {
  top: calc(25% + 40px + 7px);
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv.printBtnDiv {
  top: calc(25% + 40px + 40px + 7px + 7px);
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv.alreadyClosedPallet.alreadyClosedPalletDisabled {
  opacity: 0.5;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv.alreadyClosedPallet.alreadyClosedPalletDisabled a {
  cursor: not-allowed;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  min-width: 55px;
  color: #aaa;
  border-color: #aaa;
  display: block;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:hover,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:focus {
  color: #333;
  text-decoration: none;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:active,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled],
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:hover,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:focus,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:active,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled:hover,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled:focus,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled:active,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.disabled.active,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled],
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled]:hover,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled]:focus,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled]:active,
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn[disabled].active,
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn,
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:hover,
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:focus,
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:active,
fieldset[disabled] #palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn:hover .buttonText {
  opacity: 1;
  height: auto;
  width: auto;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletBtnDiv .completeOrRemoveBtn .buttonText {
  font-size: 125%;
  line-height: 100%;
  transition: opacity 0.5s ease-out;
  height: 0;
  width: 0;
  display: inline-block;
  opacity: 0;
  overflow: hidden;
}
#palletDialog .palletRightDiv .palletTargetDiv.drop-hover img.palletImg {
  opacity: 0.7;
  filter: saturate(200%) contrast(150%);
}
#palletDialog .palletRightDiv .palletTargetDiv img.palletImg {
  width: 290px;
  opacity: 0.75;
  user-select: none;
  pointer-events: none;
}
#palletDialog .palletRightDiv .palletTargetDiv .palletSvgDiv {
  position: absolute;
  transform: skew(0deg,-15deg);
}
#palletDialog .palletRightDiv .palletTargetDiv .palletSvgDiv:hover {
  opacity: 0.9;
}
#makeCompleteDialog {
  left: 420px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#makeCompleteDialog .modal-body {
  min-height: 194px;
}
#makeCompleteDialog .modal-dialog {
  width: 700px;
}
.makeCompleteDialog_Option_index_div {
  padding: 10px;
}
.makeCompleteDialog_Option_index_div .optionTable {
  width: 100%;
  margin-bottom: 18px;
}
.makeCompleteDialog_Option_index_div .optionTable thead > tr > th,
.makeCompleteDialog_Option_index_div .optionTable thead > tr > td,
.makeCompleteDialog_Option_index_div .optionTable tbody > tr > th,
.makeCompleteDialog_Option_index_div .optionTable tbody > tr > td,
.makeCompleteDialog_Option_index_div .optionTable tfoot > tr > th,
.makeCompleteDialog_Option_index_div .optionTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.makeCompleteDialog_Option_index_div .optionTable thead > tr > th {
  vertical-align: bottom;
}
.makeCompleteDialog_Option_index_div .optionTable caption + thead tr:first-child th,
.makeCompleteDialog_Option_index_div .optionTable caption + thead tr:first-child td,
.makeCompleteDialog_Option_index_div .optionTable colgroup + thead tr:first-child th,
.makeCompleteDialog_Option_index_div .optionTable colgroup + thead tr:first-child td,
.makeCompleteDialog_Option_index_div .optionTable thead:first-child tr:first-child th,
.makeCompleteDialog_Option_index_div .optionTable thead:first-child tr:first-child td {
  border-top: 0;
}
.makeCompleteDialog_Option_index_div .optionTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.makeCompleteDialog_Option_index_div .optionTable .table {
  background-color: #fff;
}
.makeCompleteDialog_Option_index_div .optionTable thead > tr > th,
.makeCompleteDialog_Option_index_div .optionTable thead > tr > td,
.makeCompleteDialog_Option_index_div .optionTable tbody > tr > th,
.makeCompleteDialog_Option_index_div .optionTable tbody > tr > td,
.makeCompleteDialog_Option_index_div .optionTable tfoot > tr > th,
.makeCompleteDialog_Option_index_div .optionTable tfoot > tr > td {
  padding: 5px;
}
.makeCompleteDialog_Option_index_div .optionTable > tbody > tr:hover > td,
.makeCompleteDialog_Option_index_div .optionTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.makeCompleteDialog_Option_index_div .optionTable > tbody > tr:nth-child(odd) > td,
.makeCompleteDialog_Option_index_div .optionTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.makeCompleteDialog_Option_index_div .optionTable .arrowTd {
  width: 1px;
  text-align: center;
  font-size: 120%;
  vertical-align: middle;
  padding: 0;
}
.makeCompleteDialog_Option_index_div .optionTable .arrowTd a {
  color: #ddd;
  text-decoration: none;
}
.makeCompleteDialog_Option_index_div .optionTable .arrowTd a:hover {
  color: #ddd;
}
.makeCompleteDialog_Option_index_div .optionTable .arrowTd a.active {
  color: #77e;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:hover,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:focus {
  color: #333;
  text-decoration: none;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:active,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled],
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:hover,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:focus,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn:active,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled:hover,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled:focus,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled:active,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn.disabled.active,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled],
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled]:hover,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled]:focus,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled]:active,
.makeCompleteDialog_Option_index_div .optionTable .deleteBtn[disabled].active,
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn,
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn:hover,
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn:focus,
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn:active,
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable .deleteBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.makeCompleteDialog_Option_index_div .optionTable .orderTd {
  max-width: 70px;
}
.makeCompleteDialog_Option_index_div .optionTable .disabledTr {
  pointer-events: none;
  opacity: 0.6;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:-moz-placeholder {
  color: #999999;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input::-moz-placeholder {
  color: #999999;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:-ms-input-placeholder {
  color: #999999;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input::-webkit-input-placeholder {
  color: #999999;
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input[disabled],
.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input[readonly],
fieldset[disabled] .makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.makeCompleteDialog_Option_index_div .optionTable td:not([class*=no-form-control]) input {
  height: auto;
}
body.modal-open {
  -webkit-overflow-scrolling: touch;
}
@media screen and (max-width: 1020px) {
  body #palletDialog .modal-dialog {
    width: 100%;
  }
}
.dtls {
  color: black;
  display: none;
  height: 340px;
  background: white;
  overflow-y: scroll;
}
.uvalueForDoors {
  color: #000;
  background: #fff;
  text-shadow: none;
  border-radius: 8px;
  margin: 5px;
  float: right;
  display: inline-block;
  padding-left: 6px;
  padding-right: 8px;
}
.changeTermsMainLink {
  background: rgba(255,255,255,0);
  border: 0px solid white;
  padding: 1px;
}
.changeTermsRedCircle {
  border-radius: 100%;
  border: 1px solid gray;
  background: #fa3232;
  width: 18px;
  height: 18px;
}
.changeTermsGreenCircle {
  border-radius: 100%;
  border: 1px solid gray;
  background: #50dc50;
  width: 18px;
  height: 18px;
}
.changeTermsRedCircleBig {
  border-radius: 100%;
  border: 1px solid gray;
  background: #fa3232;
  width: 50px;
  height: 50px;
  margin: 10px auto;
}
.changeTermsRedCircleBig.active,
.changeTermsRedCircleBig:hover {
  border: 3px solid #900303;
}
.changeTermsGreenCircleBig {
  border-radius: 100%;
  border: 1px solid gray;
  background: #50dc50;
  width: 50px;
  height: 50px;
  margin: auto;
}
.changeTermsGreenCircleBig.active,
.changeTermsGreenCircleBig:hover {
  border: 3px solid #197b19;
}
#navbarLoginPane {
  width: 290px;
}
#navbarLoginPane .loginForm {
  margin: 15px 20px;
  text-align: left;
}
#navbarLoginPane .loginForm .loginButtonRow {
  margin-bottom: 9px;
  display: flex;
  justify-content: flex-end;
}
#navbarLoginPane .loginForm .loginButtonRow > div {
  padding-left: 5px;
  padding-right: 5px;
}
.navbar-full-width {
  display: none;
}
body.iframeBody .skaala_ala_info,
body.iframeBody .skaala_ala_info_harmaa,
body.iframeBody .HIDDEN_IN_IFRAME,
body.iframeBody .navbar-full-width,
body.iframeBody .footer-full-width,
body.iframeBody #testVersionDiv,
body.iframeBody .helpButtonsDiv,
body.genericIframe .skaala_ala_info,
body.genericIframe .skaala_ala_info_harmaa,
body.genericIframe .HIDDEN_IN_IFRAME,
body.genericIframe .navbar-full-width,
body.genericIframe .footer-full-width,
body.genericIframe #testVersionDiv,
body.genericIframe .helpButtonsDiv,
body.havingNavBarHidden .skaala_ala_info,
body.havingNavBarHidden .skaala_ala_info_harmaa,
body.havingNavBarHidden .HIDDEN_IN_IFRAME,
body.havingNavBarHidden .navbar-full-width,
body.havingNavBarHidden .footer-full-width,
body.havingNavBarHidden #testVersionDiv,
body.havingNavBarHidden .helpButtonsDiv {
  display: none !important;
}
.footer-full-width {
  display: none;
}
.piklasWindowsNew_header {
  color: #f0de3d;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 5px;
  font-size: 200%;
  text-transform: uppercase;
}
.piklasDoorsNew_header {
  color: #f0de3d;
  padding-left: 0px;
  margin-left: 0px;
  padding-bottom: 5px;
  font-size: 250%;
  text-transform: uppercase;
}
.tooltipBox .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.tooltipBox.miniInfoTooltip {
  display: none;
  border: 1px solid #ddd;
  min-width: 380px;
  overflow: hidden;
}
.tooltipBox.miniInfoTooltip.inEditDialog {
  display: block;
  position: static;
  min-height: 180px;
  cursor: text;
}
.tooltipBox.miniInfoTooltip .imgDiv {
  float: right;
  display: none;
  text-align: right;
  padding-left: 1px;
  overflow: hidden;
}
.tooltipBox.miniInfoTooltip .imgDiv img {
  max-height: 230px;
}
.tooltipBox.miniInfoTooltip .miniOptionLinkDiv {
  display: none;
}
.tooltipBox.miniInfoTooltip.miniColorOptionInfoTooltip .imgDiv {
  float: none;
  text-align: left;
}
.tooltipBox.miniInfoTooltip.miniColorOptionInfoTooltip .imgDiv img {
  max-height: 3600px;
}
#optionEditorDialog {
  outline: none;
  z-index: 10001;
}
#optionEditorDialog .modal-body {
  min-height: 194px;
}
#optionEditorDialog .modal-body .optionInfoText {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
  min-height: 180px;
  outline: 0;
}
#optionEditorDialog .modal-dialog {
  width: 720px;
}
#optionEditorDialog .modal-content {
  inset: 2px auto auto 130px;
}
#optionEditorDialog .titlelessAnyOptionValueInputParentDiv {
  padding-bottom: 15px;
}
#optionEditorDialog .anyOptionValueInputParentDiv {
  padding-bottom: 15px;
  display: flex;
  width: 100%;
  gap: 20px;
}
#optionEditorDialog .anyOptionValueInputParentDiv >div:first-child {
  min-width: 135px;
  max-width: 135px;
}
#optionEditorDialog .anyOptionValueInputParentDiv >div:nth-child(2) {
  padding-bottom: 3px;
  flex: 1;
}
#optionEditorDialog div.optionSettingsLinkDiv {
  position: absolute;
  top: 2px;
  right: 5px;
}
#optionEditorDialog div.optionSettingsLinkDiv .optionSettingsLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  color: #777;
  cursor: pointer;
  cursor: hand;
}
#optionEditorDialog div.optionSettingsLinkDiv .optionSettingsLink:hover {
  color: black;
}
#optionEditorDialog div.optionSettingsLinkDiv2 {
  position: absolute;
  top: 25px;
  right: 5px;
}
#optionEditorDialog div.optionSettingsLinkDiv2 .optionSettingsLink2 {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  color: #777;
  cursor: pointer;
  cursor: hand;
}
#optionEditorDialog div.optionSettingsLinkDiv2 .optionSettingsLink2:hover {
  color: black;
}
#optionEditorDialog div.optionGridsLinkDiv {
  position: absolute;
  top: 25px;
  right: 5px;
}
#optionEditorDialog div.optionGridsLinkDiv .optionGridsLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  color: #777;
  cursor: pointer;
  cursor: hand;
}
#optionEditorDialog div.optionGridsLinkDiv .optionGridsLink:hover {
  color: black;
}
#optionEditorDialog a.closeOptionEditSideBox2Button {
  display: inline-block;
  padding: 10px;
  font-size: 130%;
  text-decoration: none;
  color: gray;
}
#optionEditorDialog .optionEditSideBox {
  z-index: 1000;
  box-shadow: 5px 1px 15px 0 rgba(0,0,0,0.3) !important;
  position: absolute;
  top: 10px;
  border: 0px solid white;
  background: rgba(251,251,251,0.85);
  border-radius: 12px;
  left: 100%;
  font-size: 100%;
  border-left-width: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 50%;
  -display: none;
  width: 0px;
  transition: width 0.4s;
  overflow: hidden;
}
#optionEditorDialog .optionEditSideBox.open {
  display: block;
  width: 450px;
}
#optionEditorDialog .optionEditSideBox .closeOptionEditSideBoxDiv {
  float: right;
}
#optionEditorDialog .optionEditSideBox .closeOptionEditSideBoxDiv a.closeOptionEditSideBoxButton {
  display: inline-block;
  padding: 10px;
  font-size: 130%;
  text-decoration: none;
  color: gray;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable {
  width: 100%;
  margin-bottom: 18px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead > tr > td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tbody > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tbody > tr > td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tfoot > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead > tr > th {
  vertical-align: bottom;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable caption + thead tr:first-child th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable caption + thead tr:first-child td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable colgroup + thead tr:first-child th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable colgroup + thead tr:first-child td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead:first-child tr:first-child th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead:first-child tr:first-child td {
  border-top: 0;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tbody + tbody {
  border-top: 2px solid #ddd;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .table {
  background-color: #fff;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable thead > tr > td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tbody > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tbody > tr > td,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tfoot > tr > th,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tfoot > tr > td {
  padding: 5px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tr,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable td {
  border-top: none;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable tr[data-id=new] td {
  background: white;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .form-control {
  font-size: 11px;
  padding: 3px 6px;
  height: 28px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .form-control .text-right {
  padding-left: 1px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .sideBoxFromGroup {
  padding: 10px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
  padding-left: 6px;
  padding-right: 6px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:focus {
  color: #333;
  text-decoration: none;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled],
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.disabled.active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled],
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled]:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled]:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled]:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn[disabled].active,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:hover,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:focus,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn:active,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .addBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .saveBtn {
  padding-left: 6px;
  padding-right: 6px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
  padding-left: 6px;
  padding-right: 6px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:focus {
  color: #333;
  text-decoration: none;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled],
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.disabled.active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled],
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled]:hover,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled]:focus,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled]:active,
#optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn[disabled].active,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:hover,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:focus,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn:active,
fieldset[disabled] #optionEditorDialog .optionEditSideBox .optionPriceDiv .optionPriceTable .removeBtn.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
#optionEditorDialog .optionEditSideBox2 {
  z-index: 1000;
  box-shadow: 5px 1px 15px 0 rgba(0,0,0,0.3) !important;
  position: absolute;
  top: 10px;
  border: 0px solid white;
  background: rgba(251,251,251,0.85);
  border-radius: 12px;
  left: 100%;
  font-size: 100%;
  border-left-width: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 50%;
  -display: none;
  width: 0px;
  transition: width 0.4s;
  overflow: hidden;
}
#optionEditorDialog .optionEditSideBox2.open {
  display: block;
  width: 330px;
}
#optionEditorDialog .optionEditGridsSideBox {
  z-index: 1000;
  box-shadow: 5px 1px 15px 0 rgba(0,0,0,0.3) !important;
  position: absolute;
  top: 35px;
  border: 0px solid white;
  background: rgba(251,251,251,0.85);
  border-radius: 12px;
  left: 100%;
  font-size: 100%;
  border-left-width: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 85%;
  -display: none;
  width: 0px;
  transition: width 0.18s;
  overflow: hidden;
}
#optionEditorDialog .optionEditGridsSideBox.open {
  display: block;
  width: 350px;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi {
  padding-top: 3px;
  display: inline-block;
  margin: 4px;
  position: relative;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi input[type=checkbox] {
  display: block;
  opacity: 0.9;
  width: 100%;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi input[type=checkbox]:hover {
  opacity: 1;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi input[type=checkbox]:checked {
  opacity: 1.0;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi input[type=checkbox] + div {
  opacity: 0.7;
  transition: opacity 0.8s;
  padding-top: 2px;
}
#optionEditorDialog .optionEditGridsSideBox.open .gridPatternsLi input[type=checkbox]:checked + div {
  opacity: 1.0;
}
#optionEditorDialog .optionEditGridsSideBox .closeOptionEditSideBoxDiv {
  float: right;
}
#optionEditorDialog .optionEditGridsSideBox .closeOptionEditSideBoxDiv a.closeOptionGridEditSideBoxButton {
  display: inline-block;
  padding: 10px;
  font-size: 130%;
  text-decoration: none;
  color: gray;
}
#usageEditorDialog {
  outline: none;
  z-index: 10001;
}
#usageEditorDialog .modal-body {
  min-height: 194px;
}
#usageEditorDialog .modal-body .optionInfoText {
  padding: 0;
  margin: 0;
  width: 100%;
  border: 0;
  min-height: 180px;
  outline: 0;
}
#usageEditorDialog .modal-dialog {
  width: 720px;
}
#usageEditorDialog .modal-content {
  inset: 2px auto auto 130px;
}
#products.row.piklas-doors .doorPatternsDiv img.doorImg {
  max-height: 190px;
}
#container.ie11 #productsNew.row.hitnordic a.img .hitnordicDoorImg,
#container.ie10 #productsNew.row.hitnordic a.img .hitnordicDoorImg {
  max-height: 331px !important;
}
#container.ie11 #productsNew.row.hitnordic .doorPatternsSection,
#container.ie10 #productsNew.row.hitnordic .doorPatternsSection {
  width: 100%;
}
#container.ie11 #productsNew.row.hitnordic .tuoteValitseDiv,
#container.ie10 #productsNew.row.hitnordic .tuoteValitseDiv {
  float: right;
}
#container.ie11 #products.row.piklas-doors .doorPatternsDiv img.doorImg,
#container.ie10 #products.row.piklas-doors .doorPatternsDiv img.doorImg {
  max-height: 331px !important;
}
#container.ie11 .product.piklasProduct .info,
#container.ie10 .product.piklasProduct .info {
  width: 100% !important;
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
#bodyFader {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  background: ;
  opacity: 1.0;
  transition: opacity 1.2s;
  z-index: -1;
}
label.myUploadFileLabel input[type="file"] {
  position: fixed;
  top: -1000px;
}
.myUploadFileLabel {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.frontPageBg {
  display: none;
}
productIndexPageBg {
  display: none;
}
body .leftBar.having-fixed-navbar.floatingLeftBar {
  top: 115px !important;
}
body .leftBar.having-fixed-navbar.floatingLeftBar.leftBar-door {
  top: 75px !important;
}
#maintenanceDivId {
  position: absolute;
  top: -10px;
  left: 0;
  width: 230px;
  z-index: 10000002;
}
#maintenanceDivId .maintenanceDivContainer {
  font-size: 12px;
  width: 340px;
  margin-right: auto;
  color: black;
  background: rgba(255,255,210,0.65);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  padding: 10px;
  padding-top: 15px;
  border-radius: 5px;
  box-shadow: 0px 0px 30px 0px rgba(0,0,0,0.5);
}
#maintenanceDivId .maintenanceCloseDiv {
  float: right;
  font-size: 150%;
  text-decoration: none;
}
body.genericIframe #maintenanceDivId {
  display: none;
}
.roundedRemoveBtn {
  border-radius: 100%;
  display: inline-block;
  width: 19px;
  height: 19px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 18px;
}
.roundedRemoveBtn:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.circleBadge {
  border-radius: 100%;
  display: inline-block;
  width: 17px;
  height: 17px;
  color: white;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  background: #f0de3d;
  padding-top: 2px;
}
.circleBadge:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.roundedRemoveBtnBig {
  border-radius: 100%;
  display: inline-block;
  width: 29px;
  height: 29px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 26px;
}
.roundedRemoveBtnBig:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.isReferenceBtn {
  background: #1ac928;
  font-size: 15px;
}
.isReferenceBtn:hover {
  background: #149c1f !important;
}
.isInstallationFileBtn {
  background: #1ac928;
  font-size: 15px;
}
.isInstallationFileBtn:hover {
  background: #149c1f !important;
}
.roundedRemoveBtnSmall {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
}
.roundedRemoveBtnSmall:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.roundedAddBtn {
  border-radius: 100%;
  display: inline-block;
  width: 43px;
  height: 44px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 48px;
  font-family: arial;
  transition: background 1s;
}
.roundedAddBtn:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.generalSmallCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  color: black;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  vertical-align: middle;
}
.workNumberCircle {
  background: #555;
  color: #eee;
  font-size: 12px;
  width: 16px;
  height: 16px;
  padding-top: 2px;
}
.svgCacheCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  color: black;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  vertical-align: middle;
  opacity: 0;
}
.svgCacheCircle[status=yes] {
  background: #ce8240;
  opacity: 1;
}
.svgCacheCircle[status=no] {
  background: #3ab244;
  opacity: 1;
}
.svgCacheCircle[status=unknown] {
  background: #eee;
  opacity: 1;
}
.svgCacheText {
  display: inline-block;
  font-size: 14px;
  color: #777;
  vertical-align: middle;
}
.light-form-control {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-group .light-form-control:last-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.input-group .light-form-control {
  display: table-cell;
}
#hintButtonCircle {
  display: inline-block;
  border: 1px solid rgba(0,0,0,0.35);
  background: rgba(255,0,0,0.4);
  border-radius: 40px;
  width: 40px;
  height: 40px;
}
#hintButtonCircle #hintButtonCheckBox {
  display: inline-block;
  margin-left: 12px;
  margin-top: 12px;
  opacity: 0.9;
}
.suljePikalaskuriDiv {
  border-bottom: 20px solid #f0de3d;
  border-left: 20px solid #f0de3d;
  padding-left: 3px;
  padding-bottom: 3px;
  border-bottom-left-radius: 20px;
  display: none;
}
.cartProductConfigIframeContainerDiv {
  display: none;
  border-right: 20px solid #f0de3d;
}
body #productsNew.piklas-windows.products-parts .product {
  padding-bottom: 25px;
}
body #productsNew.piklas-windows.products-parts .tuotetiedotParent .tuotetietoLyhyt,
body #productsNew.piklas-windows.products-parts .tuotetiedotParent .tuotetieto {
  font-weight: 300;
  font-size: 119%;
  line-height: 150%;
  letter-spacing: normal;
}
body #productsNew.piklas-windows.products-parts .showBtnAndUValueParentDiv {
  padding-left: 0;
}
body #productsNew.piklas-windows.products-parts .showBtnAndUValueParentDiv b.showBtn {
  color: #555;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 200%;
  display: inline-block;
  transition: color 1s;
}
body #productsNew.piklas-windows.products-parts .showBtnAndUValueParentDiv b.showBtn:hover,
body #productsNew.piklas-windows.products-parts .showBtnAndUValueParentDiv b.showBtn:focus {
  color: ;
}
body #productsNew.piklas-windows.products-parts .showBtnAndUValueParentDiv b.showBtn .raquo {
  color: ;
}
.row.products-parts.piklas-windows.products-headered .subProductCategoryDiv {
  padding-bottom: 50px;
}
.row.products-parts.piklas-windows.products-headered .subProductCategoryDiv a.img h2 {
  line-height: 80%;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
}
.row.products-parts.piklas-windows.products-headered .productMinWidth {
  min-width: 260px;
}
.row.products-parts.piklas-windows.products-headered .product {
  margin: 10px;
  padding-top: 5px;
  padding: 10px 25px 0px 25px;
  transition: background-color 2s, box-shadow 2s;
  background: white;
  border: none;
  box-shadow: 0px 0px 10px gray !important;
  border-radius: 10px;
}
.row.products-parts.piklas-windows.products-headered .product.addProductCard .roundedAddBtnContainer {
  text-align: Center;
}
.row.products-parts.piklas-windows.products-headered .product.addProductCard .roundedAddBtnContainer .roundedAddBtn {
  transition: all 0.5s;
}
.row.products-parts.piklas-windows.products-headered .product.addProductCard .roundedAddBtnContainer .roundedAddBtn:hover {
  transform: rotate(90deg);
}
.row.products-parts.piklas-windows.products-headered .product.addProductCard .rest {
  display: none;
}
.row.products-parts.piklas-windows.products-headered .product .hideWhenEditing {
  display: block;
}
.row.products-parts.piklas-windows.products-headered .product.editingCard .hideWhenEditing {
  display: none;
}
.row.products-parts.piklas-windows.products-headered .product .showWhenEditing {
  display: none;
}
.row.products-parts.piklas-windows.products-headered .product .showWhenEditing.fadeInWhenEditing {
  animation: fadeIn80 1.5s;
}
.row.products-parts.piklas-windows.products-headered .product.editingCard .showWhenEditing {
  display: block;
}
.row.products-parts.piklas-windows.products-headered .product div.img {
  cursor: pointer;
  cursor: hand;
}
.row.products-parts.piklas-windows.products-headered .product div.img.editingCard {
  cursor: pointer;
  cursor: auto;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditLinkDiv {
  z-index: 1000;
  position: absolute;
  top: 0px;
  right: 0px;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditLinkDiv .productEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #555;
  cursor: pointer;
  cursor: hand;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditLinkDiv .productEditLink:hover {
  color: black;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditLinkDiv .productEditLink.inProgressMode {
  background-color: #fcc603;
  border-radius: 4px;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditOkLinkDiv {
  position: absolute;
  top: 0px;
  right: 0px;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditOkLinkDiv .productEditOkLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  color: #888;
  cursor: pointer;
  cursor: hand;
}
.row.products-parts.piklas-windows.products-headered .product div.productEditOkLinkDiv .productEditOkLink:hover {
  color: green;
}
.row.products-parts.piklas-windows.products-headered .product div.productSettingsLinkDiv {
  display: none;
  z-index: 1000;
  position: absolute;
  top: 30px;
  right: 0px;
}
.row.products-parts.piklas-windows.products-headered .product div.productSettingsLinkDiv .productSettingsLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  color: #555;
  cursor: pointer;
  cursor: hand;
}
.row.products-parts.piklas-windows.products-headered .product div.productSettingsLinkDiv .productSettingsLink:hover {
  color: black;
}
.row.products-parts.piklas-windows.products-headered .product.editingCard {
  background-color: #fbfbfb !important;
  box-shadow: 1px 1px 15px 0 rgba(0,0,0,0.5) !important;
}
.row.products-parts.piklas-windows.products-headered .product .editableElement {
  transition-delay: outline 3s;
}
.row.products-parts.piklas-windows.products-headered .product .editableElement.editing {
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.375);
  border-radius: 5px;
  background: white;
}
.row.products-parts.piklas-windows.products-headered .product .editableElement.editing:active,
.row.products-parts.piklas-windows.products-headered .product .editableElement.editing:focus {
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.175), 0 0 8px rgba(102,175,233,0.8);
}
.row.products-parts.piklas-windows.products-headered .product .productTradeNameAndNameInfoHeader {
  line-height: 80%;
  margin-top: 0px;
  margin-left: 0px;
  padding-left: 0px;
  font-size: 180%;
  padding-right: 0;
  padding-left: 5px;
}
.row.products-parts.piklas-windows.products-headered .product .productTradeNameAndNameInfoHeader .tradeNameSpan {
  color: #000;
  line-height: 120%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.row.products-parts.piklas-windows.products-headered .product .productTradeNameAndNameInfoHeader .tradeNameSpan:hover {
  overflow: visible;
}
.row.products-parts.piklas-windows.products-headered .product .productTradeNameAndNameInfoHeader .sub {
  display: inline-block;
  padding-left: 1px;
  white-space: nowrap;
  font-size: 70%;
  overflow: visible;
  padding-left: 0;
  padding-right: 0;
  text-overflow: ellipsis;
}
.row.products-parts.piklas-windows.products-headered .product .productTradeNameAndNameInfoHeader .sub:hover {
  overflow: visible;
}
.row.products-parts.piklas-windows.products-headered .product .partsImgRow {
  padding-top: 13px;
  padding-bottom: 25px;
}
.row.products-parts.piklas-windows.products-headered .product .partsImg {
  border: 1px solid gray;
  border-radius: 5px;
}
.row.products-parts.piklas-windows.products-headered .product .upload_container .partsImg {
  border: 1px solid rgba(0,0,0,0.375);
  box-shadow: inset 0px 0px 4px rgba(0,0,0,0.375);
  border-radius: 5px;
  background: white;
}
.row.products-parts.piklas-windows.products-headered .product .showBtnAndUValueParentDiv {
  text-align: right;
}
.row.products-parts.piklas-windows.products-headered .product .tuotetiedotParent .tuotetietoLyhyt {
  color: black;
}
.row.products-parts.piklas-windows.products-headered .product .tuotetiedotParent .tuotetieto {
  color: black;
}
.row.products-parts.piklas-windows.products-headered .product .uploadBox {
  font-size: 100%;
  color: #555;
  background-color: transparent;
  position: relative;
  padding: 0 0;
}
.row.products-parts.piklas-windows.products-headered .product .uploadBox.has-advanced-upload {
  outline: none;
}
.row.products-parts.piklas-windows.products-headered .product .productEditSideBox {
  z-index: 1000;
  box-shadow: 5px 1px 15px 0 rgba(0,0,0,0.3) !important;
  position: absolute;
  top: 40px;
  border: 0px solid white;
  background: #fbfbfb;
  border-radius: 12px;
  left: 100%;
  font-size: 100%;
  border-left-width: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 50%;
  -display: none;
  width: 0px;
  transition: width 0.4s;
  overflow: hidden;
}
.row.products-parts.piklas-windows.products-headered .product .productEditSideBox.open {
  display: block;
  width: 620px;
}
.customBackgroundTakePhotoDiv {
  margin-top: 45vh;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
}
.customBackgroundTakePhotoDiv label.myUploadFileLabel input[type="file"] {
  position: fixed;
  top: -1000px;
}
.customBackgroundTakePhotoDiv .myUploadFileLabel {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.customBackgroundTakePhotoDiv .takePictureBtnSpan {
  padding: 20px;
  font-size: 180%;
}
.photoUploadedDiv {
  margin: 0;
  padding: 0;
}
.photoUploadedDiv #uploadedPhoto {
  width: 50%;
  margin: 50px;
  opacity: 0;
  transition: opacity 3s;
}
.photoUploadedDiv #uploadedPhoto.revealed {
  opacity: 1;
}
.photoUploadedDiv #helpText {
  font-size: 150%;
  margin: 20px;
  color: black;
  font-weight: bold;
  opacity: 0;
  transition-delay: 3s;
  transition: opacity 10s ease-in;
}
.photoUploadedDiv #helpText.revealed {
  opacity: 1;
}
.matrixDragPoint {
  box-shadow: 0 0 20px -2px #000000;
  border: 10px solid #fcf652;
  border-radius: 10px;
  cursor: move;
  position: absolute;
  z-index: 100000;
  transition: opacity 0.4s, border-color 2s;
}
.matrixDragPoint:hover {
  opacity: 0.8;
}
.matrixDragPoint:hover:active {
  cursor: default;
  opacity: 0.1;
}
.matrixDragPoint.draggingSome {
  opacity: 0.0;
}
.matrixDragPoint.dragged {
  transition: opacity 0s, border-color 2s;
  border: 10px solid #dbd531;
}
.matrixDragPoint.dragged:hover {
  cursor: default;
}
#lineSvg line.connectorLine {
  stroke: #fffc0b;
  stroke-width: 3;
  transition: stroke-width 0.4s, stroke 0s;
}
#lineSvg.dragging line.connectorLine {
  transition: stroke-width 0.4s, stroke 0.4s;
  stroke: #4c2901;
  stroke-width: 1;
}
#configErrorsParent {
  padding: 15px 35px 15px 15px;
  margin-bottom: 18px;
  color: #c09853;
  background-color: #fcf8e3;
  border: 1px solid #fbeed5;
  border-radius: 4px;
  background-color: #f2dede;
  border-color: #eed3d7;
  color: #b94a48;
  background: #fff4f4;
  color: black;
  display: none;
  margin: 0px 0px 0px 0px;
  padding-bottom: 20px;
  box-shadow: 4px 4px 15px rgba(0,0,0,0.5), 4px 4px 0px 5000px rgba(0,0,0,0.4);
  border: 1px solid #eee;
  z-index: 100000000000000;
  position: fixed;
  top: 15vh;
  right: 12vw;
  width: 620px;
  max-width: calc(100vw - 12vw - 10vw);
  height: 50vh;
  overflow-y: scroll;
}
#configErrorsParent h4 {
  margin-top: 0;
  color: inherit;
}
#configErrorsParent hr {
  border-top-color: #f8e5be;
}
#configErrorsParent .alert-link {
  font-weight: bold;
  color: #a47e3c;
}
#configErrorsParent .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
#configErrorsParent > p,
#configErrorsParent > ul {
  margin-bottom: 0;
}
#configErrorsParent > p + p {
  margin-top: 5px;
}
#configErrorsParent hr {
  border-top-color: #e6c1c7;
}
#configErrorsParent .alert-link {
  color: #953b39;
}
#configErrorsParent h3 {
  color: red;
}
.bsToggleParent .toggle.btn {
  min-width: 230px;
}
.bsToggleParent.shortToggle .toggle.btn {
  min-width: 50px;
}
#reclamationDialog {
  outline: none;
  z-index: 10001;
}
#reclamationDialog .modal-body {
  min-height: 240px;
  height: calc(100vh - 200px);
  overflow-y: scroll;
}
#reclamationDialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
#reclamationDialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
#reclamationDialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
#reclamationDialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
#reclamationDialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
#reclamationDialog .modal-body .extractingPartsToScreenDiv {
  text-align: center;
}
#reclamationDialog .modal-body .extractingPartsToScreenDiv .extractionWheel.visible {
  display: inline-block;
  -webkit-animation: rotation 2s infinite linear;
  animation: rotation 2s infinite linear;
}
#reclamationDialog .modal-body .extractingPartsToScreenFailedDiv {
  text-align: center;
  transition: color 0.5s;
}
#reclamationDialog .modal-body .extractingPartsToScreenFailedDiv:hover {
  color: red;
}
#reclamationDialog .modal-body .extractingResult {
  border: 1px solid black;
  border-radius: 5px;
  padding: 5px;
}
#reclamationDialog .modal-body .reclamationSvgImageDiv {
  float: right;
}
#reclamationDialog .modal-footer {
  box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
  margin-top: 0;
  transition: box-shadow 0.5s;
}
#reclamationDialog .modal-footer.scrolledDown {
  box-shadow: none;
}
#reclamationDialog .modal-dialog {
  width: 700px;
}
#kokoTilaustiedotSivu.ristiriitadialogiShown {
  opacity: 0 !important;
}
#yhteystiedotSivunTarkistuksetDialog {
  outline: none;
  z-index: 10001;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body {
  min-height: 240px;
  height: calc(100vh - 200px);
  overflow-y: scroll;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
#yhteystiedotSivunTarkistuksetDialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
#yhteystiedotSivunTarkistuksetDialog .modal-footer {
  box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
  margin-top: 0;
  transition: box-shadow 0.5s;
}
#yhteystiedotSivunTarkistuksetDialog .modal-footer.scrolledDown {
  box-shadow: none;
}
#yhteystiedotSivunTarkistuksetDialog .modal-dialog {
  width: 1040px;
  max-width: 90vw;
}
.scrollVisualHint {
  box-shadow: 0px -1px 5px 0px rgba(0,0,0,0.2);
  margin-top: 0;
}
.modal-backdrop.lighter {
  opacity: 0.05;
}
#dropboxDialog {
  outline: none;
}
#dropboxDialog .modal-body {
  min-height: 500px;
}
#dropboxDialog .modal-dialog {
  width: 700px;
}
#dropboxDialog .modal-content {
  left: calc(700px / 2 - 50vw + 5vw);
}
.dropboxPreviewIframe {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  top: 20px;
  z-index: 100000;
  right: auto;
  left: 480px;
  display: none;
  height: calc(100vh - 50px);
  max-height: calc(100vh - 50px);
  min-height: calc(100vh - 50px);
  min-width: auto;
  max-width: none;
  width: calc(100vw - 500px - 5vw);
}
.dropboxPreviewIframe .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.css-table {
  display: table !important;
  width: 100%;
}
.table-cell {
  display: table-cell !important;
}
.table-row {
  display: table-row !important;
  width: 100%;
}
.gridPatternsMenuDiv li.active {
  outline: 2px solid #f0de3d;
}
.gridPatternsMenuDiv .gridPatternsLi:hover div.gridPatternEditLinkDiv .gridPatternEditLink {
  opacity: 1;
}
.gridPatternsMenuDiv .gridPatternsLi div.gridPatternEditLinkDiv {
  position: absolute;
  top: -5px;
  right: -3px;
}
.gridPatternsMenuDiv .gridPatternsLi div.gridPatternEditLinkDiv .gridPatternEditLink {
  opacity: 0;
  display: block;
  padding-bottom: 5px;
  padding-right: 5px;
  padding-top: 5px;
  transition: opacity 0.5s, transform 0s;
  transition-delay: 0.35s;
  text-shadow: 0 0 4px 4px white;
  color: blue;
}
.gridPatternsMenuDiv .gridPatternsLi div.gridPatternEditLinkDiv .gridPatternEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: navy;
  transform: rotate(40deg);
}
#gridPatternEditorDialog {
  outline: none;
  z-index: 10002;
}
#gridPatternEditorDialog .modal-body {
  -min-height: 194px;
}
#gridPatternEditorDialog .modal-dialog {
  width: 460px;
}
#complaintStepDialog {
  outline: none;
}
#complaintStepDialog .modal-body {
  min-height: 300px;
}
#complaintStepDialog .modal-dialog {
  padding-top: 8px;
  width: 460px;
}
#complaintStepDialog .modal-dialog .editingComplaintStepDiv .form-group *[class*=col-lg] {
  padding-top: 3px;
  padding-bottom: 4px;
}
#complaintStepDialog .modal-dialog #complaintStepOrderRows + .btn-group .dropdown-menu > * > a:hover,
#complaintStepDialog .modal-dialog #complaintStepOrderRows + .btn-group .dropdown-menu > * > a:focus,
#complaintStepDialog .modal-dialog #complaintStepOrderRows + .btn-group .dropdown-menu > .active > a,
#complaintStepDialog .modal-dialog #complaintStepOrderRows + .btn-group .dropdown-menu > .active > a:hover,
#complaintStepDialog .modal-dialog #complaintStepOrderRows + .btn-group .dropdown-menu > .active > a:focus {
  color: inherit;
  background-image: inherit;
  filter: inherit;
  background-color: inherit;
}
#complaintMailDialog {
  outline: none;
}
#complaintMailDialog .modal-body {
  min-height: calc(100vh - 40px - 53px);
  position: relative;
  padding: 0px;
}
#complaintMailDialog .modal-body .mailIframe {
  width: calc(100% - 0px);
  min-height: calc(100% - 0px);
  position: absolute;
  border: none;
  border-radius: 5px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  opacity: 0.3;
  transition: opacity 1.2s;
}
#complaintMailDialog .modal-body .mailIframe.shown {
  opacity: 1;
}
#complaintMailDialog .modal-content {
  top: 10px;
}
#complaintMailDialog .modal-dialog {
  padding-top: 8px;
  max-width: 99%;
  width: 99%;
}
#quickTypeMultiChangeDialog {
  outline: none;
}
#quickTypeMultiChangeDialog #complaintDialogCloseBtn {
  font-size: 35px;
}
#quickTypeMultiChangeDialog #complaintDialogCloseBtn.loading {
  opacity: 0.1;
}
#quickTypeMultiChangeDialog .modal-body {
  min-height: 400px;
}
#quickTypeMultiChangeDialog .modal-dialog {
  width: 1024px;
  transition: width 0.4s ease-in-out;
}
#complaintDialog {
  outline: none;
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset {
  position: fixed;
  bottom: 100px;
  height: 200px;
  background: #fff;
  width: 450px;
  overflow-y: scroll;
  border-top: 1px solid #ddd;
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset::-webkit-scrollbar {
  -webkit-appearance: none;
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset::-webkit-scrollbar:horizontal {
  height: 11px;
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset::-webkit-scrollbar:vertical {
  height: 11px;
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#complaintDialog[data-config-complaint-dropbox-position=right] .complaintDropboxFieldset .dropboxBackgroundImage {
  width: 100%;
  height: 100%;
  background-color: pink;
  background: url(../img/dropbox.png) no-repeat;
  background-size: auto 70%;
  background-position: center;
  opacity: 0.04;
}
#complaintDialog #complaintDialogCloseBtn {
  font-size: 35px;
}
#complaintDialog #complaintDialogCloseBtn.loading {
  opacity: 0.1;
}
#complaintDialog .modal-dialog {
  padding-top: 8px;
  width: 100%;
  height: 100%;
  overflow-y: initial !important;
  transition: width 0.4s ease-in-out;
}
#complaintDialog .modal-dialog.havingRightDivHidden {
  width: 525px;
}
#complaintDialog .modal-body {
  min-height: 500px;
  max-height: 80vh;
  overflow-y: auto;
}
#complaintDialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
#complaintDialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
#complaintDialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
#complaintDialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#complaintDialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#complaintDialog .modal-footer .cancelBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
#complaintDialog .modal-footer .cancelBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#complaintDialog .modal-footer .cancelBtn:hover,
#complaintDialog .modal-footer .cancelBtn:focus {
  color: #333;
  text-decoration: none;
}
#complaintDialog .modal-footer .cancelBtn:active,
#complaintDialog .modal-footer .cancelBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#complaintDialog .modal-footer .cancelBtn.disabled,
#complaintDialog .modal-footer .cancelBtn[disabled],
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#complaintDialog .modal-footer .cancelBtn:hover,
#complaintDialog .modal-footer .cancelBtn:focus,
#complaintDialog .modal-footer .cancelBtn:active,
#complaintDialog .modal-footer .cancelBtn.active {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925;
}
#complaintDialog .modal-footer .cancelBtn.disabled,
#complaintDialog .modal-footer .cancelBtn.disabled:hover,
#complaintDialog .modal-footer .cancelBtn.disabled:focus,
#complaintDialog .modal-footer .cancelBtn.disabled:active,
#complaintDialog .modal-footer .cancelBtn.disabled.active,
#complaintDialog .modal-footer .cancelBtn[disabled],
#complaintDialog .modal-footer .cancelBtn[disabled]:hover,
#complaintDialog .modal-footer .cancelBtn[disabled]:focus,
#complaintDialog .modal-footer .cancelBtn[disabled]:active,
#complaintDialog .modal-footer .cancelBtn[disabled].active,
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn,
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn:hover,
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn:focus,
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn:active,
fieldset[disabled] #complaintDialog .modal-footer .cancelBtn.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
#complaintDialog .modal-footer .saveBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
}
#complaintDialog .modal-footer .saveBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#complaintDialog .modal-footer .saveBtn:hover,
#complaintDialog .modal-footer .saveBtn:focus {
  color: #333;
  text-decoration: none;
}
#complaintDialog .modal-footer .saveBtn:active,
#complaintDialog .modal-footer .saveBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#complaintDialog .modal-footer .saveBtn.disabled,
#complaintDialog .modal-footer .saveBtn[disabled],
fieldset[disabled] #complaintDialog .modal-footer .saveBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#complaintDialog .modal-footer .saveBtn:hover,
#complaintDialog .modal-footer .saveBtn:focus,
#complaintDialog .modal-footer .saveBtn:active,
#complaintDialog .modal-footer .saveBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#complaintDialog .modal-footer .saveBtn.disabled,
#complaintDialog .modal-footer .saveBtn.disabled:hover,
#complaintDialog .modal-footer .saveBtn.disabled:focus,
#complaintDialog .modal-footer .saveBtn.disabled:active,
#complaintDialog .modal-footer .saveBtn.disabled.active,
#complaintDialog .modal-footer .saveBtn[disabled],
#complaintDialog .modal-footer .saveBtn[disabled]:hover,
#complaintDialog .modal-footer .saveBtn[disabled]:focus,
#complaintDialog .modal-footer .saveBtn[disabled]:active,
#complaintDialog .modal-footer .saveBtn[disabled].active,
fieldset[disabled] #complaintDialog .modal-footer .saveBtn,
fieldset[disabled] #complaintDialog .modal-footer .saveBtn:hover,
fieldset[disabled] #complaintDialog .modal-footer .saveBtn:focus,
fieldset[disabled] #complaintDialog .modal-footer .saveBtn:active,
fieldset[disabled] #complaintDialog .modal-footer .saveBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
#complaintDialog .modal-footer .openComplaintOrderBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
  background-color: #696969;
  border-color: #030303;
}
#complaintDialog .modal-footer .openComplaintOrderBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#complaintDialog .modal-footer .openComplaintOrderBtn:hover,
#complaintDialog .modal-footer .openComplaintOrderBtn:focus {
  color: #333;
  text-decoration: none;
}
#complaintDialog .modal-footer .openComplaintOrderBtn:active,
#complaintDialog .modal-footer .openComplaintOrderBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled,
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled],
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#complaintDialog .modal-footer .openComplaintOrderBtn:hover,
#complaintDialog .modal-footer .openComplaintOrderBtn:focus,
#complaintDialog .modal-footer .openComplaintOrderBtn:active,
#complaintDialog .modal-footer .openComplaintOrderBtn.active {
  color: #fff;
  background-color: #47a447;
  border-color: #398439;
}
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled,
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled:hover,
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled:focus,
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled:active,
#complaintDialog .modal-footer .openComplaintOrderBtn.disabled.active,
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled],
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled]:hover,
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled]:focus,
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled]:active,
#complaintDialog .modal-footer .openComplaintOrderBtn[disabled].active,
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn,
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn:hover,
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn:focus,
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn:active,
fieldset[disabled] #complaintDialog .modal-footer .openComplaintOrderBtn.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
#complaintDialog .modal-footer span.complaintDialogButtonText {
  display: none;
}
#complaintDialog .modal-footer span.complaintDialogButtonText.shown {
  display: inline-block;
}
#complaintDialog .complaintDropboxThumbnailsDiv a {
  text-decoration: None;
}
#complaintDialog .complaintDropboxThumbnailsDiv a img {
  width: 128px;
  margin: 5px;
}
#complaintDialog .complaintDropboxThumbnailsDiv a img:hover {
  outline: 1px solid #aae;
}
#complaintDialog #complaintDialogContent fieldset {
  margin: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}
#complaintDialog #complaintDialogContent .form-group >div {
  margin-top: 5px;
  margin-bottom: 5px;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv {
  max-height: 200px;
  -webkit-overflow-scrolling: touch;
  backgrounfd: pink;
  overflow-y: scroll;
  border-bottom: 1px solid #ddd;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable {
  width: 100%;
  margin-bottom: 18px;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead > tr > td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tbody > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tbody > tr > td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tfoot > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead > tr > th {
  vertical-align: bottom;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable caption + thead tr:first-child th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable caption + thead tr:first-child td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable colgroup + thead tr:first-child th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable colgroup + thead tr:first-child td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead:first-child tr:first-child th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead:first-child tr:first-child td {
  border-top: 0;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tbody + tbody {
  border-top: 2px solid #ddd;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable .table {
  background-color: #fff;
}
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable thead > tr > td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tbody > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tbody > tr > td,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tfoot > tr > th,
#complaintDialog #complaintDialogContent .kohteenTiedotDiv .complaintDetailsTable tfoot > tr > td {
  padding: 5px;
}
#complaintDialog #complaintDialogContent .complaintLogsDivContainer {
  box-sizing: content-box;
}
#complaintDialog #complaintDialogContent .complaintLogsDivContainer .complaintLogsDiv {
  height: 100%;
  padding-top: 30px;
  x-max-height: 95px;
  -webkit-overflow-scrolling: touch;
  backgrounfd: pink;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #ddd;
}
#complaintDialog #complaintDialogContent .complaintLogsDivContainer .complaintLogsDiv .complaintLogsTable {
  font-size: 90%;
}
#complaintDialog #complaintDialogContent .complaintLogsDivContainer .ui-resizable-s {
  height: 12px;
  transition: 3s background-color;
}
#complaintDialog #complaintDialogContent .complaintLogsDivContainer .ui-resizable-s:hover {
  transition: 0.5s background-color;
  background: #eee;
}
#complaintDialog #complaintDialogContent .customerContactDetailTable,
#complaintDialog #complaintDialogContent .deliveryContactDetailTable {
  border-collapse: collapse;
}
#complaintDialog #complaintDialogContent .customerContactDetailTable td,
#complaintDialog #complaintDialogContent .customerContactDetailTable th,
#complaintDialog #complaintDialogContent .deliveryContactDetailTable td,
#complaintDialog #complaintDialogContent .deliveryContactDetailTable th {
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 3px;
  padding-right: 3px;
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv {
  overflow-y: scroll;
  height: 280px;
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv::-webkit-scrollbar {
  -webkit-appearance: none;
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv::-webkit-scrollbar:horizontal {
  height: 11px;
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv::-webkit-scrollbar:vertical {
  height: 11px;
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#complaintDialog #complaintDialogContent .complaintOrderRowsCheckboxScrollableDiv::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#complaintDialog #complaintDialogContent .emailUnreadBadge {
  display: none;
  background: #ddd;
  top: 0px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#complaintDialog #complaintDialogContent .emailUnreadBadge.redEmailBadge {
  background: red;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.subComplaintSteps {
  border-left-width: 4px;
  border-left-color: #fbfbfb;
  padding-bottom: 0px;
  padding: 0px 0px 0px 0px;
  margin-bottom: 0px;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.subComplaintSteps:hover {
  border-left-color: #eee;
  transition: 0.3s border-color;
  transition-delay: 0.15s;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.subComplaintSteps > blockquote.newComplaintStepLocationIndicator {
  border-top: 2px solid #bbb;
  height: 1px;
  border-left: none;
  padding: 0;
  margin: 0;
  opacity: 0;
  margin-left: 20px;
  transition: 0.2s opacity;
  transition-delay: 0.2s;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.subComplaintSteps > blockquote.newComplaintStepLocationIndicator.visible {
  transition: 0.5s opacity;
  transition-delay: 0.4s;
  opacity: 1;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv {
  border-left: none;
  padding-bottom: 5px;
  margin-bottom: 0px;
  position: relative;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv {
  position: absolute;
  top: 0;
  left: 17px;
  font-weight: bold;
  font-size: 160%;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink {
  color: #555;
  text-decoration: none;
  transition: all 0.15s ease-in-out;
  transition-delay: 0.3s;
  display: block;
  padding: 5px 5px 5px 5px;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink:hover {
  color: #277B1A;
  transform: rotate(90deg);
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink .minus {
  display: block;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink .plus {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink.havingSubComplaintStepsClosed .minus {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepTogglerDiv a.complaintStepTogglerLink.havingSubComplaintStepsClosed .plus {
  display: block;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox {
  border-radius: 0px;
  padding: 0;
  padding-bottom: 5px;
  border-left-width: 19px;
  border-left-style: solid;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox.kesken {
  border-left-color: #e7e7e7;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox.valmis {
  border-left-color: #bddfbe;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox.myohassa {
  border-left-color: #ffa8aa;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox.otherStatus {
  border-left-color: red;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox .complaintStepAuthorDetailsDiv {
  color: #777;
  font-size: 92%;
  padding-left: 7px;
  margin-bottom: 3px;
  margin-top: 1px;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox .complaintStepDescriptionDiv {
  font-size: 115%;
  padding-left: 7px;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox .buttonsDiv {
  opacity: 0.000000000000001;
  transition: opacity 0.1s;
  transition-delay: 0.01s;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv .complaintStepBox:hover .buttonsDiv {
  transition: opacity 0.3s;
  transition-delay: 0.2s;
  opacity: 1;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) select {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) input,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) textarea,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) select {
  border-color: white;
  pointer-events: none;
  box-shadow: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) textarea {
  resize: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) .saveStepBtn {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) .editStepBtn {
  display: inline-block;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) fieldset {
  margin-top: 0;
  margin-bottom: 0;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) [class*="col-"] {
  margin-top: 0;
  margin-bottom: 0;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) .complaintStepFixedDescription {
  display: block;
  padding-left: 7px;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv:not(.editing) .complaintStepDescriptionTextArea {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing {
  transition-delay: 0.5s;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color 1.3s, border-size 1.3s, box-shadow 1.3s;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input:-moz-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea:-moz-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select:-moz-placeholder {
  color: #999999;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input::-moz-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea::-moz-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select::-moz-placeholder {
  color: #999999;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input:-ms-input-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea:-ms-input-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select:-ms-input-placeholder {
  color: #999999;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input::-webkit-input-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea::-webkit-input-placeholder,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select::-webkit-input-placeholder {
  color: #999999;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input:focus,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea:focus,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input[disabled],
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input[readonly],
fieldset[disabled] #complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea[disabled],
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea[readonly],
fieldset[disabled] #complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea,
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select[disabled],
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select[readonly],
fieldset[disabled] #complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing input,
textarea#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea,
textarea#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing select {
  height: auto;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing textarea {
  resize: vertical;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing .saveStepBtn {
  display: inline-block;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing .editStepBtn {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing .complaintStepFixedDescription {
  display: none;
}
#complaintDialog #complaintDialogContent .complaintStepsDiv blockquote.complaintStepDiv.editing .complaintStepDescriptionTextArea {
  display: block;
}
#complaintDialog #complaintDialogContent .cartAllDiv {
  overflow-y: scroll;
  height: calc(100vh - 290px);
}
#complaintDialog #complaintDialogContent .cartAllDiv::-webkit-scrollbar {
  -webkit-appearance: none;
}
#complaintDialog #complaintDialogContent .cartAllDiv::-webkit-scrollbar:horizontal {
  height: 11px;
}
#complaintDialog #complaintDialogContent .cartAllDiv::-webkit-scrollbar:vertical {
  height: 11px;
}
#complaintDialog #complaintDialogContent .cartAllDiv::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#complaintDialog #complaintDialogContent .cartAllDiv::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#complaintDialog #complaintDialogContent .cartAllDiv #cartPartialPageIframeAll {
  border: none;
  width: 100%;
  height: 10px;
}
#complaintFileUploadDialog {
  outline: none;
}
#complaintFileUploadDialog .modal-body {
  min-height: 300px;
}
#complaintFileUploadDialog .modal-dialog {
  padding-top: 120px;
  width: 560px;
}
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  body .row-eq-height {
    display: inline-block;
  }
}
.complaintTakePhotoDiv {
  margin-top: 25vh;
  margin-bottom: 200px;
  margin-left: auto;
  margin-right: auto;
}
.complaintTakePhotoDiv h2 {
  margin-bottom: 10vh;
}
.complaintTakePhotoDiv label.myUploadFileLabel input[type="file"] {
  position: fixed;
  top: -1000px;
}
.complaintTakePhotoDiv .myUploadFileLabel {
  font-weight: normal;
  padding: 0;
  margin: 0;
}
.complaintTakePhotoDiv .takePictureBtnSpan {
  padding: 20px;
  font-size: 180%;
}
.complaintPhotoUploadedDiv {
  margin: 0;
  padding: 0;
}
.complaintPhotoUploadedDiv #uploadedPhoto {
  width: 50%;
  margin: 50px;
  opacity: 0;
  transition: opacity 3s;
}
.complaintPhotoUploadedDiv #uploadedPhoto.revealed {
  opacity: 1;
}
.complaintPhotoUploadedDiv #helpText {
  font-size: 150%;
  margin: 20px;
  color: black;
  font-weight: bold;
  opacity: 0;
  transition-delay: 2s;
  transition: opacity 10s ease-in;
}
.complaintPhotoUploadedDiv #helpText.revealed {
  opacity: 1;
}
.complaintPhotoUploadedDiv #helpText2 {
  font-size: 130%;
  margin: 15px;
  color: black;
  font-weight: bold;
  opacity: 0;
  transition-delay: 2s;
  transition: opacity 10s ease-in;
  color: gray;
}
.complaintPhotoUploadedDiv #helpText2.revealed {
  opacity: 1;
}
.complaintsIndexTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.complaintsIndexTable thead > tr > th,
.complaintsIndexTable thead > tr > td,
.complaintsIndexTable tbody > tr > th,
.complaintsIndexTable tbody > tr > td,
.complaintsIndexTable tfoot > tr > th,
.complaintsIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.complaintsIndexTable thead > tr > th {
  vertical-align: bottom;
}
.complaintsIndexTable caption + thead tr:first-child th,
.complaintsIndexTable caption + thead tr:first-child td,
.complaintsIndexTable colgroup + thead tr:first-child th,
.complaintsIndexTable colgroup + thead tr:first-child td,
.complaintsIndexTable thead:first-child tr:first-child th,
.complaintsIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.complaintsIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.complaintsIndexTable .table {
  background-color: #fff;
}
.complaintsIndexTable thead > tr > th,
.complaintsIndexTable thead > tr > td,
.complaintsIndexTable tbody > tr > th,
.complaintsIndexTable tbody > tr > td,
.complaintsIndexTable tfoot > tr > th,
.complaintsIndexTable tfoot > tr > td {
  padding: 5px;
}
.complaintsIndexTable > tbody > tr:hover > td,
.complaintsIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.complaintsIndexTable > tbody > tr:nth-child(odd) > td,
.complaintsIndexTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.complaintsIndexTable > thead > tr > th,
.complaintsIndexTable > thead > tr > td,
.complaintsIndexTable > tbody > tr > th,
.complaintsIndexTable > tbody > tr > td,
.complaintsIndexTable > tfoot > tr > th,
.complaintsIndexTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.complaintsIndexTable .SubProviderContactDetail_td {
  width: 165px !important;
  min-width: 165px !important;
  max-width: 165px !important;
}
.complaintsIndexTable .complaintBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
.complaintsIndexTable .complaintBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.complaintsIndexTable .complaintBtn:hover,
.complaintsIndexTable .complaintBtn:focus {
  color: #333;
  text-decoration: none;
}
.complaintsIndexTable .complaintBtn:active,
.complaintsIndexTable .complaintBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.complaintsIndexTable .complaintBtn.disabled,
.complaintsIndexTable .complaintBtn[disabled],
fieldset[disabled] .complaintsIndexTable .complaintBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.complaintsIndexTable .complaintBtn:hover,
.complaintsIndexTable .complaintBtn:focus,
.complaintsIndexTable .complaintBtn:active,
.complaintsIndexTable .complaintBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.complaintsIndexTable .complaintBtn.disabled,
.complaintsIndexTable .complaintBtn.disabled:hover,
.complaintsIndexTable .complaintBtn.disabled:focus,
.complaintsIndexTable .complaintBtn.disabled:active,
.complaintsIndexTable .complaintBtn.disabled.active,
.complaintsIndexTable .complaintBtn[disabled],
.complaintsIndexTable .complaintBtn[disabled]:hover,
.complaintsIndexTable .complaintBtn[disabled]:focus,
.complaintsIndexTable .complaintBtn[disabled]:active,
.complaintsIndexTable .complaintBtn[disabled].active,
fieldset[disabled] .complaintsIndexTable .complaintBtn,
fieldset[disabled] .complaintsIndexTable .complaintBtn:hover,
fieldset[disabled] .complaintsIndexTable .complaintBtn:focus,
fieldset[disabled] .complaintsIndexTable .complaintBtn:active,
fieldset[disabled] .complaintsIndexTable .complaintBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.complaintsIndexTable td.buttonTd {
  padding: 3px 3px 3px 3px;
}
.complaintsIndexTable th.responsibleUsersSortTh div.installerUserSortDiv {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.15s ease-out;
  transition-delay: 0.2s;
}
.complaintsIndexTable th.responsibleUsersSortTh:hover div.installerUserSortDiv {
  max-height: 500px;
  transition: max-height 0.25s ease-in;
  transition-delay: 0.35s;
}
.complaintsIndexTable tbody tr.perustettuTr td {
  background-color: #eb7d78;
}
.complaintsIndexTable tbody tr.keskenTr td {
  background-color: #e6e077;
}
.complaintsIndexTable tbody tr.kasiteltyTr td {
  background-color: #96c985;
}
.disableDuringLoadingContent {
  pointer-events: none;
  opacity: 0.7;
}
#maaritteleRistikotBtn.disableWhenImageUpdating {
  pointer-events: none;
  cursor: text !important;
  opacity: 0.78;
}
.installationManagerMainDiv {
  margin: 10px;
}
.installationManagerMainDiv h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.installationManagerMainDiv .installationManagerSearchBox {
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
}
.installationManagerMainDiv .installationManagerSearchBox td {
  padding: 5px;
}
.installationManagerMainDiv .installationManagerIndexTable {
  transition: 0.3s opacity;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.installationManagerMainDiv .installationManagerIndexTable.loading {
  opacity: 0.7;
  pointer-events: none;
}
.installationManagerMainDiv .installationManagerIndexTable thead > tr > th,
.installationManagerMainDiv .installationManagerIndexTable thead > tr > td,
.installationManagerMainDiv .installationManagerIndexTable tbody > tr > th,
.installationManagerMainDiv .installationManagerIndexTable tbody > tr > td,
.installationManagerMainDiv .installationManagerIndexTable tfoot > tr > th,
.installationManagerMainDiv .installationManagerIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.installationManagerMainDiv .installationManagerIndexTable thead > tr > th {
  vertical-align: bottom;
}
.installationManagerMainDiv .installationManagerIndexTable caption + thead tr:first-child th,
.installationManagerMainDiv .installationManagerIndexTable caption + thead tr:first-child td,
.installationManagerMainDiv .installationManagerIndexTable colgroup + thead tr:first-child th,
.installationManagerMainDiv .installationManagerIndexTable colgroup + thead tr:first-child td,
.installationManagerMainDiv .installationManagerIndexTable thead:first-child tr:first-child th,
.installationManagerMainDiv .installationManagerIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.installationManagerMainDiv .installationManagerIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.installationManagerMainDiv .installationManagerIndexTable .table {
  background-color: #fff;
}
.installationManagerMainDiv .installationManagerIndexTable thead > tr > th,
.installationManagerMainDiv .installationManagerIndexTable thead > tr > td,
.installationManagerMainDiv .installationManagerIndexTable tbody > tr > th,
.installationManagerMainDiv .installationManagerIndexTable tbody > tr > td,
.installationManagerMainDiv .installationManagerIndexTable tfoot > tr > th,
.installationManagerMainDiv .installationManagerIndexTable tfoot > tr > td {
  padding: 5px;
}
.installationManagerMainDiv .installationManagerIndexTable > tbody > tr:hover > td,
.installationManagerMainDiv .installationManagerIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.installationManagerMainDiv .installationManagerIndexTable tr .installerTh,
.installationManagerMainDiv .installationManagerIndexTable tr .installerTd {
  width: 180px;
}
.installationManagerMainDiv .installationManagerIndexTable tr th {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.installationManagerMainDiv .installationManagerIndexTable tr th,
.installationManagerMainDiv .installationManagerIndexTable tr td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.installationManagerMainDiv .installationManagerIndexTable tr td .pdfBtnGroup {
  display: inline-block;
}
.installationManagerMainDiv .installationManagerIndexTable tr td .actionBtnContainer .btn[disabled] {
  transition: background 0.6s, color 0.6s;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date] {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  width: 130px;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]:-moz-placeholder {
  color: #999999;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]::-moz-placeholder {
  color: #999999;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]:-ms-input-placeholder {
  color: #999999;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]::-webkit-input-placeholder {
  color: #999999;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date][disabled],
.installationManagerMainDiv .installationManagerIndexTable input[type=date][readonly],
fieldset[disabled] .installationManagerMainDiv .installationManagerIndexTable input[type=date] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.installationManagerMainDiv .installationManagerIndexTable input[type=date] {
  height: auto;
}
.installationManagerMainDiv .installationManagerIndexTable input[type=date]:invalid:not(:focus):not(:hover) {
  transition: 0.75s color;
  color: #fff !important;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerStatusCircle.readyFromProduction {
  background: green;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerStatusCircle.inProduction {
  background: orange;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerStatusCircle.empty {
  background: white;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerInstalledStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerInstalledStatusCircle.kesken {
  background: orange;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerInstalledStatusCircle.valmis {
  background: green;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerInstalledStatusCircle.keskeytetty {
  background: red;
}
.installationManagerMainDiv .installationManagerIndexTable .installationManagerInstalledStatusCircle.tyhja {
  background: white;
}
.btnUusi {
  background: #dc6760;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 13px;
}
.btnUusi:hover {
  color: #FFFFFF;
  background: #b14b46;
}
.btnPrimaryUusi {
  background: #f0de3d;
  text-transform: uppercase;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 10px 14px;
  font-weight: bold;
  font-size: 15px;
}
.btnPrimaryUusi:hover {
  color: #FFFFFF;
  background: #2c5597;
}
.santanderFormDiv {
  background: red;
  padding: 10px;
  width: 450px;
  font-size: 100%;
  border: 5px solid white;
  color: white;
  float: right;
  margin-right: 30px;
  margin-top: -120px;
}
.santanderFormDiv a {
  color: white;
}
.santanderFormDiv a:hover {
  color: green;
}
.santanderPlacardFormDiv {
  background: red;
  padding: 10px;
  width: 450px;
  font-size: 100%;
  border: 5px solid white;
  color: white;
  float: right;
  margin-right: 30px;
  margin-top: -120px;
}
.santanderPlacardFormDiv h4 {
  padding-left: 10px;
}
.santanderPlacardFormDiv .colLgContainer {
  padding-top: 20px;
  padding-bottom: 10px;
}
.santanderPlacardFormDiv a {
  color: white;
}
.santanderPlacardFormDiv a:hover {
  color: white;
}
.santanderPlacardFormDivNew {
  margin-top: 20px;
  color: #FFFFFF;
  max-width: 320px;
}
.santanderContainer {
  border: 5px solid #eee;
  position: absolute;
  background: red;
  z-index: 100000;
  padding: 10px;
  overflow: auto;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}
.santanderContainer img#logo {
  height: 40px;
  float: right;
}
.santanderContainer h2 {
  margin: 0 0 10px 0;
  font-size: 18px;
}
.santanderContainer h3 {
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 400;
}
.santanderContainer input {
  border: none;
  width: 115px;
  font-size: 14px;
  font-family: 'Open Sans', sans-serif;
  color: #333;
  background: inherit;
  color: white;
  margin-bottom: 10px;
  font-weight: 600;
}
.santanderContainer label {
  display: block;
  font-weight: 400;
  font-size: 12px;
  color: white;
}
#fileOptionInfoEditorDialog {
  outline: none;
  z-index: 10001;
}
#fileOptionInfoEditorDialog .modal-body {
  min-height: 300px;
}
#fileOptionInfoEditorDialog .modal-dialog {
  width: 500px;
}
.spreadsheetGridTable {
  margin-bottom: 50px;
}
.spreadsheetGridTable thead > tr > th,
.spreadsheetGridTable thead > tr > td,
.spreadsheetGridTable tbody > tr > th,
.spreadsheetGridTable tbody > tr > td,
.spreadsheetGridTable tfoot > tr > th,
.spreadsheetGridTable tfoot > tr > td {
  padding: 5px;
}
.spreadsheetGridTable th {
  background: #aaa !important;
  color: white;
}
.spreadsheetGridTable td,
.spreadsheetGridTable th {
  border: 1px solid black !important;
  font-size: 110%;
}
.spreadsheetPriceTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
  margin-bottom: 50px;
}
.spreadsheetPriceTable thead > tr > th,
.spreadsheetPriceTable thead > tr > td,
.spreadsheetPriceTable tbody > tr > th,
.spreadsheetPriceTable tbody > tr > td,
.spreadsheetPriceTable tfoot > tr > th,
.spreadsheetPriceTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.spreadsheetPriceTable thead > tr > th {
  vertical-align: bottom;
}
.spreadsheetPriceTable caption + thead tr:first-child th,
.spreadsheetPriceTable caption + thead tr:first-child td,
.spreadsheetPriceTable colgroup + thead tr:first-child th,
.spreadsheetPriceTable colgroup + thead tr:first-child td,
.spreadsheetPriceTable thead:first-child tr:first-child th,
.spreadsheetPriceTable thead:first-child tr:first-child td {
  border-top: 0;
}
.spreadsheetPriceTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.spreadsheetPriceTable .table {
  background-color: #fff;
}
.spreadsheetPriceTable > tbody > tr:hover > td,
.spreadsheetPriceTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.spreadsheetPriceTable > tbody > tr:nth-child(odd) > td,
.spreadsheetPriceTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.spreadsheetPriceTable > thead > tr > th,
.spreadsheetPriceTable > thead > tr > td,
.spreadsheetPriceTable > tbody > tr > th,
.spreadsheetPriceTable > tbody > tr > td,
.spreadsheetPriceTable > tfoot > tr > th,
.spreadsheetPriceTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
.spreadsheetPriceTable thead > tr > th,
.spreadsheetPriceTable thead > tr > td,
.spreadsheetPriceTable tbody > tr > th,
.spreadsheetPriceTable tbody > tr > td,
.spreadsheetPriceTable tfoot > tr > th,
.spreadsheetPriceTable tfoot > tr > td {
  padding: 5px;
}
.spreadsheetPriceTable th {
  background: #aaa !important;
  color: white;
}
.spreadsheetPriceTable td,
.spreadsheetPriceTable th {
  border: 1px solid black !important;
  font-size: 110%;
}
.optionContainer.newColorOptionContainer .input-group .variotsikko {
  height: 55px;
  border-bottom-right-radius: 0 !important;
  border-top-right-radius: 0 !important;
  margin-right: -1px !important;
  max-width: 55px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu {
  display: table-cell;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu.open > .dropdown-menu {
  animation: fadeIn 0.8s;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-submenu.open > .dropdown-menu {
  animation: fadeIn 0.4s;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .usageEditLink .icon-wrench {
  display: none;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .firstBtn {
  border-bottom-left-radius: 0px;
  border-top-left-radius: 0px;
  height: 65px;
  min-width: 110px;
  max-width: 110px;
  font-size: 80%;
  text-overflow: clip;
  overflow: hidden;
  vertical-align: top;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .firstBtn i.caret {
  display: none;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-submenu > a:after {
  margin-top: -30px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu {
  border: none;
  border-radius: 7px;
  box-shadow: 0 3px 18px rgba(0,0,0,0.75);
  margin-top: 0px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu .scrollingMenu {
  height: 400px;
  top: -300px;
  overflow-y: scroll !important;
  -webkit-overflow-scrolling: touch;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu li:last-child {
  border-bottom-left-radius: 7px;
  border-bottom-right-radius: 7px !important;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu li:last-child:hover {
  overflow: hidden;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu li:last-child.open {
  overflow: visible !important;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu.hasRalOptions {
  width: 360px;
  max-width: 360px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu li.negativeId {
  width: 80px;
  display: inline-block;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu li.negativeId a {
  padding-left: 0px;
  margin-bottom: 3px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu a.subMenuLink.negativeId {
  width: 80px;
  padding-left: 2px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu a.subMenuLink.negativeId .picAndTextContainerDiv {
  min-height: 30px;
  padding-top: 5px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu a.subMenuLink .picAndTextContainerDiv {
  display: block;
  position: relative;
  padding-top: 9px;
  min-height: 38px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu .dropdown-submenu .dropdown-menu {
  overflow: hidden;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu .dropdown-submenu .dropdown-menu .optionText {
  font-size: 100%;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu .optionText {
  color: #ffffff;
  text-shadow: 1px 1px 5px #000;
  padding-left: 10px;
  padding-top: 5px;
}
.optionContainer.newColorOptionContainer .input-group .optionSubMenu .dropdown-menu .optionText.isWhitishColor {
  color: #333;
  text-shadow: none;
}
#innerColorControl.colorControlWithSubMenus {
  margin-right: 5px;
}
#innerColorControl.colorControlWithSubMenus,
#outerColorControl.colorControlWithSubMenus {
  display: inline-block;
}
#innerColorControl.colorControlWithSubMenus.disabledColorControl .optionSubMenu,
#outerColorControl.colorControlWithSubMenus.disabledColorControl .optionSubMenu {
  pointer-events: none;
}
#innerColorControl.colorControlWithSubMenus.disabledColorControl:hover,
#outerColorControl.colorControlWithSubMenus.disabledColorControl:hover {
  transition: opacity 0.5s;
  opacity: 0.6;
  cursor: not-allowed;
}
.dropdown-menu.multiselect-container li {
  position: relative;
}
.dropdown-menu.multiselect-container li div.optionEditLinkDiv {
  position: absolute;
  bottom: 0px;
  right: 0px;
}
.dropdown-menu.multiselect-container li div.optionEditLinkDiv .optionEditLink {
  display: block;
  padding-bottom: 5px;
  padding-right: 7px;
  padding-left: 3px;
  padding-top: 5px;
  transition: transform 0s;
  transition-delay: 0.35s;
  color: #555;
}
.dropdown-menu.multiselect-container li div.optionEditLinkDiv .optionEditLink:hover {
  transition: transform 0.2s;
  transition-delay: 0.3s;
  color: black;
  transform: rotate(40deg);
}
.oldData {
  opacity: 0.8;
  pointer-events: none;
}
label {
  font-weight: normal;
}
.invoiceBatchesMainDiv {
  margin: 10px;
  margin-bottom: 80px;
}
.invoiceBatchesMainDiv h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.invoiceBatchesMainDiv .invoiceBatchSearchBox {
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 640px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable {
  transition: 0.3s opacity;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable.loading {
  opacity: 0.7;
  pointer-events: none;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th {
  vertical-align: bottom;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable caption + thead tr:first-child th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable caption + thead tr:first-child td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable colgroup + thead tr:first-child th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable colgroup + thead tr:first-child td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead:first-child tr:first-child th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .table {
  background-color: #fff;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > td {
  padding: 5px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable > tbody > tr:hover > td,
.invoiceBatchesMainDiv .invoiceBatchIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr.invoiceBatchTr {
  display: none;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice input[type=checkbox]:disabled {
  opacity: 1.0;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice:hover {
  opacity: 0.9;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr.laskuttamattomiaSamanlaisiaRivejaLoytyy {
  color: red;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr .installerTh,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr .installerTd {
  width: 180px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr th {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr th,
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr input[type=checkbox]:disabled {
  opacity: 0.35;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable tr .actionsBtnGroupInInvoicingPage {
  margin-right: 5px;
  font-size: 14px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd {
  position: relative;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  text-align: right;
  width: 90px;
  padding-right: 22px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:-moz-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput::-moz-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:-ms-input-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput::-webkit-input-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput[disabled],
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput[readonly],
fieldset[disabled] .invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  height: auto;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd::after {
  content: "€";
  position: absolute;
  right: 19px;
  top: 13px;
  color: #777;
  font-size: 105%;
  transition: 1s opacity;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd.havingInvalidValue::after {
  opacity: 0;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  width: 138px;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:-moz-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput::-moz-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:-ms-input-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput::-webkit-input-placeholder {
  color: #999999;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput[disabled],
.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput[readonly],
fieldset[disabled] .invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.invoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  height: auto;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
  vertical-align: middle;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.yes {
  background: green;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.partially {
  background: orange;
}
.invoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.no {
  background: white;
}
.subProviderInvoiceBatchesMainDiv {
  margin: 10px;
  margin-bottom: 150px;
}
.subProviderInvoiceBatchesMainDiv h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchSearchBox {
  margin: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 640px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable {
  transition: 0.3s opacity;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable.loading {
  opacity: 0.7;
  pointer-events: none;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th {
  vertical-align: bottom;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable caption + thead tr:first-child th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable caption + thead tr:first-child td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable colgroup + thead tr:first-child th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable colgroup + thead tr:first-child td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead:first-child tr:first-child th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .table {
  background-color: #fff;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable thead > tr > td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tbody > tr > td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tfoot > tr > td {
  padding: 5px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable > tbody > tr:hover > td,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr.invoiceBatchTr {
  display: none;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice input[type=checkbox]:disabled {
  opacity: 1.0;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr.disableTransferringToInvoice:hover {
  opacity: 0.9;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr.laskuttamattomiaSamanlaisiaRivejaLoytyy {
  color: red;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr .installerTh,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr .installerTd {
  width: 180px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr th {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr th,
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr input[type=checkbox]:disabled {
  opacity: 0.35;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable tr .actionsBtnGroupInInvoicingPage {
  margin-right: 5px;
  font-size: 14px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd {
  position: relative;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  text-align: right;
  width: 90px;
  padding-right: 22px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:-moz-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput::-moz-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:-ms-input-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput::-webkit-input-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput[disabled],
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput[readonly],
fieldset[disabled] .subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd input.moneyInput {
  height: auto;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd::after {
  content: "€";
  position: absolute;
  right: 19px;
  top: 13px;
  color: #777;
  font-size: 105%;
  transition: 1s opacity;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .moneyTd.havingInvalidValue::after {
  opacity: 0;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  width: 138px;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:-moz-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput::-moz-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:-ms-input-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput::-webkit-input-placeholder {
  color: #999999;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput[disabled],
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput[readonly],
fieldset[disabled] .subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable input.dateInput {
  height: auto;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
  vertical-align: middle;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.yes {
  background: green;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.partially {
  background: orange;
}
.subProviderInvoiceBatchesMainDiv .invoiceBatchIndexTable .invoiceBatchStatusCircle.no {
  background: white;
}
.invoiceBatchesBottomBar {
  position: fixed;
  bottom: 0px;
  height: 80px;
  background: white;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-left: 10px;
  padding-left: 31px;
}
.invoiceBatchesBottomBar .transferToInvoicingProgramBtn_test {
  margin-left: 10px;
}
.invoiceBatchesBottomBar .markAsInvoiceTransferredBtn {
  margin-left: 10px;
}
.workManagerBottomBar,
.workManagerBottomBarBackground {
  position: fixed;
  bottom: 0px;
  height: 80px;
  background: white;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  padding-left: 31px;
  left: calc(50vw -  1400px  / 2 - 2px);
  width: 1400px;
}
.workManagerBottomBar.rowsAreSelected,
.workManagerBottomBarBackground.rowsAreSelected {
  background-color: #d5e5f8;
  transition: 1.5s background-color;
}
.leftBottomArc {
  display: inline-block;
  width: 20px;
  height: 15px;
  border-bottom-left-radius: 10px;
  border-left: 2px solid #ddd;
  border-bottom: 2px solid #ddd;
  float: left;
}
.leftBottomArc.strongArc {
  border-left: 2px solid #999;
  border-bottom: 2px solid #999;
}
.revealableHidden {
  display: none;
}
.revealableHiddenImportant {
  display: none !important;
}
.revealableInvisible {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.revealableInvisible.shown {
  visibility: visible;
  opacity: 1;
  transition: opacity 1.5s;
  pointer-events: inherit;
}
.invoiceBatchesOnBatchesPage {
  width: 80%;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input:-moz-placeholder {
  color: #999999;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input::-moz-placeholder {
  color: #999999;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input:-ms-input-placeholder {
  color: #999999;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input::-webkit-input-placeholder {
  color: #999999;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input[disabled],
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input[readonly],
fieldset[disabled] .invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input {
  height: auto;
}
.invoiceBatchesOnBatchesPage table.invoiceBatchIndexTable input.moneyInput {
  text-align: right;
}
.invoiceBatchesByColumnOnBatchesPage {
  width: 100%;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable {
  width: 100%;
  margin-bottom: 18px;
  width: auto;
  min-width: 40%;
  max-width: 100%;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead > tr > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tbody > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tbody > tr > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tfoot > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead > tr > th {
  vertical-align: bottom;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable caption + thead tr:first-child th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable caption + thead tr:first-child td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable colgroup + thead tr:first-child th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable colgroup + thead tr:first-child td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead:first-child tr:first-child th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable .table {
  background-color: #fff;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable thead > tr > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tbody > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tbody > tr > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tfoot > tr > th,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable tfoot > tr > td {
  padding: 5px;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable > tbody > tr:hover > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable > tbody > tr:hover > th {
  background-color: #f5f5f5;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable > tbody > tr:nth-child(odd) > td,
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable th.invoiceBatchPriceTh {
  text-align: right;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable td.invoiceBatchPriceTd {
  text-align: right;
}
.invoiceBatchesByColumnOnBatchesPage table.invoiceBatchByColumnIndexTable div.invoiceBatchPriceDiv.hasTransferredDate {
  color: green;
}
.table-smooth-hover td {
  transition: 0.5s background;
}
.table-smooth-hover tr:not(.sumTr):hover td {
  transition: 0.1s background;
  background: #f4f4f4 !important;
}
.table-smooth-hover.blackTheme tr:not(.sumTr):hover.orderRowTr:nth-child(odd) td {
  background: #d1d1d1 !important;
}
#genericIframeDialog {
  outline: none;
}
#genericIframeDialog.noPadding .modal-dialog .modal-body {
  padding-left: 0px;
}
#genericIframeDialog .modal-dialog {
  min-width: 850px;
  width: 68vw;
}
#genericIframeDialog .modal-dialog .modal-header {
  border-bottom: none;
  padding-bottom: 4px;
  padding-top: 8px;
}
#genericIframeDialog .modal-dialog .modal-header .closeGenericIframeDialogBtn {
  font-size: 35px;
  margin-top: -11px;
  padding-bottom: 32px;
  padding-left: 4px;
  padding-right: 7px;
  height: 20px;
}
#genericIframeDialog .modal-dialog .modal-header .saveGenericIframeDialogBtn {
  font-size: 23px;
  margin-left: 10px;
  margin-top: -5px;
  margin-right: 10px;
}
#genericIframeDialog .modal-dialog .modal-header .saveGenericIframeDialogBtn:hover {
  color: green;
}
#genericIframeDialog .modal-dialog .modal-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 84vh;
  padding-top: 0;
  padding-right: 0;
  padding-bottom: 10px;
}
#genericIframeDialog .modal-dialog .modal-body iframe {
  display: block;
  -ms-flex: 1 0 auto;
  flex: 1;
  height: 100%;
  width: 100%;
  border: none;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}
.productionPlanErrorBox,
.shippingPlanErrorBox {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  display: none;
  width: 700px;
  height: 55vh;
  font-family: sans-serif;
  font-size: 120%;
  color: #333;
  background: #fbfbfb;
  overflow-y: scroll;
  top: 50px;
  left: 40%;
  animation: fadeIn 1.3s;
}
.productionPlanErrorBox .inforightArrow,
.shippingPlanErrorBox .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.productionPlanErrorBox::-webkit-scrollbar,
.shippingPlanErrorBox::-webkit-scrollbar {
  -webkit-appearance: none;
}
.productionPlanErrorBox::-webkit-scrollbar:horizontal,
.shippingPlanErrorBox::-webkit-scrollbar:horizontal {
  height: 11px;
}
.productionPlanErrorBox::-webkit-scrollbar:vertical,
.shippingPlanErrorBox::-webkit-scrollbar:vertical {
  height: 11px;
}
.productionPlanErrorBox::-webkit-scrollbar-thumb,
.shippingPlanErrorBox::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.productionPlanErrorBox::-webkit-scrollbar-thumb:hover,
.shippingPlanErrorBox::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.productionPlanErrorBox .errorDiv,
.shippingPlanErrorBox .errorDiv {
  font-family: consolas, courier, sans-serif;
}
body.genericIframe #container.container {
  border-bottom: none;
}
body.genericIframe #container.container-fluid {
  border-bottom: none;
}
#customerDetailsDialog,
#newErpLeadDialog {
  outline: none;
}
#customerDetailsDialog .modal-body .customerDetailsForm,
#newErpLeadDialog .modal-body .customerDetailsForm {
  width: calc(710px);
}
#customerDetailsDialog .modal-body .customerDetailsForm fieldset,
#newErpLeadDialog .modal-body .customerDetailsForm fieldset {
  padding: 10px;
}
#customerDetailsDialog .modal-dialog,
#newErpLeadDialog .modal-dialog {
  padding-top: 40px;
  width: 780px;
  transition: width .6s ease-in-out;
}
#customerDetailsDialog .modal-content,
#newErpLeadDialog .modal-content {
  left: -100px;
  transition: left .6s ease-in-out;
}
#customerDetailsDialog.havingLeadFinderResultsOpen .modal-dialog,
#newErpLeadDialog.havingLeadFinderResultsOpen .modal-dialog {
  width: calc(1030px);
}
#customerDetailsDialog.havingLeadFinderResultsOpen .modal-content,
#newErpLeadDialog.havingLeadFinderResultsOpen .modal-content {
  left: calc(25px);
}
#customerDetailsDialog div.leadFinderResult,
#newErpLeadDialog div.leadFinderResult {
  display: none;
  width: 250px;
}
.installationReceiptMainDiv .installationReceiptNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 0px;
  padding-left: 15px;
  border-bottom: 0;
}
.installationReceiptMainDiv .installationReceiptNavBar:before,
.installationReceiptMainDiv .installationReceiptNavBar:after {
  content: " ";
  display: table;
}
.installationReceiptMainDiv .installationReceiptNavBar:after {
  clear: both;
}
.installationReceiptMainDiv .installationReceiptNavBar:before,
.installationReceiptMainDiv .installationReceiptNavBar:after {
  content: " ";
  display: table;
}
.installationReceiptMainDiv .installationReceiptNavBar:after {
  clear: both;
}
.installationReceiptMainDiv .installationReceiptNavBar > li {
  position: relative;
  display: block;
}
.installationReceiptMainDiv .installationReceiptNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.installationReceiptMainDiv .installationReceiptNavBar > li > a:hover,
.installationReceiptMainDiv .installationReceiptNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.installationReceiptMainDiv .installationReceiptNavBar > li.disabled > a {
  color: #999999;
}
.installationReceiptMainDiv .installationReceiptNavBar > li.disabled > a:hover,
.installationReceiptMainDiv .installationReceiptNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.installationReceiptMainDiv .installationReceiptNavBar.open > a,
.installationReceiptMainDiv .installationReceiptNavBar.open > a:hover,
.installationReceiptMainDiv .installationReceiptNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.installationReceiptMainDiv .installationReceiptNavBar.open > a .caret,
.installationReceiptMainDiv .installationReceiptNavBar.open > a:hover .caret,
.installationReceiptMainDiv .installationReceiptNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.installationReceiptMainDiv .installationReceiptNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.installationReceiptMainDiv .installationReceiptNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.installationReceiptMainDiv .installationReceiptNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.installationReceiptMainDiv .installationReceiptNavBar > li > a:hover {
  border-color: #eeeeee;
}
.installationReceiptMainDiv .installationReceiptNavBar > li.active > a,
.installationReceiptMainDiv .installationReceiptNavBar > li.active > a:hover,
.installationReceiptMainDiv .installationReceiptNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.installationReceiptMainDiv .installationReceiptNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.installationReceiptMainDiv .installationReceiptNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.installationReceiptMainDiv .installationReceiptNavBar.nav-justified > li > a {
  text-align: center;
}
.installationReceiptMainDiv .installationReceiptNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.installationReceiptMainDiv .installationReceiptNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.installationReceiptMainDiv .installationReceiptWorksDiv {
  margin-top: 10px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv {
  background: white;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: white;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv:hover {
  overflow: visible;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.pink {
  border-left-color: pink;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.gray {
  border-left-color: lightgray;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.yellow {
  border-left-color: #e6e600;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.orange {
  border-left-color: orange;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.red {
  border-left-color: red;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.green {
  border-left-color: green;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.greenish {
  border-left-color: lightgreen;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv.invalidValue {
  border-left-width: 50px;
  border-left-color: red;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent {
  position: relative;
  min-height: 140px;
  font-size: 14px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent.increaseHeightByOne {
  min-height: calc(165px);
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent.increaseHeightByTwo {
  min-height: calc(190px);
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 18px;
  fwhite-space: nowrap;
  width: 100%;
  display: flex;
  gap: 3px;
  padding-right: 7px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient .planStatusContainer {
  flex: 0;
  margin-right: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient .installationWeek {
  flex: 0;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient .installationClient {
  flex: 1;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationWeekAndClient .installationTown {
  flex: 0;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .planStatusAndProductionStatusContainer {
  position: absolute;
  top: 42px;
  left: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .planStatusAndProductionStatusContainer .workProductionStatusIcon {
  font-size: 17px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCounts {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo {
  position: absolute;
  left: 40px;
  top: 38px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationClient {
  font-size: 16px;
  padding-bottom: 7px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .icon-3x {
  font-size: 2.4em;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons {
  min-width: calc(282px);
  display: flex;
  flex-wrap: nowrap;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .iconContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .iconContainer .maaraDiv {
  position: absolute;
  top: 0px;
  right: 0px;
  color: black;
  padding-top: 2px;
  background-color: #f0de3d;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon {
  padding-top: 0px;
  padding-bottom: 0px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon button {
  border: none;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 0px;
  opacity: 0.5;
  transition: opacity 0.5s;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon button:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon button:active {
  transition: opacity 0.35s;
  opacity: 1;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon .dropdown-menu li:first-child {
  padding: 6px 6px 6px 6px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon .dropdown-menu li a {
  padding: 6px 15px 6px 15px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .telephoneIcon .dropdown-menu li a img {
  margin-right: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .mapIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.53;
  transition: opacity 0.5s;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .mapIcon a:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .mapIcon a:active {
  transition: opacity 0.35s;
  opacity: 1;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .fileIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .fileIcon a:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .fileIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .folderIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 0px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .folderIcon a:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .folderIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .folderIcon .iconDescription {
  margin-left: -5px !important;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .cameraIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 0px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .cameraIcon a:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .cameraIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .pencilIcon a {
  text-decoration: none;
  padding-left: 15px;
  padding-right: 8px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .pencilIcon a:hover,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .pencilIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .pencilIcon a.disabledVisually {
  opacity: 0.25 !important;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationCenterInfo .installationWorkButtons .iconDescription {
  text-align: center;
  font-size: 90%;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationDate {
  position: absolute;
  bottom: 25px;
  left: 40px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationOrderNumberAndDeliveryWeek {
  position: absolute;
  bottom: 5px;
  left: 40px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationOrderNumberAndDeliveryWeek .orderId {
  font-size: 16px;
  font-weight: bold;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv a {
  text-decoration: none;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv .installationOpen {
  font-size: 20px;
  padding-left: 7px;
  padding-right: 10px;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv .installationOpen a {
  text-decoration: none;
}
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv .avaaAsennusmaarittelynayttoSpan,
.installationReceiptMainDiv .installationReceiptWorksDiv .installationReceiptWorkDiv .installationReceiptBatchContent .installationButtons .oikeanAlareunanLinkitDiv .installationOpenToWorkDialog {
  font-size: 21px;
}
div.installationReceiptMainDiv div.installationReceiptWorksDiv > div.installationButtons {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.tekijatLinkDivForInstallationReceiptPage {
  text-align: Center;
}
.tekijatLinkDivForInstallationReceiptPage a {
  display: inline-block;
  font-size: 18px;
  padding: 30px 100px 40px 100px;
}
.installationReceiptOpenedDiv {
  padding: 10px;
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 18px;
}
.installationReceiptOpenedDiv .clientName {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 21px;
  font-weight: bold;
  text-align: Center;
}
.installationReceiptOpenedDiv .installationStatusesDiv {
  font-size: 21px;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv {
  padding: 10px;
  padding-top: 2px;
  padding-bottom: 2px;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio] {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  width: 24px;
  box-shadow: none;
  margin-right: 5px;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio]:-moz-placeholder {
  color: #999999;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio]::-moz-placeholder {
  color: #999999;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio]:-ms-input-placeholder {
  color: #999999;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio]::-webkit-input-placeholder {
  color: #999999;
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio]:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio][disabled],
.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio][readonly],
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio] {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.installationReceiptOpenedDiv .installationStatusesDiv .installationStatusDiv input[type=radio] {
  height: auto;
}
.installationReceiptOpenedDiv .installationStatusesDivNew {
  margin-top: 10px;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  border-style: solid;
  border-width: 7px;
  border-radius: 15px;
  padding: 10px;
  color: black;
  border-color: transparent;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:hover,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:focus {
  color: #333;
  text-decoration: none;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:active,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled],
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:hover,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:focus,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:active,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled:hover,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled:focus,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled:active,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.disabled.active,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled],
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled]:hover,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled]:focus,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled]:active,
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn[disabled].active,
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn,
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:hover,
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:focus,
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:active,
fieldset[disabled] .installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn:hover {
  border-color: transparent;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.bordered {
  transition: 1s border-color;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.valmis {
  background: #00d700;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.valmis:hover {
  background: #00be00;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.valmis:hover.bordered {
  background: #00d700 !important;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.valmis.bordered {
  border-color: #009500;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.kesken {
  background: yellow;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.kesken:hover {
  background: #e6e600;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.kesken:hover.bordered {
  background: yellow !important;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.kesken.bordered {
  border-color: #ffa705;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.keskeytetty {
  background: #ff3333;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.keskeytetty:hover {
  background: #ff1a1a;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.keskeytetty:hover.bordered {
  background: #ff3333 !important;
}
.installationReceiptOpenedDiv .installationStatusesDivNew .installationStatusBtn.keskeytetty.bordered {
  border-color: #b30000;
}
.installationReceiptOpenedDiv .installationOpenButtons {
  position: fixed;
  bottom: 0px;
  left: 0px;
  width: 100%;
  border-top: 1px solid #ddd;
  padding-bottom: 15px;
  padding-top: 25px;
  background: white;
}
.installationReceiptOpenedDiv .installationOpenButtons .installationButtonContainer {
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}
.installationReceiptOpenedDiv .installationOpenButtons .installationButtonContainer .saveInstallationReceiptBatchBtn {
  transition: 1s text-shadow;
}
.installationReceiptOpenedDiv .installationOpenButtons .installationButtonContainer .saveInstallationReceiptBatchBtn.changed {
  text-shadow: 0px 0px 15px red, 0px 0px 15px red, 0px 0px 15px red, 0px 2px 10px red, 0px 0px 25px red, 0px 0px 25px red;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  width: 100%;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 25px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .toimittajalokeroDiv {
  flex: 1;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv {
  background: white;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-bottom: 0px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  border-left-style: solid;
  border-left-width: 10px;
  border-left-color: white;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv:hover {
  overflow: visible;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.pink {
  border-left-color: pink;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.gray {
  border-left-color: lightgray;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.yellow {
  border-left-color: #e6e600;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.orange {
  border-left-color: orange;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.red {
  border-left-color: red;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.green {
  border-left-color: green;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.greenish {
  border-left-color: lightgreen;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv.invalidValue {
  border-left-width: 50px;
  border-left-color: red;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent {
  position: relative;
  min-height: 140px;
  font-size: 14px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent.increaseHeightByOne {
  min-height: calc(165px);
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent.increaseHeightByTwo {
  min-height: calc(190px);
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient {
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 18px;
  fwhite-space: nowrap;
  width: 100%;
  display: flex;
  gap: 3px;
  padding-right: 7px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient .planStatusContainer {
  flex: 0;
  margin-right: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient .supplierWeek {
  flex: 0;
  font-weight: bold;
  margin-left: 5px;
  margin-right: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient .supplierClient {
  flex: 1;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierWeekAndClient .supplierTown {
  flex: 0;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .planStatusAndProductionStatusContainer {
  position: absolute;
  top: 42px;
  left: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .planStatusAndProductionStatusContainer .workProductionStatusIcon {
  font-size: 17px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCounts {
  position: absolute;
  bottom: 5px;
  left: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo {
  position: absolute;
  left: 40px;
  top: 38px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierClient {
  font-size: 16px;
  padding-bottom: 7px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .icon-3x {
  font-size: 2.4em;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons {
  min-width: calc(282px);
  display: flex;
  flex-wrap: nowrap;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .iconContainer {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .iconContainer .maaraDiv {
  position: absolute;
  top: 0px;
  right: 0px;
  color: black;
  padding-top: 2px;
  background-color: #f0de3d;
  font-weight: bold;
  font-size: 11px;
  text-align: center;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon {
  padding-top: 0px;
  padding-bottom: 0px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon button {
  border: none;
  text-decoration: none;
  padding-left: 5px;
  padding-right: 0px;
  opacity: 0.5;
  transition: opacity 0.5s;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon button:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon button:active {
  transition: opacity 0.35s;
  opacity: 1;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon .dropdown-menu li:first-child {
  padding: 6px 6px 6px 6px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon .dropdown-menu li a {
  padding: 6px 15px 6px 15px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .telephoneIcon .dropdown-menu li a img {
  margin-right: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .mapIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.53;
  transition: opacity 0.5s;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .mapIcon a:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .mapIcon a:active {
  transition: opacity 0.35s;
  opacity: 1;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .fileIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 8px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .fileIcon a:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .fileIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .folderIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 0px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .folderIcon a:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .folderIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .folderIcon .iconDescription {
  margin-left: -5px !important;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .cameraIcon a {
  text-decoration: none;
  padding-left: 8px;
  padding-right: 0px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .cameraIcon a:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .cameraIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .pencilIcon a {
  text-decoration: none;
  padding-left: 15px;
  padding-right: 8px;
  opacity: 0.45;
  transition: opacity 0.5s;
  color: black;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .pencilIcon a:hover,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .pencilIcon a:active {
  transition: opacity 0.35s;
  opacity: 0.9;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .pencilIcon a.disabledVisually {
  opacity: 0.25 !important;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierCenterInfo .supplierWorkButtons .iconDescription {
  text-align: center;
  font-size: 90%;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierDate {
  position: absolute;
  bottom: 25px;
  left: 40px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierOrderNumberAndDeliveryWeek {
  position: absolute;
  bottom: 5px;
  left: 40px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierOrderNumberAndDeliveryWeek .orderId {
  font-size: 16px;
  font-weight: bold;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv {
  position: absolute;
  bottom: 5px;
  right: 5px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv a {
  text-decoration: none;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv .supplierOpen {
  font-size: 20px;
  padding-left: 7px;
  padding-right: 10px;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv .supplierOpen a {
  text-decoration: none;
}
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv .avaaAsennusmaarittelynayttoSpan,
.supplierReceiptMainDiv .supplierReceiptWorksDiv .supplierReceiptWorkDiv .supplierReceiptBatchContent .supplierButtons .oikeanAlareunanLinkitDiv .supplierOpenToWorkDialog {
  font-size: 21px;
}
div.supplierReceiptWorksDiv div.supplierReceiptWorkDiv > div.supplierButtons {
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.tekijatLinkDivForSupplierReceiptPage {
  text-align: Center;
}
.tekijatLinkDivForSupplierReceiptPage a {
  display: inline-block;
  font-size: 18px;
  padding: 30px 100px 40px 100px;
}
body.languageBarOnLeft .languageBar {
  left: 10px !important;
}
body.languageBarOnLeft .languageBar .dropdown-menu.pull-right {
  left: 0px !important;
  right: initial !important;
}
.apartmentBatchLoadDiv {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 20px;
  bottom: 30px;
  position: fixed;
  min-height: 180px;
  display: none;
  cursor: move;
  max-width: 290px;
  min-width: 290px;
  width: 290px;
  overflow-y: scroll;
  max-height: 80vh;
  padding-bottom: 15px;
}
.apartmentBatchLoadDiv .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.apartmentBatchLoadDiv.shown {
  display: block;
  animation: fadeIn 0.2s;
}
.apartmentBatchLoadDiv::-webkit-scrollbar {
  -webkit-appearance: none;
}
.apartmentBatchLoadDiv::-webkit-scrollbar:horizontal {
  height: 11px;
}
.apartmentBatchLoadDiv::-webkit-scrollbar:vertical {
  height: 11px;
}
.apartmentBatchLoadDiv::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.apartmentBatchLoadDiv::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.apartmentBatchLoadDiv .apartmentBatchLoadContent input.apartmentBatchLoadInput {
  transition: background-color 0.3s;
}
.apartmentBatchLoadDiv .apartmentBatchLoadContent input.apartmentBatchLoadInput.saving {
  background-color: #ddd;
}
.apartmentBatchLoadDiv .apartmentBatchLoadContent input.apartmentBatchLoadInput.saved {
  background-color: #efe;
}
.apartmentBatchLoadDiv .apartmentBatchLoadContent input.apartmentBatchLoadInput.saved.savedRemoving {
  transition: background-color 4s;
  background-color: white;
}
.apartmentBatchLoadDiv .apartmentBatchLoadContent input.apartmentBatchLoadInput.failed {
  background-color: #fdd;
}
.miniLogoutBar {
  margin-top: 10px;
  position: absolute;
  top: 0px;
  right: 5px;
}
body .reminderOrdersDiv {
  margin-right: 20px;
}
.collapseFundingOrderRemindersDiv tr.noMoreFundingPollingOrder {
  opacity: 0.4;
}
#customerDetailsDialog .showInCartContainerSpan .leadInfoTooltip {
  left: auto !important;
  right: -300px !important;
}
#leadWillId .showInCartContainerSpan .leadInfoTooltip {
  left: 160px !important;
  top: -10px !important;
}
.showInCartContainerSpan {
  position: relative;
}
.showInCartContainerSpan:hover .leadInfoTooltip {
  display: block;
  animation: fadeIn 0.4s;
}
.showInCartContainerSpan .leadInfoTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  position: absolute !important;
  min-height: 100px !important;
  top: 22px !important;
  left: 30px !important;
  border-top-left-radius: 0px !important;
  display: none;
  white-space: normal;
  width: 530px;
  padding-left: 15px;
}
.showInCartContainerSpan .leadInfoTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable {
  width: 480px;
  border-collapse: collapse;
}
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable td,
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable th {
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 2px;
  padding-right: 2px;
}
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable td input,
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable th input {
  background-color: #fcfcfc;
}
.showInCartContainerSpan .leadInfoTooltip .customerContactDetailTable td:first-child {
  font-size: 80%;
  vertical-align: middle;
}
.iconShine {
  background: -moz-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(255,255,255,0.7)),color-stop(100%,rgba(255,255,255,0.2)));
  background: -webkit-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  background: -o-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  background: -ms-linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  background: linear-gradient(top,rgba(255,255,255,0.7) 0%,rgba(255,255,255,0.2) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3ffffff',endColorstr='#33ffffff',GradientType=0);
  box-shadow: inset 0px 2px 1px rgba(255,255,255,0.7);
  border-top-left-radius: 20px;
  border-top-right-radius: 20px;
  border-bottom-right-radius: 100px 40px;
  border-bottom-left-radius: 100px 40px;
  opacity: 0.5;
  width: 100%;
  height: 50%;
  position: absolute;
  top: 0;
  left: 0;
}
.leadMainDiv .leadsDiv {
  padding-bottom: 50px;
}
.leadMainDiv .leadsDiv .leadDiv {
  padding-top: 10px;
  padding-bottom: 0px;
  padding-left: 10px;
  padding-right: 5px;
  border-bottom: 1px solid #ccc;
}
.leadMainDiv .leadsDiv .leadDiv .leadRow {
  padding-top: 5px;
  font-size: 16px;
}
.leadMainDiv .leadsDiv .leadDiv .leadRow .titleRow {
  width: 38%;
  display: inline-block;
  color: gray;
  text-align: right;
  vertical-align: top;
}
.leadMainDiv .leadsDiv .leadDiv .leadRow .dataRow {
  width: 60%;
  padding-left: 5px;
  display: inline-block;
  color: black;
}
#shippingBooking {
  margin-top: 15px;
}
#shippingBooking #searchUnbookedsForm {
  width: 100%;
  padding: 0;
  margin: 0;
}
#shippingBooking #searchUnbookedsForm .row {
  margin-top: 15px;
  margin-bottom: 25px;
}
#shippingBooking #searchUnbookedsForm label {
  font-weight: normal;
}
#shippingBooking #searchUnbookedsForm .form-group {
  margin: 4px;
}
#shippingBooking #searchUnbookedsForm .searchBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id:-moz-placeholder {
  color: #999999;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id::-moz-placeholder {
  color: #999999;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id:-ms-input-placeholder {
  color: #999999;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id::-webkit-input-placeholder {
  color: #999999;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id[disabled],
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id[readonly],
fieldset[disabled] #shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id {
  height: auto;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .form-control,
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio,
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox {
  display: inline-block;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio,
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .radio input[type="radio"],
#shippingBooking #searchUnbookedsForm .productionPlanUnbookedSearch_id .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
#shippingBooking .unbookedDiv.withProductionBatches {
  width: 40%;
}
#shippingBooking .unbookedDiv.withProductionBatches .book {
  min-width: 330px;
}
#shippingBooking .unbookedDiv .scrollBox {
  height: 2000px;
  overflow-y: auto;
  overflow-x: hidden;
  padding-bottom: 210px;
}
#shippingBooking .unbookedDiv h4 {
  margin-top: 15px;
}
#shippingBooking .unbookedDiv .batchCountAndProgressBarParentSpan {
  line-height: 100%;
  text-align: right;
  margin-right: 0;
  margin-left: auto;
}
#shippingBooking .unbookedDiv .productionProgressBar {
  display: block;
  width: 40px;
  height: 6px;
  border: 1px solid #ccc;
  background: white;
  border-radius: 4px;
  padding: 0;
  margin: 0;
  overflow: hidden;
}
#shippingBooking .unbookedDiv .productionProgressBar.red {
  border: 1px solid #ebb;
}
#shippingBooking .unbookedDiv .productionProgressBar.erroneousBar {
  border: 1px solid #ddd;
  background: #eee;
}
#shippingBooking .unbookedDiv .productionProgressBar .progressLeftBar {
  border-radius: 0px;
  padding: 0;
  margin: 0;
  background: lightgreen;
  display: block;
  height: 9px;
}
#shippingBooking .unbookedDiv .productionProgressBar .progressLeftBar.red {
  background: red;
}
#shippingBooking .unbookedDiv .productionProgressBar .progressLeftBar.erroneousBar {
  background: #eee;
}
#shippingBooking .unbookedDiv .palletCountsSpan:hover {
  color: #005580;
}
#shippingBooking .unbookedDiv .palletCountsSpan .palletContentDescriptionTooltip {
  text-align: left;
  min-width: 400px;
  max-width: 400px;
  margin-left: -200px;
}
#shippingBooking .bookedDiv.withProductionBatches {
  width: 60%;
}
#shippingBooking .bookedDiv .terminalSpan {
  border-radius: 100%;
  display: inline-block;
  width: 18px;
  height: 18px;
  font-weight: bold;
  color: white;
  background: orange;
  text-align: center;
  line-height: 100%;
  font-size: 14px;
  padding: 2px 2px 1px 1px;
}
#shippingBooking .book.disableShippingPlan {
  opacity: 0.5;
  pointer-events: none;
}
#shippingBooking .book.disableShippingPlan .disableShippingPlanDiv {
  position: absolute;
  top: 4px;
  left: calc(50% - 40px + 5px);
}
#shippingBooking .book.unbooked.vihrea {
  border: 2px solid #00ff00 !important;
}
#shippingBooking .book.unbooked.sininen {
  border: 2px solid #0000ff !important;
}
#shippingBooking .book.unbooked.musta {
  border: 2px solid #000000 !important;
}
#shippingBooking .book.unbooked.harmaa {
  border: 1px solid #cccccc !important;
}
#shippingBooking .book.booked.valkoinen {
  border: 1px solid #cccccc;
}
#shippingBooking .book.booked.punertava {
  border: 2px solid #ff66cc !important;
}
#shippingBooking .book.booked.vihrea {
  border: 2px solid green !important;
}
#shippingBooking .showCartPageBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  float: right !important;
  padding-top: 2px;
  padding-bottom: 1px;
  border: 0px;
  background: rgba(255,255,255,0);
  color: #555;
}
#shippingBooking .showCartPageBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#shippingBooking .showCartPageBtn:hover,
#shippingBooking .showCartPageBtn:focus {
  color: #333;
  text-decoration: none;
}
#shippingBooking .showCartPageBtn:active,
#shippingBooking .showCartPageBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#shippingBooking .showCartPageBtn.disabled,
#shippingBooking .showCartPageBtn[disabled],
fieldset[disabled] #shippingBooking .showCartPageBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#shippingBooking .showCartPageBtn:hover,
#shippingBooking .showCartPageBtn:focus,
#shippingBooking .showCartPageBtn:active,
#shippingBooking .showCartPageBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#shippingBooking .showCartPageBtn.disabled,
#shippingBooking .showCartPageBtn.disabled:hover,
#shippingBooking .showCartPageBtn.disabled:focus,
#shippingBooking .showCartPageBtn.disabled:active,
#shippingBooking .showCartPageBtn.disabled.active,
#shippingBooking .showCartPageBtn[disabled],
#shippingBooking .showCartPageBtn[disabled]:hover,
#shippingBooking .showCartPageBtn[disabled]:focus,
#shippingBooking .showCartPageBtn[disabled]:active,
#shippingBooking .showCartPageBtn[disabled].active,
fieldset[disabled] #shippingBooking .showCartPageBtn,
fieldset[disabled] #shippingBooking .showCartPageBtn:hover,
fieldset[disabled] #shippingBooking .showCartPageBtn:focus,
fieldset[disabled] #shippingBooking .showCartPageBtn:active,
fieldset[disabled] #shippingBooking .showCartPageBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
#shippingBooking .showCartPageBtn:hover {
  background: rgba(255,255,255,0);
}
#shippingBooking .specialDaysAlert {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  float: right !important;
  padding-top: 2px;
  padding-bottom: 1px;
  border: 0px;
  background: rgba(255,255,255,0);
  color: red;
}
#shippingBooking .specialDaysAlert:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#shippingBooking .specialDaysAlert:hover,
#shippingBooking .specialDaysAlert:focus {
  color: #333;
  text-decoration: none;
}
#shippingBooking .specialDaysAlert:active,
#shippingBooking .specialDaysAlert.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#shippingBooking .specialDaysAlert.disabled,
#shippingBooking .specialDaysAlert[disabled],
fieldset[disabled] #shippingBooking .specialDaysAlert {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#shippingBooking .specialDaysAlert:hover,
#shippingBooking .specialDaysAlert:focus,
#shippingBooking .specialDaysAlert:active,
#shippingBooking .specialDaysAlert.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#shippingBooking .specialDaysAlert.disabled,
#shippingBooking .specialDaysAlert.disabled:hover,
#shippingBooking .specialDaysAlert.disabled:focus,
#shippingBooking .specialDaysAlert.disabled:active,
#shippingBooking .specialDaysAlert.disabled.active,
#shippingBooking .specialDaysAlert[disabled],
#shippingBooking .specialDaysAlert[disabled]:hover,
#shippingBooking .specialDaysAlert[disabled]:focus,
#shippingBooking .specialDaysAlert[disabled]:active,
#shippingBooking .specialDaysAlert[disabled].active,
fieldset[disabled] #shippingBooking .specialDaysAlert,
fieldset[disabled] #shippingBooking .specialDaysAlert:hover,
fieldset[disabled] #shippingBooking .specialDaysAlert:focus,
fieldset[disabled] #shippingBooking .specialDaysAlert:active,
fieldset[disabled] #shippingBooking .specialDaysAlert.active {
  background-color: #fff;
  border-color: #ccc;
}
#shippingBooking .unbooked .cell {
  display: inline-block;
  vertical-align: top;
}
#shippingBooking .unbooked .cell.deliveryWeek {
  width: 15px;
  overflow: hidden;
  white-space: nowrap;
}
#shippingBooking .unbooked .cell.deliveryWeek.hasViikonpaiva {
  width: 15px;
}
#shippingBooking .unbooked .cell.lahetysajankohtaCell {
  font-weight: bold;
  overflow-x: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  max-width: 170px;
  overflow: hidden;
  white-space: nowrap;
}
#shippingBooking .unbooked .cell.clientName {
  width: 130px;
  overflow: hidden;
  white-space: nowrap;
}
#shippingBooking .unbooked .cell.clientName.hasTitle:hover {
  text-decoration: underline;
  text-decoration-style: dotted;
}
#shippingBooking .unbooked .cell.batchStatusDisplayPopupLinkCell {
  padding-left: 3px;
  padding-right: 3px;
  padding-top: 1px;
}
#shippingBooking .unbooked .cell.openingInfos {
  width: 80px;
  overflow: hidden;
  white-space: nowrap;
}
#shippingBooking .unbooked .cell.factoryCell {
  text-align: right;
  width: 40px;
  overflow: hidden;
  white-space: nowrap;
}
#shippingBooking .unbooked .cell.frameDepths {
  display: inline-block;
  width: 145px;
  max-width: 145px;
  overflow-wrap: normal;
  overflow: auto;
}
#shippingBooking .unbooked .cell .colorbox {
  display: inline-block;
  width: 16px;
  height: 6px;
  padding: 0;
  margin: 0;
  background: rgba(255,255,255,0);
  border: 1px solid #aaa;
  border-radius: 1px;
}
#shippingBooking .dateInputSpan {
  position: relative;
  color: #777;
}
#shippingBooking .dateInputSpan:hover {
  color: #444;
}
#shippingBooking .dateInputSpan .calendarIcon {
  position: absolute;
  right: 9px;
  top: 28%;
  pointer-events: none;
}
#shippingBooking .dateInputSpan .goToDateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  cursor: pointer;
  cursor: hand;
  color: #444;
  display: inline-block;
  width: 95px;
  padding-left: 5px;
  padding-right: 1px;
  color: white;
}
#shippingBooking .dateInputSpan .goToDateInput:-moz-placeholder {
  color: #999999;
}
#shippingBooking .dateInputSpan .goToDateInput::-moz-placeholder {
  color: #999999;
}
#shippingBooking .dateInputSpan .goToDateInput:-ms-input-placeholder {
  color: #999999;
}
#shippingBooking .dateInputSpan .goToDateInput::-webkit-input-placeholder {
  color: #999999;
}
#shippingBooking .dateInputSpan .goToDateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
#shippingBooking .dateInputSpan .goToDateInput[disabled],
#shippingBooking .dateInputSpan .goToDateInput[readonly],
fieldset[disabled] #shippingBooking .dateInputSpan .goToDateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea#shippingBooking .dateInputSpan .goToDateInput {
  height: auto;
}
#shippingBooking .dateInputSpan .selectedDate {
  position: absolute;
  top: 19%;
  left: 9px;
  pointer-events: none;
  display: inline-block;
  font-size: 12px;
}
#shippingBooking .bookingTable {
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
}
#shippingBooking .bookingTable thead > tr > th,
#shippingBooking .bookingTable thead > tr > td,
#shippingBooking .bookingTable tbody > tr > th,
#shippingBooking .bookingTable tbody > tr > td,
#shippingBooking .bookingTable tfoot > tr > th,
#shippingBooking .bookingTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
#shippingBooking .bookingTable thead > tr > th {
  vertical-align: bottom;
}
#shippingBooking .bookingTable caption + thead tr:first-child th,
#shippingBooking .bookingTable caption + thead tr:first-child td,
#shippingBooking .bookingTable colgroup + thead tr:first-child th,
#shippingBooking .bookingTable colgroup + thead tr:first-child td,
#shippingBooking .bookingTable thead:first-child tr:first-child th,
#shippingBooking .bookingTable thead:first-child tr:first-child td {
  border-top: 0;
}
#shippingBooking .bookingTable tbody + tbody {
  border-top: 2px solid #ddd;
}
#shippingBooking .bookingTable .table {
  background-color: #fff;
}
#shippingBooking .bookingTable > tbody > tr:nth-child(odd) > td,
#shippingBooking .bookingTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
#shippingBooking .bookingTable > thead > tr > th,
#shippingBooking .bookingTable > thead > tr > td,
#shippingBooking .bookingTable > tbody > tr > th,
#shippingBooking .bookingTable > tbody > tr > td,
#shippingBooking .bookingTable > tfoot > tr > th,
#shippingBooking .bookingTable > tfoot > tr > td {
  border: 1px solid #ddd;
}
#shippingBooking .bookingTable thead > tr > th,
#shippingBooking .bookingTable thead > tr > td,
#shippingBooking .bookingTable tbody > tr > th,
#shippingBooking .bookingTable tbody > tr > td,
#shippingBooking .bookingTable tfoot > tr > th,
#shippingBooking .bookingTable tfoot > tr > td {
  padding: 5px;
}
#shippingBooking .bookingTable td {
  padding: 0;
  margin: 0;
}
#shippingBooking .bookingTable td .dropArea {
  margin: 0;
  padding: 0;
}
#shippingBooking .bookingTable th.dayTh {
  padding-top: 1px;
  padding-bottom: 1px;
}
#shippingBooking .bookingTable td.openedFactory,
#shippingBooking .bookingTable td.closedFactory,
#shippingBooking .bookingTable th.openedFactory,
#shippingBooking .bookingTable th.closedFactory {
  transition: width 0.5s ease-out;
}
#shippingBooking .bookingTable td.openedFactory .hideOnClosedFactory.forceHideTemporarily,
#shippingBooking .bookingTable td.closedFactory .hideOnClosedFactory.forceHideTemporarily,
#shippingBooking .bookingTable th.openedFactory .hideOnClosedFactory.forceHideTemporarily,
#shippingBooking .bookingTable th.closedFactory .hideOnClosedFactory.forceHideTemporarily {
  display: none;
}
#shippingBooking .bookingTable td.openedFactory .hideOnOpenedFactory.forceShowTemporarily,
#shippingBooking .bookingTable td.closedFactory .hideOnOpenedFactory.forceShowTemporarily,
#shippingBooking .bookingTable th.openedFactory .hideOnOpenedFactory.forceShowTemporarily,
#shippingBooking .bookingTable th.closedFactory .hideOnOpenedFactory.forceShowTemporarily {
  display: inline-block !important;
}
#shippingBooking .bookingTable td.openedFactory,
#shippingBooking .bookingTable th.openedFactory {
  width: 25%;
}
#shippingBooking .bookingTable td.openedFactory .hideOnOpenedFactory,
#shippingBooking .bookingTable th.openedFactory .hideOnOpenedFactory {
  display: none;
}
#shippingBooking .bookingTable td.openedFactory.newlyOpenedFactory.funAnimationEnabled[data-courier="Nouto"] img.courierImg,
#shippingBooking .bookingTable th.openedFactory.newlyOpenedFactory.funAnimationEnabled[data-courier="Nouto"] img.courierImg {
  transform: rotate(-360deg);
  transition: transform 1s ease-in-out;
}
#shippingBooking .bookingTable td.closedFactory,
#shippingBooking .bookingTable th.closedFactory {
  cursor: pointer;
  width: 1.5%;
}
#shippingBooking .bookingTable td.closedFactory .hideOnClosedFactory,
#shippingBooking .bookingTable th.closedFactory .hideOnClosedFactory {
  display: none;
}
#shippingBooking .bookingTable .tick {
  color: #dbdbdb;
  text-shadow: #bebebe 1px 1px 0px;
  font-size: 19px;
  padding: 0px;
  display: inline-block;
  text-decoration: none;
}
#shippingBooking .bookingTable .tick:hover {
  color: #c8c8e6;
  text-shadow: #b4b4f0 1px 1px 0px;
}
#shippingBooking .bookingTable .tick.green {
  color: green;
}
#shippingBooking .bookingTable .tick.red {
  color: red;
}
#shippingBooking .bookingTable .textForSelectedPrint {
  display: none;
}
#merkitseLahetetyksiDialog .modal-dialog {
  width: 1024px;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable {
  width: 100%;
  border-collapse: collapse;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable td {
  vertical-align: top;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable td,
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable th {
  border: 1px solid black;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.punainen {
  color: Red;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.punertava {
  color: #ff66cc;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr.rahtikirjaPuuttuu {
  background: pink !important;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr.sentPallet {
  display: none;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr td {
  transition: background 0.7s;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr.changedNow td {
  background: #f2fafc !important;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr.markedSuccessfullyAsSent td {
  background: #e2efda !important;
  transition: background 1.5s;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable tr.palletTr.sentMarkingFailed td {
  background: #edf7f0 !important;
}
#merkitseLahetetyksiDialog .merkitseLahetetyksiLavaTable.showAlsoSentPalletRows tr.palletTr.sentPallet {
  display: table-row;
}
#orderPartsDialog .modal-dialog {
  width: 1250px;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .puraOsatDropdownBtn.purkuOnnistui {
  color: green;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .puraOsatDropdownBtn.purkuEpaonnistui {
  color: red;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh {
  font-size: 14px;
  padding: 0px;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh label {
  display: block;
  width: 100%;
  height: 37px;
  padding: 0;
  margin: 0;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
  display: block;
  width: 100%;
  padding-left: 1px;
  padding-right: 1px;
  border-bottom: 0px;
  border: none;
  border-radius: 0px;
  height: 37px;
  background: inherit;
  color: navy;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:hover,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:focus {
  color: #333;
  text-decoration: none;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:active,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled],
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:hover,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:focus,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:active,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled:hover,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled:focus,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled:active,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.disabled.active,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled],
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled]:hover,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled]:focus,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled]:active,
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink[disabled].active,
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink,
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:hover,
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:focus,
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:active,
fieldset[disabled] #orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.active {
  background-color: #fff;
  border-color: #ccc;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink:hover {
  color: blue;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.active {
  color: blue !important;
  background: #ddd !important;
}
#orderPartsDialog .modal-dialog .orderableBatchesDiv .orderablePartsHeaderTh .orderableGroupHeaderLink.lightActive {
  color: blue !important;
  background: #eee !important;
}
#orderPartsDialog .modal-dialog .tilauspaivaJaToimituspaivaTd.active {
  background: #f7f7f7;
}
#orderPartsDialog .modal-dialog .saveBtn {
  min-width: 140px;
}
#orderPartsDialog .modal-dialog .saveBtn.fakeCallIsOn {
  padding-top: 0px;
  padding-bottom: 0px;
}
.btnUusi {
  background: #dc6760;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 8px 12px;
  font-weight: bold;
  font-size: 13px;
}
.btnUusi:hover {
  color: #FFFFFF;
  background: #b14b46;
}
.btnPrimaryUusi {
  background: #f0de3d;
  text-transform: uppercase;
  border-radius: 20px;
  color: #FFFFFF;
  padding: 10px 14px;
  font-weight: bold;
  font-size: 15px;
}
.btnPrimaryUusi:hover {
  color: #FFFFFF;
  background: #2c5597;
}
.estimationDialogContent {
  width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.estimationDialogContent tr.invoiceContactDetailTr > tbody > td {
  border-top: 1px solid gray;
}
.estimationDialogContent .estimationDialogTable >tbody > tr.kuvausTr > td {
  padding: 3px 10px 5px 10px;
}
.estimationDialogContent .estimationDialogTable >tbody > tr.kuvausTr > td label.tuotantoesto {
  font-weight: normal;
  color: red;
}
.estimationDialogContent .estimationDialogTable >tbody > tr.kuvausTr > td label.tuotantoesto.disabled {
  color: #ddd;
}
.estimationDialogContent .estimationDialogTable >tbody > tr.kuvausTr > td label.lahetysesto {
  font-weight: normal;
  color: red;
}
.estimationDialogContent .estimationDialogTable >tbody > tr.kuvausTr > td label.lahetysesto.disabled {
  color: #ddd;
}
.estimationDialogContent .estimationDialogTable >tbody > tr > td {
  padding: 3px 10px 20px 10px;
}
.estimationDialogContent .estimationDialogTable .grayNote {
  color: gray;
  font-size: 80%;
  vertical-align: bottom;
  text-align: right;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset {
  padding-top: 9px;
  padding-left: 3px;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset .deliveryContactDetailTable tbody td {
  padding-bottom: 14px;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset .deliveryContactDetailTable tbody td label {
  font-weight: normal;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset .deliveryContactDetailTable tbody td .doneBtn {
  opacity: 0.6;
  transition: opacity 1s;
  transition-delay: 0.5s;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset .deliveryContactDetailTable tbody td .doneBtn:hover {
  opacity: 1;
}
.estimationDialogContent .estimationDialogTable .deliveryContactDetailFieldset .deliveryContactDetailTable tbody td .doneBtn.toBeSaved {
  opacity: 0.93;
}
.estimationDialogContent .editedInvoiceContactDetailNote {
  color: red;
  display: none;
}
.shippingPlanPalletsDialogContent {
  width: 90vw;
  margin-left: auto;
  margin-right: auto;
}
.shippingPlanPalletsDialogContent .shippingPlanPalletsBottomBar {
  position: fixed;
  bottom: 0px;
  height: 50px;
  background: white;
  width: 100%;
  border-top: 1px solid #ccc;
  padding-top: 10px;
  margin-left: 0px;
  padding-left: 15px;
}
.shippingPlanPalletsDialogContent .shippingPlanPalletsBottomBar .removePalletsFromCouriersBtn {
  margin-left: 10px;
}
.smallShippingPlanBtn {
  font-size: 10px;
}
.ui-dialog > .ui-widget-content {
  background: #fff;
}
.ui-dialog {
  background: #fff !important;
}
.ui-dialog-content {
  display: none !important;
}
.ui-button {
  color: #fff !important;
  background: #f0de3d !important;
}
.ui-dialog > .ui-widget-header {
  background: #fff;
  color: #000;
  font-weight: normal;
  font-size: 120%;
  border: 0px;
}
.complaintDialogLeftDiv.valmis {
  background: #bddfbe;
}
.complaintDialogLeftDiv.myohassa {
  background: #ffa8aa;
}
.complaintDialogLeftDiv.otherStatus {
  background: #ededed;
}
.succeededTextArea {
  border-color: #0a0 !important;
}
.ilmoitus {
  position: fixed;
  bottom: 5px;
  left: 5px;
  z-index: 1001;
  width: 33%;
}
.ilmoitus img {
  max-width: 100%;
  max-height: 100%;
}
.ilmoitus .closeBtn {
  position: absolute;
  top: 0px;
  right: 9px;
  color: white;
  font-size: 150%;
  text-decoration: none;
  padding: 15px;
  padding-top: 0px;
  padding-right: 0px;
  margin-top: 0px;
}
.ilmoitus .closeBtn:hover {
  font-weight: bold;
  cursor: pointer;
}
.adminPricesDiv .editableProductPriceField.saving {
  border-color: lightblue;
}
.adminPricesDiv .editableProductPriceField.failed {
  border-color: red;
}
.adminPricesDiv .editableProductPriceField.saved {
  border-color: green;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip {
  text-align: left;
  min-width: 340px !important;
  width: 340px !important;
  max-width: 340px !important;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable {
  width: 100%;
  margin-bottom: 18px;
  font-size: 15px;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead > tr > td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tbody > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tbody > tr > td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tfoot > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead > tr > th {
  vertical-align: bottom;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable caption + thead tr:first-child th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable caption + thead tr:first-child td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable colgroup + thead tr:first-child th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable colgroup + thead tr:first-child td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead:first-child tr:first-child th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead:first-child tr:first-child td {
  border-top: 0;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable .table {
  background-color: #fff;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable > tbody > tr:nth-child(odd) > td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable thead > tr > td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tbody > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tbody > tr > td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tfoot > tr > th,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable tfoot > tr > td {
  padding: 5px;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable td:first-child {
  font-weight: bold;
  text-align: left;
}
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable td,
.workManagerMainDiv .workManagerIndexTable tr td .tehtavatOsatFlexTooltip table.tehtavatOsatTable th {
  padding: 1px 3px 2px 3px !important;
  margin: 0px !important;
  text-align: left;
}
.flexTooltipContainer {
  position: relative;
  display: inline-block;
}
.flexTooltipContainer.displayBlock {
  display: block;
}
.flexTooltipContainer:hover {
  z-index: 1000;
  overflow: visible !important;
}
.flexTooltipContainer.noHoverZIndex:hover {
  z-index: auto;
}
.flexTooltipContainer:hover .flexTooltip {
  visibility: visible;
  opacity: 1;
  background-color: rgba(0,0,0,0.85);
}
.flexTooltipContainer:hover .flexTooltip.delayedTooltip {
  transition: opacity 1s;
  transition-delay: .8s;
}
.flexTooltipContainer:hover .flexTooltip.flexTooltipWhite {
  background-color: rgba(255,255,255,0.85);
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
}
.flexTooltipContainer .flexTooltip {
  display: inline-block;
  font-weight: normal;
  visibility: hidden;
  white-space: normal;
  width: auto;
  min-width: 100px;
  max-width: 300px;
  height: auto;
  text-align: center;
  border-radius: 6px;
  padding: 6px 12px 6px 11px;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -60px;
  pointer-events: none;
  font-size: 12px;
  font-family: arial;
  line-height: 120%;
  background-color: rgba(0,0,0,0);
  color: #fff;
  opacity: 0;
  transition-delay: .05s;
  transition: opacity .3s, background-color .3s;
}
.flexTooltipContainer .flexTooltip.flexTooltipWider {
  min-width: 150px;
  max-width: 350px;
}
.flexTooltipContainer .flexTooltip.flexTooltipLeftwards {
  left: auto;
  margin-left: auto;
  right: 50%;
  margin-right: -20px;
}
.flexTooltipContainer .flexTooltip.flexTooltipRightwards {
  right: auto;
  margin-right: auto;
  left: 50%;
  margin-left: -20px;
}
.flexTooltipContainer .flexTooltip.flexTooltipDownwards {
  bottom: auto;
  top: 100%;
}
.flexTooltipContainer .flexTooltip.flexTooltipScrollable {
  height: 270px;
  overflow-y: scroll;
  pointer-events: auto;
  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
}
.flexTooltipContainer .flexTooltip.flexTooltipWhite {
  background-color: rgba(255,255,255,0);
  color: #000;
  box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
}
.flexTooltipContainer .flexTooltip.longerDelay {
  transition-delay: .3s;
}
.flexTooltipContainer .flexTooltip#tamaJaaNakyviin {
  visibility: visible !important;
  opacity: 1 !important;
  display: inline-block !important;
  width: auto !important;
}
.flexTooltipFix:hover {
  overflow: visible !important;
}
.flexTooltipZIndexFix:hover {
  z-index: 1039 !important;
}
.outletRow {
  border: 7px solid #C41A1B;
}
tr.highlightedRow td {
  background: #FFE5E5;
}
#highlightedRow td {
  background: #FFE5E5;
}
.orderTable tr.highlightedRow td {
  background: #FFE5E5;
}
.readonly {
  opacity: 0.5;
}
.confirmCircle {
  display: inline-block;
  width: 25px;
  height: 25px;
  border-radius: 100%;
  background: white;
  valign: middle;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
.confirmCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.confirmCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.confirmCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
  border: 2px solid #000;
}
.confirmCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.confirmCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
  border: 2px solid #000;
}
.confirmCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.confirmCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#currentClientName {
  position: absolute;
  top: 5px;
  right: 10px;
  color: #aaa;
}
.diagonalLine {
  width: 23px;
  height: 23px;
  border-bottom: 2px solid #000;
  position: relative;
  top: -7px;
  right: -7px;
  transform: rotate(45deg);
}
.weekLogBallContainer {
  position: relative;
}
.weekLogBallContainer.fromDeliveryBatchDialog .weekLogBall.deliveryWeekLogBall {
  right: 0px;
}
.weekLogBallContainer.fromDeliveryBatchDialog .weekLogBall.lahetysviikkoLogBall {
  right: 0px;
}
.weekLogBallContainer .weekLogBall {
  position: absolute;
  right: -16px;
  bottom: 0px;
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-weight: bold;
  color: white;
  background: #999;
  text-align: center;
  line-height: 100%;
  font-size: 11px;
  padding-top: 3px;
  padding-left: 1px;
  text-decoration: none;
}
.weekLogBallContainer .weekLogBall.lahetysviikkoLogBall {
  background-color: #d1c5b0;
}
.weekLogBallContainer .weekLogBall .weekLogTooltip {
  width: 500px;
  min-width: 500px;
  max-width: 500px;
  text-align: left;
  font-weight: normal;
  font-size: 12px;
}
.genericLoadingContainer {
  display: block;
  position: fixed;
  top: 38%;
  left: 46%;
  z-index: 10000000000000;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0s;
  transition-delay: 0s;
}
.genericLoadingContainer .genericExtractionWheel {
  pointer-events: none;
  display: inline-block;
  font-size: 300%;
}
.genericLoadingContainer.showGear {
  transition: opacity 1.2s;
  transition-delay: 1.8s;
  display: block;
  opacity: 1;
}
.genericLoadingContainer.showGear .genericExtractionWheel {
  -webkit-animation: rotation 1.3s infinite linear;
  animation: rotation 1.3s infinite linear;
}
.genericLoadingContainer.reloadingPage.showGear {
  transition: opacity 1.8s;
  transition-delay: 2.2s;
}
.genericLoadingContainer.changingPage.showGear {
  transition: opacity 1.8s;
  transition-delay: 2.2s;
}
body.fasterAppearingLoadingGear .genericLoadingContainer.showGear {
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
body.fasterAppearingLoadingGear .genericLoadingContainer.reloadingPage.showGear {
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
body.fasterAppearingLoadingGear .genericLoadingContainer.changingPage.showGear {
  transition: opacity 0.5s;
  transition-delay: 0.5s;
}
.svgCacheManagerIndexDiv textarea.partialRequestXml {
  height: 300px;
  max-width: 5500px;
}
.svgCacheManagerIndexDiv .removeConfirmParentDiv {
  display: none;
}
.svgCacheManagerIndexDiv .removeConfirmParentDiv .removeConfirmDiv {
  padding: 10px;
  height: 170px;
  overflow-y: scroll;
  border: 1px solid gray;
  border-radius: 10px;
}
#windowDrawerDialog {
  left: 420px;
  top: -20px;
  outline: none;
  z-index: 10001;
}
#windowDrawerDialog .modal-body {
  min-height: calc(100vh - 250px);
  display: flex;
}
#windowDrawerDialog .modal-dialog {
  width: 800px;
}
.skaalaOperatingOptionContainer select {
  display: none;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks {
  margin-bottom: 20px;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks .operatingTooltip {
  padding-top: 5px;
  padding-right: 5px;
  color: #f0de3d;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks .operatingTooltip.missingInfoTip {
  opacity: 0.4;
  color: gray;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink {
  vertical-align: top;
  margin-right: 15px;
  display: inline-block;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink:focus div.operatingOptionImgDiv {
  transition: 1s border-color;
  border-color: #fbf6cb !important;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink.selectedOperatingOption div.operatingOptionImgDiv {
  border-color: #f0de3d !important;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink div.operatingOptionText {
  color: #222;
  font-size: 16px;
  text-align: center;
  margin-bottom: 5px;
  display: flex;
  flex: 1;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink div.operatingOptionImgDiv {
  padding: 20px;
  border: 2px solid #f0f0f0;
  display: inline-block;
  position: relative;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink div.operatingOptionImgDiv img.operatingOptionImg {
  max-width: 80px;
  max-height: 109px;
  display: block;
}
.skaalaOperatingOptionContainer .skaalaOperatingOptionLinks div.skaalaOperatingOptionLink div.operatingOptionImgDiv .optionEditLinkDiv {
  position: absolute;
  bottom: 4px;
  right: 5px;
  color: #555555;
}
.piklasOperatingOptionContainer select {
  display: none;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks {
  margin-bottom: 20px;
  flex-wrap: wrap;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks .operatingTooltip {
  padding-top: 5px;
  padding-right: 5px;
  color: #f0de3d;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks .operatingTooltip.missingInfoTip {
  opacity: 0.4;
  color: gray;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink {
  vertical-align: top;
  margin-left: 0px;
  margin-right: 0px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink:focus div.operatingOptionImgDiv {
  transition: 1s border-color;
  border-color: #fbf6cb !important;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink.selectedOperatingOption div.operatingOptionImgDiv {
  border-color: #f0de3d !important;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionText {
  color: #222;
  font-size: 14px;
  text-align: center;
  margin-bottom: 5px;
  display: flex;
  flex: 0;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionText .operatingOptionTextSpan {
  flex: 1;
  text-align: left;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv {
  flex: 1;
  display: flex;
  flex-direction: column;
  padding: 0px;
  margin-right: 10px;
  border: 2px solid #e0e0e0;
  margin-bottom: 20px;
  position: relative;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv img.operatingOptionImg {
  width: 100%;
  max-height: 177px;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .optionEditLinkDiv {
  position: absolute;
  bottom: 4px;
  right: 5px;
  color: #555555;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .operatingOptionInfoDiv {
  flex: 1;
  font-size: 12px;
  padding: 5px;
  padding-right: 1px;
  color: black;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .operatingRuksitDiv {
  font-size: 15px;
  padding: 5px;
  font-family: "times new roman", serif;
  color: #333;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .operatingRuksitDiv .operatingRuksi {
  color: #00b300;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .operatingRuksitDiv .operatingRuksiFlex {
  display: flex;
}
.piklasOperatingOptionContainer .piklasOperatingOptionLinks a.piklasOperatingOptionLink div.operatingOptionImgDiv .operatingRuksitDiv .operatingRuksiFlex .ruksiContainerDiv {
  margin-left: 4px;
}
#liveDiv {
  font-size: 14px;
  display: inline-block;
  padding-left: 7px;
  color: #a5a5a5;
  letter-spacing: 1px;
}
#liveDiv.live {
  color: #dc5656;
}
#liveDiv.live.liveUpdating {
  color: #f09664;
}
#liveDiv.live.liveUpdatingFailed {
  color: #ccc;
}
#liveDiv.live.justCheckingIfChanged {
  color: purple;
}
#tyostonTilaPage .tyostonTilaHeaderBar.failed {
  background: #a68b8b !important;
}
#tyostonTilaPage table.tyostonTilaTable {
  font-family: Helvetica, Arial;
  font-size: 13px;
}
#tyostonTilaPage table.tyostonTilaTable.table-condensed th,
#tyostonTilaPage table.tyostonTilaTable.table-condensed td {
  padding: 1px 1px 1px 2px;
}
#tyostonTilaPage table.tyostonTilaTable td.actionsTd {
  width: 120px;
  padding-left: 5px;
}
#tyostonTilaPage table.tyostonTilaTable td.actionsTd .poistaTyostoJonostaBtn {
  border: 1px solid #eee;
  font-size: 130%;
  padding: 0px 7px 0px 7px;
}
#tyostonTilaPage table.tyostonTilaTable td.actionsTd .poistaTyostoJonostaBtn:hover {
  border-color: #ccc;
}
table.generalStatusTable {
  font-family: Helvetica, Arial;
  font-size: 13px;
}
table.generalStatusTable.table-condensed th,
table.generalStatusTable.table-condensed td {
  padding: 1px 1px 1px 2px;
}
table.generalStatusTable tr.redTilaTr td {
  background-color: #ff8080 !important;
  transition: background-color 0.4s;
}
table.generalStatusTable tr.greenTilaTr td {
  background-color: #dff0d8 !important;
  transition: background-color 0.4s;
}
table.generalStatusTable tr.yellowTilaTr td {
  background-color: #fcf8e3 !important;
  transition: background-color 0.4s;
}
table.generalStatusTable tr.whiteTilaTr td {
  background-color: #ffffff !important;
  transition: background-color 0.4s;
}
table.generalStatusTable tr:hover.redTilaTr td {
  background-color: #ff5252 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr:hover.greenTilaTr td {
  background-color: #c4e3b7 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr:hover.yellowTilaTr td {
  background-color: #f8eeba !important;
  transition: background-color 0s;
}
table.generalStatusTable tr:hover.whiteTilaTr td {
  background-color: #e8e8e8 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr:nth-child(odd).whiteTilaTr td {
  background-color: #f7f7f7 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr:nth-child(odd):hover.whiteTilaTr td {
  background-color: #e6e6e6 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr.hilitedTyostoTr.redTilaTr td {
  background-color: #ff1a1a !important;
  transition: background-color 0s;
}
table.generalStatusTable tr.hilitedTyostoTr.greenTilaTr td {
  background-color: #a3d48e !important;
  transition: background-color 0s;
}
table.generalStatusTable tr.hilitedTyostoTr.yellowTilaTr td {
  background-color: #f2e187 !important;
  transition: background-color 0s;
}
table.generalStatusTable tr.hilitedTyostoTr.whiteTilaTr td {
  background-color: #86b5eb !important;
  transition: background-color 0s;
}
#digityomaarainPage .digityomaarainHeaderBar.failed {
  background: #a68b8b !important;
}
#digityomaarainPage table.digityomaarainTable {
  margin-left: -1px !important;
  font-family: Helvetica, Arial;
  border: 2px solid #dddddd;
  border-top-width: 0px;
  font-size: 13px;
}
#digityomaarainPage table.digityomaarainTable.table-condensed th,
#digityomaarainPage table.digityomaarainTable.table-condensed td {
  padding: 1px 1px 1px 2px;
}
#digityomaarainPage table.digityomaarainTable .digityomaarainHeaderTr th {
  background-color: #f4f4f4 !important;
}
#digityomaarainPage table.digityomaarainTable tr:first-child th {
  border-top-width: 0px !important;
}
#digityomaarainPage table.digityomaarainTable tr.digityomaarainTr.clickedTr td {
  background: #ddd !important;
}
#digityomaarainPage table.digityomaarainTable td,
#digityomaarainPage table.digityomaarainTable th {
  padding-top: 4px !important;
  padding-bottom: 3px !important;
  padding-left: 6px !important;
  padding-right: 5px !important;
}
#digityomaarainPage table.digityomaarainTable td.numericCell,
#digityomaarainPage table.digityomaarainTable th.numericCell {
  text-align: right;
  padding-right: 6px !important;
  padding-left: 5px !important;
}
#digityomaarainPage table.digityomaarainTable tr.totalDigityomaarainTr td {
  background-color: #f4f4f4 !important;
  border-top: 2px solid #dddddd !important;
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 13px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.white {
  background: white;
  color: #eee;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.white:hover {
  color: #ddd;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.ristiriita {
  background: #2caa23;
  background: -moz-linear-gradient(left,#2caa23 10%,#f0f407 39%,#f0f407 39%,#f0f407 56%,#ff0707 96%);
  background: -webkit-linear-gradient(left,#2caa23 10%,#f0f407 39%,#f0f407 39%,#f0f407 56%,#ff0707 96%);
  background: linear-gradient(to right,#2caa23 10%,#f0f407 39%,#f0f407 39%,#f0f407 56%,#ff0707 96%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2caa23',endColorstr='#ff0707',GradientType=1);
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.ristiriita:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
#digityomaarainPage table.digityomaarainTable .productionBatchCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
#digityomaarainPage .digityomaarainTableParent {
  clear: both;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable {
  width: 100%;
  display: inline-table;
  margin: 0;
  float: left;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-alaNayta {
  width: 100%;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-dialogissa {
  width: 100%;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-vieressa {
  width: 76%;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-dialogissa tr,
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-vieressa tr {
  cursor: pointer;
}
#digityomaarainPage .digityomaarainTableParent table.digityomaarainTable.naytaKuva-vieressa {
  width: 76%;
}
#digityomaarainPage .digityomaarainTableParent .digityomaaraimenTuotekuvaJaTiedotDiv {
  width: 23.99%;
  display: inline-block;
  margin: 0;
  float: right;
  padding-left: 10px;
}
a[target='_blank'].withOpenInNewWindowIcon:after {
  display: inline-block;
  content: "⇱";
  position: relative;
  top: -5px;
  margin-left: 2px;
  transform: rotate(90deg);
}
.splitDialogForm .splittableProductDiv {
  margin-bottom: 5px;
  margin-top: 3px;
}
.splitDialogForm .splittableProductDiv .splitQuantityInput {
  width: 53px;
}
.tyostokoodiDelimiter {
  width: 170px;
  height: 0px;
  border-top: 1px solid #777;
  margin-top: 2px;
  margin-bottom: 2px;
}
.laskurivitPopupTable {
  color: black;
}
.laskurivitPopupTable th.invoiceBatchPriceDiv,
.laskurivitPopupTable td.invoiceBatchPriceDiv {
  white-space: nowrap;
  text-align: Right;
}
.laskurivitPopupTable th.invoiceBatchPriceDiv.priceUsedForInvoicing,
.laskurivitPopupTable td.invoiceBatchPriceDiv.priceUsedForInvoicing {
  text-decoration: underline;
}
.laskurivitPopupTable tr.disabled {
  opacity: 0.5;
}
.laskurivitPopupTable tr.disabled.disabledBecauseInvoiceBatchDoesNotHaveAnyBatchJoined {
  color: black !important;
  background-color: Red !important;
  opacity: 1;
  font-weight: bold;
  font-family: courier;
}
.laskurivitPopupTable tr.disabled.disabledBecauseThisInvoiceBatchHasNotYetBeenLocked {
  opacity: 1;
  color: red;
}
.laskurivitPopupTable .invoiceBatchStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
  vertical-align: middle;
}
.laskurivitPopupTable .invoiceBatchStatusCircle.yes {
  background: green;
}
.laskurivitPopupTable .invoiceBatchStatusCircle.partially {
  background: orange;
}
.laskurivitPopupTable .invoiceBatchStatusCircle.no {
  background: white;
}
.scrollDialog .modal-dialog {
  padding-top: 8px;
  width: 100%;
  height: 100%;
  overflow-y: initial !important;
  transition: width 0.4s ease-in-out;
}
.scrollDialog .modal-body {
  min-height: 250px;
  max-height: 73vh;
  height: 73vh;
  overflow-y: scroll;
}
.scrollDialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
.scrollDialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
.scrollDialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
.scrollDialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.scrollDialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.cssTable {
  display: table;
}
.cssTable .tr {
  display: table-row;
  vertical-align: top;
}
.cssTable .tr .td {
  vertical-align: top;
  display: table-cell;
}
.orderSellerNotesDiv {
  background-color: #fff9de !important;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 10px;
  padding-top: 10px;
  border-radius: 10px;
  border-color: orange;
  border-width: 1px;
  border-style: solid;
}
.vahvistusJaPalautusDropdown {
  text-align: left;
}
.vahvistusJaPalautusDropdown ul.dropdown-menu li {
  text-align: left !important;
}
.vahvistusJaPalautusDropdown.wherefromCame-orderDetails .vahvistusJaPalautusDropdownOpenerButton {
  padding: 10px 16px;
  font-size: 17px;
  line-height: 1.33;
  border-radius: 6px;
}
.vahvistusJaPalautusDropdown.wherefromCame-invoiceBatch .vahvistusJaPalautusDropdownOpenerButton {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
  width: 42px;
}
.vahvistusJaPalautusDropdown.wherefromCame-invoiceBatch .valinnatText {
  display: none;
}
.classForJouni {
  border: 2px dashed #ffac14 !important;
}
.classForJouni:hover {
  border: 2px dashed #ffa500 !important;
}
.classForMikko:not(.accessDomainClassForLeftAndRight) {
  border: 2px dashed #bebeff !important;
}
.classForMikko:not(.accessDomainClassForLeftAndRight):hover {
  border: 2px dashed #aaaaff !important;
}
.classForMikko.accessDomainClassForLeftAndRight {
  border-left: 2px dashed #bebeff !important;
  border-right: 2px dashed #bebeff !important;
}
.classForMikko.accessDomainClassForLeftAndRight:hover {
  border: 2px dashed #aaaaff !important;
}
.classForMikkoAndBoss:not(.accessDomainClassForLeftAndRight) {
  border: 2px dashed #44dd44 !important;
}
.classForMikkoAndBoss:not(.accessDomainClassForLeftAndRight):hover {
  border-color: transparent !important;
  transition: border-color 1s;
}
.classForMikkoAndBoss.accessDomainClassForLeftAndRight {
  border-left: 2px dashed #44dd44 !important;
  border-right: 2px dashed #44dd44 !important;
}
.classForMikkoAndBoss.accessDomainClassForLeftAndRight:hover {
  border-left-color: transparent !important;
  border-right-color: transparent !important;
  transition: border-color 1s;
}
.QueuedOrderTransfers_table tr.failedQueueRow {
  color: red;
}
.QueuedOrderTransfer_xmlDialog .errorResponseDiv {
  font-family: "Lucida Console", Menlo, Consolas, monospace;
}
.QueuedOrderTransfer_xmlDialog .queueRowsParent .queueRows {
  width: auto;
  font-family: "Lucida Console", Menlo, Consolas, monospace;
  background: #eee;
  padding: 5px;
}
.QueuedOrderTransfer_xmlDialog .queueRowsParent .queueRows a.errorRowAnchor {
  text-decoration: none;
}
.QueuedOrderTransfer_xmlDialog .queueRowsParent .queueRows .queueRow:hover {
  background: #ddd;
}
.QueuedOrderTransfer_xmlDialog .queueRowsParent .queueRows .queueRow.errorRow {
  background: red;
  color: white;
}
.readOnlyAnyElement {
  pointer-events: none;
  opacity: 0.5;
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.readOnlySelect {
  pointer-events: none;
  background-color: #eeeeee !important;
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.disableTextSelection {
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.ikkunalaskuriDiv.ikkunalaskuriGeneralDiv {
  opacity: 0.3;
}
.ikkunalaskuriDiv.ikkunalaskuriGeneralDiv:hover {
  opacity: 0.7;
}
.ikkunalaskuriDiv .ikkunalaskuriImgDiv {
  margin-right: 10px;
  margin-top: -30px;
  display: inline-block;
  width: 80px;
  height: 68px;
  background-color: transparent;
  background: url(../img/pihla/ikkunalaskuri.png) no-repeat;
  background-size: 80px 68px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  line-height: 29px;
  color: white;
  font-size: 14px;
  transition: transform .1s;
}
.ikkunalaskuriDiv h3.coronaHeader {
  padding: 0px;
  margin: 0px;
  color: black;
}
.ikkunalaskuriDiv .coronaLisateksti {
  margin-top: 10px;
}
.ikkunalaskuriDiv a#ikkunalaskuriClientSpecificEmailDialogContentOpenBtn {
  text-decoration: none;
}
.ikkunalaskuriDiv a#ikkunalaskuriClientSpecificEmailDialogContentOpenBtn:hover h3.coronaHeader {
  color: blue;
  transition: color 1s;
}
.ikkunalaskuriDiv a#ikkunalaskuriEmailDialogContentOpenBtn {
  text-decoration: none;
}
.ikkunalaskuriDiv a#ikkunalaskuriEmailDialogContentOpenBtn:hover h3.coronaHeader {
  color: blue;
  transition: color 1s;
}
#ikkunalaskuriMailDialog .modal-body {
  min-height: 194px;
  margin-left: 35px;
  margin-right: 35px;
}
#ikkunalaskuriMailDialog .modal-dialog {
  width: 700px;
}
#ikkunalaskuriClientSpecificMailDialog .modal-body {
  min-height: 194px;
  margin-left: 35px;
  margin-right: 35px;
}
#ikkunalaskuriClientSpecificMailDialog .modal-dialog {
  width: 700px;
}
@media screen and (min-width: 768px) {
  .mini-padding-on-non-mobile {
    padding-left: 5px;
    padding-right: 5px;
  }
  .anyFirstNameDiv {
    padding-right: 5px;
  }
  .scrollDialogWithMinHeight .modal-dialog {
    padding-top: 25px;
    width: 100%;
    height: 100%;
    overflow-y: initial !important;
    transition: width 0.4s ease-in-out;
  }
  .scrollDialogWithMinHeight .modal-body {
    min-height: 200px;
    max-height: 73vh;
    overflow-y: scroll;
  }
  .scrollDialogWithMinHeight .modal-body::-webkit-scrollbar {
    -webkit-appearance: none;
  }
  .scrollDialogWithMinHeight .modal-body::-webkit-scrollbar:horizontal {
    height: 11px;
  }
  .scrollDialogWithMinHeight .modal-body::-webkit-scrollbar:vertical {
    height: 11px;
  }
  .scrollDialogWithMinHeight .modal-body::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white;
    background-color: rgba(0,0,0,0.3);
  }
  .scrollDialogWithMinHeight .modal-body::-webkit-scrollbar-thumb:hover {
    background-color: rgba(0,0,0,0.5);
  }
  #genericIframeDialog.genericIframeDialog_editfundingDialog {
    left: -170px;
  }
}
#addInstallationDialog .modal-body {
  min-height: 350px;
}
#addInstallationDialog .modal-dialog {
  width: 680px;
}
#addInstallationDialog .modal-dialog .postalCodeDiv {
  float: left;
  width: 350px;
}
#addInstallationDialog .modal-dialog .postalCodeDiv input.searchedPostalCode {
  width: 150px;
}
#addInstallationDialog .modal-dialog img.installerImg {
  padding: 10px;
  width: 200px;
  float: right;
}
#addInstallationDialog .modal-dialog .palveluksessasiDiv {
  clear: left;
  padding-top: 30px;
}
#addInstallationDialog .modal-dialog .otanSinuunYhteyttaDiv {
  margin-top: 15px;
  font-style: italic;
}
#addInstallationDialog .modal-dialog .asennussisaltoDiv {
  margin-top: 30px;
  font-size: 90%;
  clear: both;
}
#addInstallationDialog .modal-dialog .asennussisaltoDiv p {
  margin-top: 10px;
}
#addInstallationDialog .modal-dialog .asennussisaltoDiv ul {
  margin-top: 10px;
  padding-left: 40px;
}
@media screen and (max-width: 767px) {
  #addInstallationDialog .modal-dialog img.installerImg {
    float: none;
    padding-left: 0px;
    padding-top: 30px;
  }
}
.userDomainIndex .userDomainForm {
  width: 400px;
}
.userDomainIndex .userDomainForm .userDomainSearchSellerIdInput {
  display: inline-block;
  width: 90%;
}
.userDomainIndex .userDomainForm .refreshSellerLink {
  padding-left: 12px;
  color: #888;
  font-size: 17px;
  text-decoration: none;
}
.helpDialog .modal-dialog {
  width: calc(98vw);
}
.kokoNaytonKokoinen {
  width: 100%;
  height: calc(100vh - 105px - 30px);
}
.badge.leadTotalQuantityBadge {
  background-color: #f0de3d;
  margin-right: 5px;
  display: inline-block;
}
hr.unitPriceHr {
  padding: 0;
  margin: 2px;
  border-color: black;
}
.saveCartBtnInTheBottomOfTheCartPage {
  margin-right: 10px;
  border: 1px solid rgba(0,0,0,0.5);
}
#floatingCheckboxDiv {
  display: none;
  position: Fixed;
  bottom: 0px;
  right: calc(5vw);
  width: 60vw;
  max-width: 60vw;
  min-width: 60vw;
}
.myFadeIn {
  animation: fadeIn 0.4s;
}
.softError {
  color: red;
  opacity: 0.01;
}
.softError.fullyShow {
  opacity: 1;
  transition: opacity 1s;
}
body.katselutila #cart a:not(.salliKatselutilassa),
body.katselutila #cart button:not(.salliKatselutilassa),
body.katselutila #cart input:not(.salliKatselutilassa),
body.katselutila #cart textarea:not(.salliKatselutilassa),
body.katselutila #cart select:not(.salliKatselutilassa) {
  pointer-events: none;
  opacity: 0.5;
  -moz-user-focus: none;
  -webkit-user-focus: none;
  -ms-user-focus: none;
  user-focus: none;
  -moz-user-modify: read-only;
  -webkit-user-modify: read-only;
  -ms-user-modify: read-only;
  user-modify: read-only;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#orderBuyingPriceDialog .modal-dialog {
  width: 450px;
}
#orderBuyingPriceDialog .cancelBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#orderBuyingPriceDialog .cancelBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#orderBuyingPriceDialog .cancelBtn:hover,
#orderBuyingPriceDialog .cancelBtn:focus {
  color: #333;
  text-decoration: none;
}
#orderBuyingPriceDialog .cancelBtn:active,
#orderBuyingPriceDialog .cancelBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#orderBuyingPriceDialog .cancelBtn.disabled,
#orderBuyingPriceDialog .cancelBtn[disabled],
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#orderBuyingPriceDialog .cancelBtn:hover,
#orderBuyingPriceDialog .cancelBtn:focus,
#orderBuyingPriceDialog .cancelBtn:active,
#orderBuyingPriceDialog .cancelBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#orderBuyingPriceDialog .cancelBtn.disabled,
#orderBuyingPriceDialog .cancelBtn.disabled:hover,
#orderBuyingPriceDialog .cancelBtn.disabled:focus,
#orderBuyingPriceDialog .cancelBtn.disabled:active,
#orderBuyingPriceDialog .cancelBtn.disabled.active,
#orderBuyingPriceDialog .cancelBtn[disabled],
#orderBuyingPriceDialog .cancelBtn[disabled]:hover,
#orderBuyingPriceDialog .cancelBtn[disabled]:focus,
#orderBuyingPriceDialog .cancelBtn[disabled]:active,
#orderBuyingPriceDialog .cancelBtn[disabled].active,
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn,
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn:hover,
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn:focus,
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn:active,
fieldset[disabled] #orderBuyingPriceDialog .cancelBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
#orderBuyingPriceDialog .saveBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
#orderBuyingPriceDialog .saveBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#orderBuyingPriceDialog .saveBtn:hover,
#orderBuyingPriceDialog .saveBtn:focus {
  color: #333;
  text-decoration: none;
}
#orderBuyingPriceDialog .saveBtn:active,
#orderBuyingPriceDialog .saveBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#orderBuyingPriceDialog .saveBtn.disabled,
#orderBuyingPriceDialog .saveBtn[disabled],
fieldset[disabled] #orderBuyingPriceDialog .saveBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#orderBuyingPriceDialog .saveBtn:hover,
#orderBuyingPriceDialog .saveBtn:focus,
#orderBuyingPriceDialog .saveBtn:active,
#orderBuyingPriceDialog .saveBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#orderBuyingPriceDialog .saveBtn.disabled,
#orderBuyingPriceDialog .saveBtn.disabled:hover,
#orderBuyingPriceDialog .saveBtn.disabled:focus,
#orderBuyingPriceDialog .saveBtn.disabled:active,
#orderBuyingPriceDialog .saveBtn.disabled.active,
#orderBuyingPriceDialog .saveBtn[disabled],
#orderBuyingPriceDialog .saveBtn[disabled]:hover,
#orderBuyingPriceDialog .saveBtn[disabled]:focus,
#orderBuyingPriceDialog .saveBtn[disabled]:active,
#orderBuyingPriceDialog .saveBtn[disabled].active,
fieldset[disabled] #orderBuyingPriceDialog .saveBtn,
fieldset[disabled] #orderBuyingPriceDialog .saveBtn:hover,
fieldset[disabled] #orderBuyingPriceDialog .saveBtn:focus,
fieldset[disabled] #orderBuyingPriceDialog .saveBtn:active,
fieldset[disabled] #orderBuyingPriceDialog .saveBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#orderBuyingPriceDialog #orderBuyingPriceDialogForm .tehdashintaInput {
  width: 90px;
  display: inline-block;
  padding-right: 6px;
  text-align: right;
}
#orderFactoryDiscountDialog .modal-dialog {
  width: 420px;
}
#orderFactoryDiscountDialog .cancelBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
#orderFactoryDiscountDialog .cancelBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#orderFactoryDiscountDialog .cancelBtn:hover,
#orderFactoryDiscountDialog .cancelBtn:focus {
  color: #333;
  text-decoration: none;
}
#orderFactoryDiscountDialog .cancelBtn:active,
#orderFactoryDiscountDialog .cancelBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#orderFactoryDiscountDialog .cancelBtn.disabled,
#orderFactoryDiscountDialog .cancelBtn[disabled],
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#orderFactoryDiscountDialog .cancelBtn:hover,
#orderFactoryDiscountDialog .cancelBtn:focus,
#orderFactoryDiscountDialog .cancelBtn:active,
#orderFactoryDiscountDialog .cancelBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
#orderFactoryDiscountDialog .cancelBtn.disabled,
#orderFactoryDiscountDialog .cancelBtn.disabled:hover,
#orderFactoryDiscountDialog .cancelBtn.disabled:focus,
#orderFactoryDiscountDialog .cancelBtn.disabled:active,
#orderFactoryDiscountDialog .cancelBtn.disabled.active,
#orderFactoryDiscountDialog .cancelBtn[disabled],
#orderFactoryDiscountDialog .cancelBtn[disabled]:hover,
#orderFactoryDiscountDialog .cancelBtn[disabled]:focus,
#orderFactoryDiscountDialog .cancelBtn[disabled]:active,
#orderFactoryDiscountDialog .cancelBtn[disabled].active,
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn,
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn:hover,
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn:focus,
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn:active,
fieldset[disabled] #orderFactoryDiscountDialog .cancelBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
#orderFactoryDiscountDialog .saveBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
}
#orderFactoryDiscountDialog .saveBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
#orderFactoryDiscountDialog .saveBtn:hover,
#orderFactoryDiscountDialog .saveBtn:focus {
  color: #333;
  text-decoration: none;
}
#orderFactoryDiscountDialog .saveBtn:active,
#orderFactoryDiscountDialog .saveBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
#orderFactoryDiscountDialog .saveBtn.disabled,
#orderFactoryDiscountDialog .saveBtn[disabled],
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
#orderFactoryDiscountDialog .saveBtn:hover,
#orderFactoryDiscountDialog .saveBtn:focus,
#orderFactoryDiscountDialog .saveBtn:active,
#orderFactoryDiscountDialog .saveBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
#orderFactoryDiscountDialog .saveBtn.disabled,
#orderFactoryDiscountDialog .saveBtn.disabled:hover,
#orderFactoryDiscountDialog .saveBtn.disabled:focus,
#orderFactoryDiscountDialog .saveBtn.disabled:active,
#orderFactoryDiscountDialog .saveBtn.disabled.active,
#orderFactoryDiscountDialog .saveBtn[disabled],
#orderFactoryDiscountDialog .saveBtn[disabled]:hover,
#orderFactoryDiscountDialog .saveBtn[disabled]:focus,
#orderFactoryDiscountDialog .saveBtn[disabled]:active,
#orderFactoryDiscountDialog .saveBtn[disabled].active,
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn,
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn:hover,
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn:focus,
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn:active,
fieldset[disabled] #orderFactoryDiscountDialog .saveBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
#orderFactoryDiscountDialog #orderFactoryDiscountDialogForm {
  margin-left: 10px;
}
#orderFactoryDiscountDialog #orderFactoryDiscountDialogForm .tehdashintaInput {
  padding-right: 6px;
  text-align: right;
}
.scrollableDialog {
  outline: none !important;
}
.scrollableDialog .modal-body {
  min-height: 240px !important;
  height: calc(100vh - 200px) !important;
  overflow-y: scroll !important;
}
.scrollableDialog .modal-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
.scrollableDialog .modal-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
.scrollableDialog .modal-body::-webkit-scrollbar:vertical {
  height: 11px;
}
.scrollableDialog .modal-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
.scrollableDialog .modal-body::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
.hideCaret {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.installationDialogDiv.naytaAsennustapaAsennusmaarittelyssa #batchInstallingDateDropdown {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}
.installationDialogDiv.naytaAsennustapaAsennusmaarittelyssa .avaaAsentajakuormitusBtnSpan {
  margin-left: -19px;
}
#adminNavBar,
#raportitNavBar {
  max-width: 1020px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 5px;
}
#adminNavBar li,
#raportitNavBar li {
  margin-top: 10px;
}
.adminNavBarinLevyinen {
  max-width: 1020px;
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
}
.ajaxIsLoadingAndDisableElements .mediaFilesit,
.ajaxIsLoadingAndDisableElements .keywordSearchDiv,
.ajaxIsLoadingAndDisableElements .mediaFileSettingsForm,
.ajaxIsLoadingAndDisableElements #addToCartBtn,
.ajaxIsLoadingAndDisableElements #windowPatternsDiv .patternLink,
.ajaxIsLoadingAndDisableElements #maaritteleRistikotBtn,
.ajaxIsLoadingAndDisableElements .totalPriceInputContainer .totalPriceInput,
.ajaxIsLoadingAndDisableElements #saveIhanVainConfigPageBtn,
.ajaxIsLoadingAndDisableElements .mittanauhaBtn {
  pointer-events: none;
  opacity: 0.75 !important;
}
.ajaxIsLoadingAndDisableElements .mittanauhaBtn {
  opacity: 0.4 !important;
}
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit {
  pointer-events: none;
}
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit input,
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit textarea,
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit select,
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit button {
  transition: opacity 0.5s;
  opacity: 0.7 !important;
  pointer-events: none;
}
.ajaxIsLoadingAndDisableInputsOnly .mediaFilesit a {
  transition: opacity 0.5s;
  opacity: 0.9 !important;
  pointer-events: none;
}
.multiselect-container>li.multiselect-group label {
  padding-left: 10px !important;
}
select.lisaaHiemanVasentaMarginaaliaMultiSelectinCheckboxeihin + .btn-group .multiselect-container > li label.checkbox {
  padding-left: 60px !important;
}
.runningMetersDialogDiv h3 {
  margin-top: 0px;
  margin-bottom: 0px;
  font-size: 16px;
  font-weight: bold;
}
.runningMetersDialogDiv h3,
.runningMetersDialogDiv .runningMetersDialogTable {
  margin-left: 20px;
}
.runningMetersDialogDiv .runningMetersDialogTable {
  width: 70%;
  margin-top: 35px;
}
.runningMetersDialogDiv .runningMetersDialogTable h3 {
  margin-top: 0px;
}
.runningMetersDialogDiv .runningMetersDialogTable td {
  font-size: 110%;
}
.runningMetersDialogDiv .runningMetersDialogTable tr.missingValue td {
  color: red;
  cursor: help;
}
.statusDisplayPage .statusDisplayPalletProductsTable {
  width: 100%;
  margin-bottom: 18px;
}
.statusDisplayPage .statusDisplayPalletProductsTable thead > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable thead > tr > td,
.statusDisplayPage .statusDisplayPalletProductsTable tbody > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable tbody > tr > td,
.statusDisplayPage .statusDisplayPalletProductsTable tfoot > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.statusDisplayPage .statusDisplayPalletProductsTable thead > tr > th {
  vertical-align: bottom;
}
.statusDisplayPage .statusDisplayPalletProductsTable caption + thead tr:first-child th,
.statusDisplayPage .statusDisplayPalletProductsTable caption + thead tr:first-child td,
.statusDisplayPage .statusDisplayPalletProductsTable colgroup + thead tr:first-child th,
.statusDisplayPage .statusDisplayPalletProductsTable colgroup + thead tr:first-child td,
.statusDisplayPage .statusDisplayPalletProductsTable thead:first-child tr:first-child th,
.statusDisplayPage .statusDisplayPalletProductsTable thead:first-child tr:first-child td {
  border-top: 0;
}
.statusDisplayPage .statusDisplayPalletProductsTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.statusDisplayPage .statusDisplayPalletProductsTable .table {
  background-color: #fff;
}
.statusDisplayPage .statusDisplayPalletProductsTable thead > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable thead > tr > td,
.statusDisplayPage .statusDisplayPalletProductsTable tbody > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable tbody > tr > td,
.statusDisplayPage .statusDisplayPalletProductsTable tfoot > tr > th,
.statusDisplayPage .statusDisplayPalletProductsTable tfoot > tr > td {
  padding: 5px;
}
.statusDisplayPage .statusDisplayPalletProductsTable > tbody > tr:nth-child(odd) > td,
.statusDisplayPage .statusDisplayPalletProductsTable > tbody > tr:nth-child(odd) > th {
  background-color: #f9f9f9;
}
.statusDisplayPage .statusDisplayPalletProductsTable td {
  vertical-align: top;
}
.digityomaaraimenTuotetiedotConfirmDialog .modal-dialog {
  width: 700px;
}
.digityomaaraimenTuotetiedotConfirmDialog .modal-body {
  padding: 0px;
}
.digityomaaraimenTuotetiedotConfirmDialog .modal-footer {
  border-top: none !important;
}
.leadMonitorMainDiv {
  margin-bottom: 500px;
  margin-top: 30px;
  max-width: 1250px;
  margin-left: auto;
  margin-right: auto;
}
.leadMonitorMainDiv .leadMonitorForm {
  width: 400px;
}
.leadMonitorMainDiv .leadMonitorForm .userDomainSearchSellerIdInput {
  display: inline-block;
  width: 90%;
}
.leadMonitorMainDiv .leadMonitorForm .refreshSellerLink {
  padding-left: 12px;
  color: #888;
  font-size: 17px;
  text-decoration: none;
}
.leadMonitorMainDiv th.weekTh {
  text-align: center;
}
.leadMonitorMainDiv th.weekTh.currentWeek {
  background: #8aa2f9;
  color: white;
}
.leadMonitorMainDiv th.sellerTh {
  max-width: 110px;
  font-weight: normal;
  vertical-align: top;
}
.leadMonitorMainDiv th img.sellerImg {
  border: 1px solid #ccc;
  border-radius: 5px;
  padding: 5px;
  max-width: 100px;
  max-height: 150px;
}
.leadMonitorMainDiv th img.sellerImg.hasPlaceholderSellerImage {
  opacity: 0.5;
}
.leadMonitorMainDiv .goWeekTd {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.leadMonitorMainDiv .goWeekTd.goWeeksBackwardsBtnTd {
  text-align: right;
}
.leadMonitorMainDiv td.currentWeek {
  background: #8aa2f9;
}
.leadMonitorMainDiv td.liidinMaaraTd .progress.leadCountsProgressBar {
  height: 30px;
}
.leadMonitorMainDiv td.liidinMaaraTd .progress.leadCountsProgressBar .progress-bar-info {
  background-color: #52D5FD;
}
.leadMonitorMainDiv td.liidinMaaraTd .progress.leadCountsProgressBar .progress-bar-black {
  background-color: #111111;
}
.leadMonitorMainDiv td.liidinMaaraTd .progress.leadCountsProgressBar .progress-bar-gray {
  background-color: #777;
}
.leadMonitorMainDiv td.liidinMaaraTd .progress.leadCountsProgressBar .progress-bar-erroneous {
  background-color: pink;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip {
  min-width: 290px !important;
  max-width: 290px !important;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow {
  width: 100%;
  margin: 0px 0px 0px 0px !important;
  padding: 5px 15px 5px 0px;
  font-size: 115%;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.reds {
  background-color: #d9534f;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.blues {
  background-color: #52D5FD;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.greens {
  background-color: #5cb85c;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.blacks {
  background-color: #111111;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.grays {
  background-color: #777;
}
.leadMonitorMainDiv td.liidinMaaraTd .flexTooltip .leadTooltipRow .generalSmallCircle.erroneous {
  background-color: pink;
}
.leadMonitorMainDiv td .flexTooltipContainer {
  width: 100%;
}
.leadMonitorMainDiv td .flexTooltipContainer .flexTooltip {
  width: 150px;
  min-width: 130px;
  max-width: 160px;
  text-align: left;
}
.leadMonitorMainDiv td .leadChartDiv {
  width: 200px;
  height: 150px;
}
input.bigCheckbox {
  -ms-transform: scale(1.75);
  -moz-transform: scale(1.75);
  -webkit-transform: scale(1.75);
  -o-transform: scale(1.75);
  transform: scale(1.75);
}
.icon-1-5-x {
  font-size: 1.5em;
}
.rotateOnHover:hover {
  transform: rotate(180deg);
  transition: transform 0.5s;
  transition-delay: 0.2s;
}
.rotateOnHover > * {
  transform: rotate(0deg);
  transition: transform 0.9s;
  transition-delay: 0.0s;
}
.rotateChildrenOnHover:hover > * {
  transform: rotate(180deg);
  transition: transform 0.5s;
  transition-delay: 0.2s;
}
.rotateChildrenOnHover > * {
  transform: rotate(0deg);
  transition: transform 0.9s;
  transition-delay: 0.0s;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog {
  width: 980px;
  min-width: 980px;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog .modal-body {
  min-height: 75vh !important;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog.ultraWide {
  width: 100vw;
  min-width: 100vw;
  height: 100vh ! important;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog.ultraWide .modal-body {
  min-height: 95vh !important;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog.widerGenericIframeDialog {
  width: 99vw;
  max-width: 1600px;
  height: 100vh ! important;
}
#genericIframeDialog.workDialogIframeDialog .modal-dialog.widerGenericIframeDialog .modal-body {
  min-height: 95vh !important;
}
.workDialogContentAjaxUpdatableDiv .pyydaHintaToimittajaltaJaTeeTilausDiv {
  text-align: center;
  position: absolute;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 10px;
  background: #eeeeee;
  border-top: #ddd;
  margin-bottom: 0px;
  padding-bottom: 10px;
  padding-top: 10px;
}
.genericIframenStaticFooter {
  text-align: center;
  position: absolute;
  bottom: 0px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  margin-bottom: 5px;
  background: white;
  border-top: 1px solid #ddd;
  padding-top: 15px;
}
.workDialogContentDiv {
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
  flex-grow: 1;
}
.workDialogContentDiv.listavalinnatOvatPuutteelliset .workOptionGroupItemContainerDiv:not(.active) {
  pointer-events: none;
  opacity: 0.3 !important;
}
.workDialogContentDiv.listavalinnatOvatPuutteelliset ul.workDialogRightNav >li >a:not([data-tab-name="nimikkeet-tab"]) {
  pointer-events: none;
  opacity: 0.3;
}
.workDialogContentDiv .workDialogPriceInput {
  text-align: right;
  padding-right: 5px;
}
.workDialogContentDiv .workDialogNumberInput {
  text-align: right;
  padding-right: 5px;
}
.workDialogContentDiv .sendPdfToWorkDispatcherDiv .dropdown-menu {
  float: left !important;
}
.workDialogContentDiv .workDialogForm .upperRow .imgCol {
  padding-right: 0px;
}
.workDialogContentDiv .workDialogForm .upperRow .imgCol img.workerImg {
  width: 100%;
}
.workDialogContentDiv .workDialogForm .upperRow .dispatcherDiv {
  margin-right: 10px;
}
.workDialogContentDiv .workDialogForm .upperRow .causeOptionSelect {
  display: block;
}
.workDialogContentDiv .workDialogForm .upperRow .responsibleUserDiv {
  margin-right: 10px;
}
.workDialogContentDiv .workDialogForm .upperRow .clientRefDiv {
  margin-right: 10px;
}
.workDialogContentDiv .workDialogForm .upperRow .pdfDownloadDiv {
  margin-right: 10px;
}
.workDialogContentDiv .workDialogForm .upperRow .workDispatchWeek {
  display: block;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv {
  margin-right: 10px;
  margin-top: 21px;
  padding-left: 13px;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .sendPdfToWorkDispatcherDiv .dropdown-toggle {
  padding: 8px 10px;
  border: none;
  background-color: transparent;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .sendPdfToWorkDispatcherDiv .dropdown-toggle img.shareImg {
  width: 30px;
  height: 30px;
  opacity: 0.8;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .sendPdfToWorkDispatcherDiv .dropdown-toggle:hover {
  background-color: #eee;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .showOrderMediaFilesBtnContainer {
  display: inline-block;
  padding-left: 15px;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .showOrderMediaFilesBtnContainer .showOrderMediaFilesBtn.mediaFilesDisabled {
  opacity: 0.5;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .showContactsPopupDiv {
  padding-left: 5px;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .showContactsPopupDiv .showContactsPopupBtn {
  padding: 4px 10px 6px 10px;
  border: none;
  background-color: transparent;
}
.workDialogContentDiv .workDialogForm .upperRow .workDialogActionsDiv .showContactsPopupDiv .showContactsPopupBtn:hover {
  background-color: #eee;
}
.workDialogContentDiv .workDialogForm .middleRow .notesInWorkDialog {
  margin-bottom: 10px;
}
.workDialogContentDiv .workDialogForm .middleRow .notesInWorkDialog .noteHuomautusotsikko {
  margin-top: 0px;
}
.workDialogContentDiv .workDialogForm .middleRow .chatsInWorkDialog {
  margin-bottom: 10px;
}
.workDialogContentDiv .workDialogForm .middleRow .chatsInWorkDialog .chatHuomautusotsikko {
  margin-top: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol {
  fpadding-right: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv {
  position: relative;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv a.workOptionLink {
  padding-left: 30px;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv a.workOptionLink.active {
  margin-right: -30px;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv a.workOptionDeleteLink {
  display: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv a.showMouldingDumpPopupLink {
  display: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv a.workOptionEditLink {
  display: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionDeleteLink {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  left: 5px;
  padding: 5px 12px 15px 3px;
  height: 100%;
  color: white;
  z-index: 100;
  text-decoration: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionDeleteLink:hover > * {
  transform: rotate(180deg);
  transition: transform 0.5s;
  transition-delay: 0.2s;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionDeleteLink > * {
  transform: rotate(0deg);
  transition: transform 0.9s;
  transition-delay: 0.0s;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionDeleteLink:hover {
  color: #ccc;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionDeleteLink i.theWorkOptionDeleteLinkIcon {
  font-size: 1.3em;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.showMouldingDumpPopupLink {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 5px;
  padding: 5px 12px 15px 3px;
  height: 100%;
  color: white;
  z-index: 100;
  text-decoration: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.showMouldingDumpPopupLink:hover > * {
  transform: rotate(180deg);
  transition: transform 0.5s;
  transition-delay: 0.2s;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.showMouldingDumpPopupLink > * {
  transform: rotate(0deg);
  transition: transform 0.9s;
  transition-delay: 0.0s;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.showMouldingDumpPopupLink:hover {
  color: #ccc;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.showMouldingDumpPopupLink i.theWorkOptionOpenMouldingsPopupLinkIcon {
  font-size: 1.3em;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionEditLink {
  display: flex;
  align-items: center;
  position: absolute;
  top: 0px;
  right: 40px;
  padding: 15px 12px 15px 3px;
  height: 100%;
  color: white;
  z-index: 100;
  text-decoration: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .leftCol .workOptionsListGroupDiv .workOptionGroupItemContainerDiv.active a.workOptionEditLink:hover {
  color: #ccc;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol {
  padding-left: 0px;
  padding-right: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol.havingOrderRows {
  border-top: 10px solid #f0de3d;
  border-left: 10px solid #f0de3d;
  border-top-left-radius: 10px;
  background: #eee;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav {
  background-color: #fff;
  padding-left: 15px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav > li {
  margin-top: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav > li > a {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top-width: 0px;
  padding-left: 10px;
  padding-right: 10px;
  transition: 1.0s background-color, 1.0s border-color;
  color: black;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav > li:not(.active) > a:hover,
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav > li:not(.active) > a:focus {
  background-color: #f0f0f0;
  transition: 0.5s background-color, 0.5s border-color;
  border-color: transparent;
  border-bottom-width: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workDialogRightNav > li.active > a {
  background: #eee;
  color: black;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab {
  margin: 15px 15px 15px 15px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab .row {
  margin-top: 5px;
  margin-bottom: 7px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab .row.oneMouldingRow.disabloiPellenaytolla {
  opacity: 0.28;
  pointer-events: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab .row.oneMouldingRow .mouldingDropdownHeaderDiv {
  margin-left: 0px;
  padding-left: 0px;
  font-size: 21px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.tarkenneTabContent .workOptionNotesTextArea {
  height: 150px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.tarkenneTabContent .workOptionRatkaisuNotesTextArea {
  height: 150px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .sourceIconContainer {
  position: absolute;
  top: 5px;
  right: 9px;
  opacity: 0.4;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .sourceIconContainer:hover {
  transition: 1s opacity;
  opacity: 1;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .selectAllCheckboxesGroupItem {
  margin-top: 0px;
  margin-bottom: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
  border: none;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .selectAllCheckboxesGroupItem .selectAllCheckboxesRow {
  margin-top: 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .selectAllCheckboxesGroupItem .selectAllCheckboxesRow .selectAllCheckboxesLabelDiv {
  margin-top: 15px;
  padding-left: 8px;
  font-size: 18px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .checkBoxDiv {
  padding-top: 18px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .imageDiv img {
  pointer-events: none;
  width: 100%;
  max-width: 100%;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .imageDiv img.svgImage.kind-door {
  margin-left: -40px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .productInfoDiv .productInfoDetailsDiv {
  font-size: 90%;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .orderRowWorkOptionsDiv {
  font-size: 90%;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .orderRowWorkOptionsDiv .orderRowWorkOptionDiv.activeWorkOptionIdDiv {
  font-weight: bold;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .orderRowWorkOptionsDiv .orderRowWorkOptionDiv.activeWorkOptionIdDiv.nonCheckedActiveWorkOptionIdDiv {
  color: #ccc;
  font-weight: normal;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .orderRowWorkOptionsDiv .causeAndDefectOptionDiv {
  margin-left: 15px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.someTuotteetTab .workOptionOrderRowTabListGroup .workOptionOrderRowTabListGroupItem .orderRowWorkOptionsDiv .causeAndDefectOptionDiv select {
  margin: 3px 0px 5px 0px;
}
.workDialogContentDiv .workDialogForm .lowerRow .rightCol .workOptionTabContent .oneWorkOptionTab.nimikkeetTab .showMouldingsDebugBtn {
  padding: 10px;
}
.piklasWindowsNewFlexRow .tuotekortti .tuotekortti-flex-container {
  border: 3px solid black;
  margin: 20px;
  padding: 30px 10px 30px 30px;
  position: relative;
  width: 100%;
}
.piklasWindowsNewFlexRow .tuotekortti .tuotekortti-flex-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.piklasWindowsNewFlexRow .tuotekortti .tuotekortti-flex-otsikko-ja-teksti {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 100%;
}
.piklasWindowsNewFlexRow .tuotekortti .tuotekortti-flex-napit {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .navbarDropdownLI ul.dropdown-menu {
    position: relative !important;
    width: 100%;
    float: none !important;
  }
}
#mediaFileDialog .close {
  color: #e6e6e6;
}
#mediaFileDialog .modal-content {
  background: rgba(0,0,0,0.7);
  backdrop-filter: blur(5px);
}
#mediaFileDialog .modal-header {
  border-color: transparent;
}
#mediaFileDialog .mediaFileShareLinkkiDiv {
  display: none;
  position: absolute;
  top: 0px;
  left: 0;
  right: 0;
  margin-left: auto;
  margin-right: auto;
  width: 750px;
  text-align: center;
  z-index: 5000;
  padding: 10px;
  background: white;
  border-radius: 5px;
  background: #fffefa;
  border: 1px solid #f4e66c;
}
@media (max-width: 767px) {
  #mediaFileDialog .mediaFileShareLinkkiDiv {
    width: 95%;
    word-break: break-all;
  }
}
#mediaFileDialog .mediaFileShareLinkkiDiv b {
  font-size: 16px;
}
#mediaFileDialog .mediaFileShareLinkkiDiv #closeMediaFileShareBtn {
  text-decoration: none;
  font-size: 20px;
  vertical-align: top;
  color: grey;
}
#mediaFileDialog .modal-dialog {
  width: 100% !important;
  height: calc(50vh) !important;
  padding: 0px;
}
#mediaFileDialog .modal-body {
  padding: 10px;
}
#mediaFileDialog .isoKuvaDiv img,
#mediaFileDialog .isoKuvaDiv embed {
  height: 77vh;
  width: 100%;
  object-fit: contain;
  transition: transform 0.2s;
}
#mediaFileDialog .isoKuvaDiv iframe {
  height: 77vh;
  width: 100%;
}
#mediaFileDialog .prevNextMediaFileDiv {
  position: fixed;
  top: 0px;
  max-width: 350px;
  padding-top: 8px;
  height: 50px;
  left: 0px;
  right: 0px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  z-index: 10000;
}
#mediaFileDialog .prevOrNextMediaFileLink {
  text-decoration: none;
  color: #dcdcdc;
}
#mediaFileDialog .prevOrNextMediaFileLink i {
  font-size: 45px;
}
#mediaFileDialog .isoKuvaNimiJaKuvausTeksti {
  color: white;
}
#mediaFileDialog .prevOrNextMediaFileLink:not([href]) {
  color: rgba(100,100,100,0.2);
}
.MediaFileContent .openMediaFileSideBar {
  position: fixed;
  top: 40%;
  height: 100%;
}
.MediaFileContent .disabloituOpenSidebar span {
  pointer-events: none !important;
  background: rgba(150,150,150,0.5) !important;
}
.MediaFileContent .openMediaFileSideBar span {
  font-size: 20px;
  color: white;
  background: #f0de3d;
  padding: 5px;
  border: 1px solid #e9d211;
}
.MediaFileContent .openMediaFileSideBar span:hover {
  background: #e9d211;
}
.MediaFileContent .openMediaFileSideBar:not(.mediaFileSideBarIsClosed) span {
  background: white;
  color: #e9d211;
}
.MediaFileContent .openMediaFileSideBar:not(.mediaFileSideBarIsClosed) span:hover {
  background: #fafafa;
}
.MediaFileContent .mediaFileSideBarRow {
  display: none;
  position: fixed;
  background: #ffffff;
  border-left: 1px solid rgba(50,50,50,0.1);
  border-right: 1px solid rgba(50,50,50,0.1);
  padding-left: 10px !important;
  padding-right: 10px !important;
  z-index: 1000;
  transition: 0.4s height;
}
.MediaFileContent #submittaaRyhmanKuvatFormBtn {
  padding: 2px;
  padding-top: 5px;
  margin-left: 10px;
  font-size: 16px;
  width: 40px;
  margin-bottom: 5px;
  height: 28px;
}
.MediaFileContent .roskiksessaTiedostojaSpan {
  position: relative;
  top: -15px;
  left: 0px;
  width: 30px;
  background: none;
  color: red;
  font-size: 13px;
}
.MediaFileContent .keywordSearchOptionsMob,
.MediaFileContent .naytaMob {
  display: none;
}
.MediaFileContent .piilotaMob {
  display: block;
}
@media screen and (max-width: 767px) {
  .MediaFileContent {
    width: 95% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .MediaFileContent .mediaFileSettingsDiv {
    display: none !important;
  }
  .MediaFileContent .mediaFileSettingsDivMob {
    display: block !important;
  }
  .MediaFileContent .flexTooltip {
    display: none !important;
    width: 0px !important;
  }
  .MediaFileContent .uploadMediaFileBtn {
    display: block;
  }
  .MediaFileContent .naytaMob {
    display: inline-block;
  }
  .MediaFileContent .piilotaMob {
    display: none;
  }
  .MediaFileContent .keywordSearchDiv {
    transition: none;
    padding: 0px;
    display: none;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #fafafa;
    height: 100%;
    max-height: 100%;
    width: 100%;
    z-index: 10000;
    margin: 0;
  }
  .MediaFileContent .rajaaHakuaOtsikko {
    display: block !important;
    padding: 20px;
    margin: 0px;
  }
  .MediaFileContent .rajaaHakuaOtsikko button {
    display: block;
    float: right;
    font-size: 25px !important;
  }
  .MediaFileContent .rajaaHakuaOtsikko .naytaMob,
  .MediaFileContent .rajaaHakuaOtsikko .andORorForm {
    display: inline-block;
  }
  .MediaFileContent .keywordSearchScrollable {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    max-height: 90%;
  }
  .MediaFileContent .keywordSearchOptionsMob {
    display: none;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: auto;
    padding: 8px;
    width: 100%;
    z-index: 11000;
    border-top: 2px solid #8a7d0a;
    background: white;
  }
  .MediaFileContent .keywordSearchOptionsMob a {
    padding: 15px;
  }
  .MediaFileContent .keywordSearchForm div {
    margin-top: 40px !important;
    border-top: 1px solid #8a7d0a;
    border-bottom: 1px solid #8a7d0a;
    width: 100% !important;
  }
  .MediaFileContent .keywordSearchForm label {
    padding: 8px !important;
    padding-left: 15px !important;
    width: 100% !important;
  }
  .MediaFileContent .prevNextMediaFileDiv {
    top: 50px !important;
  }
  .MediaFileContent .mediaFilesToTrashBtn {
    display: inline-block;
    float: none !important;
    margin-left: 60px !important;
  }
  .MediaFileContent form#mediaFileHaku {
    width: 100% !important;
  }
  .MediaFileContent .showMediaFilesTrashBtn {
    width: 100%;
  }
  .MediaFileContent .hakuRoskakoriJaJarjestaRow > div {
    margin-top: 30px;
    max-width: 100% !important;
    margin-left: auto;
    margin-right: auto;
  }
}
@media screen and (max-width: 992px) {
  .MediaFileContent #mediaFileDialog .modal-dialog {
    height: auto !important;
  }
  .MediaFileContent #mediaFileDialog .modal-body {
    height: auto !important;
  }
  .MediaFileContent .keywordSearchScrollable h4 {
    margin-bottom: 10px !important;
    margin-left: 15px;
    display: block !important;
  }
  .MediaFileContent #keywordsEditingBtn {
    margin-left: 15px;
    text-align: center;
    display: inline-block;
    width: 50px;
  }
  .MediaFileContent .rajaaHakuaOtsikko {
    margin-top: 15px;
    padding: 0px;
    padding-left: 15px;
    padding-right: 15px;
  }
}
.MediaFileContent .mediaFilesit {
  min-height: 800px;
}
.MediaFileContent .keywordSearchDivWrapper,
.MediaFileContent .mediaFileSettingsDivWrapper {
  display: none;
}
.MediaFileContent .allMediaFileDialogs .close {
  font-size: 35px;
  z-index: 15000;
}
.MediaFileContent .mediaFileSettingsDiv {
  height: 105px !important;
  font-size: 12px !important;
  padding: 0px;
  border-bottom: 1px solid rgba(50,50,50,0.3);
}
.MediaFileContent .mediaFileSettingsDiv h4 {
  padding: 0px !important;
  margin: 5px;
}
.MediaFileContent .mediaFileSettingsDivMob {
  display: none;
}
.MediaFileContent .keywordSearchDiv {
  padding-bottom: 40px;
}
.MediaFileContent .keywordSearchScrollable {
  overflow-y: scroll;
  transition: 0.4s height;
}
.MediaFileContent .keywordSearchScrollable h4 {
  padding-left: 5px;
  margin-top: 10px;
  margin-bottom: 0px;
}
.MediaFileContent .mediaFileSettingsForm input[type="checkbox"] {
  width: 13px;
  height: 13px;
}
.MediaFileContent .keywordSearchForm div {
  background: #f0de3d;
  padding: 5px;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 5px;
  word-wrap: break-word;
  margin-top: 10px;
}
.MediaFileContent .keywordSearchForm label {
  width: 95%;
  padding: 8px;
  word-wrap: break-word;
}
.MediaFileContent .keywordSearchForm label:hover {
  background: #fdfae3;
}
.MediaFileContent .nollaaKeyworditBtnDiv {
  display: inline-block;
  width: auto;
}
.MediaFileContent .rajaaHakuaOtsikko {
  display: inline-block;
  font-size: 15px;
}
.MediaFileContent .relative-wrapper {
  position: relative;
}
.MediaFileContent .absolute-wrapper {
  position: absolute;
}
.MediaFileContent .mediaFileEditingDiv {
  visibility: hidden;
  position: static;
  display: inline-block;
  padding: 10px;
  background: #fafafa;
  border-bottom: 4px solid rgba(50,50,50,0.1);
  font-size: 18px;
  color: white;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.MediaFileContent .mediaFileEditingDiv.nakyviin {
  visibility: visible;
}
.MediaFileContent .orderMediaFileEditingDiv {
  visibility: hidden;
  position: static;
}
.MediaFileContent .orderMediaFileEditingDiv.nakyviin {
  visibility: visible;
}
.MediaFileContent .mediaFileEditingDiv.fixediksi {
  position: fixed;
  top: 0px;
  z-index: 1000;
}
.MediaFileContent .mediaFilesit h4 {
  padding-top: 20px;
  padding-bottom: 20px;
  background: rgba(10,100,240,0.1);
  background: rgba(200,200,200,0.3);
  cursor: pointer;
  margin: 0px;
  border-radius: 0px 0px 23px 23px;
  height: auto;
  font-size: 14px;
  color: #000046;
  min-height: 50px;
  overflow-wrap: break-word;
  word-wrap: break-word;
  word-break: break-all;
  word-break: break-word;
  hyphens: auto;
}
.MediaFileContent .mediaFilesit h4:hover {
  background: rgba(10,100,200,0.3);
}
.MediaFileContent .mediaFilesit h4 .mediaFilenAvainsanat {
  font-size: 10px;
  margin-top: 8px;
  color: black;
}
.MediaFileContent .mediaFilesit h4 .mediaFilenAvainsanat span {
  display: block;
  margin-bottom: 3px;
  padding: 2px;
  font-style: normal;
  font-weight: bold;
  font-size: 11px;
}
.MediaFileContent .mediaFilesit a:not([href]) {
  background: rgba(200,50,50,0.1);
  cursor: no-drop;
}
.MediaFileContent .addressGroupOtsikko,
.MediaFileContent .fileKeywordOtsikko {
  margin: 0px;
  margin-top: 15px;
  padding: 10px;
  background: #fefdf1;
  border-left: 7px solid #fcf9d9;
}
.MediaFileContent.orderMediaFile .addressGroupOtsikko {
  background: none;
  border-width: 4px;
}
.MediaFileContent .fileKeywordOtsikko {
  margin-top: 15px;
  margin-bottom: 15px;
}
.MediaFileContent .tallennettuTeksti {
  display: none;
  transition: opacity 0.5s;
  color: #32b432 !important;
}
.MediaFileContent .tallennettuTekstiNakyy {
  font-size: 22px;
  display: inline-block;
  color: #32b432 !important;
}
.MediaFileContent .tallennettuTeksti.poisNakyvista {
  opacity: 0;
}
.MediaFileContent .mediaFilesit h4.aktiivinen {
  background: rgba(10,100,200,0.4);
  color: white;
}
.MediaFileContent #tiedostonMediaFilenAvainsanaformi h4 {
  padding-bottom: 5px;
}
.MediaFileContent #avainsanaformi h4 {
  padding-bottom: 5px;
}
.MediaFileContent label.mediaFilesLabelit.aktiivinen {
  background: rgba(10,100,200,0.2);
}
.MediaFileContent label.mediaFilesLabelit {
  height: 100%;
  border-radius: 20px;
  border: 3px solid white;
  background: rgba(230,230,250,0.2);
  padding: 0px;
  margin-bottom: 70px;
  text-align: center;
  display: flex;
  flex-direction: column;
  cursor: pointer;
}
.MediaFileContent label.mediaFilesLabelit .tiedostonimiJAavainsanat {
  font-weight: normal;
  font-size: 14px;
}
.MediaFileContent label.mediaFilesLabelit .keywordText {
  margin-top: 12px;
  font-size: 90%;
}
.MediaFileContent img {
  width: 85%;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.MediaFileContent .mediaFilesLabelit img:hover {
  opacity: 0.8;
}
.MediaFileContent .mediaFilesCheckboxit {
  width: 20px;
  height: 20px;
  margin-bottom: 12px;
  margin-left: 10px;
}
.MediaFileContent .tamanRyhmanKuvatFormDiv {
  display: none;
}
.MediaFileContent .tamanRyhmanKuvatFormDiv.inlineBlockiksi {
  display: inline-block;
}
.MediaFileContent .keyWordiListaDropUp .multiselect-container>li.multiselect-group label {
  background: rgba(0,50,150,0.3);
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}
.MediaFileContent .keywordSearchForm label {
  padding-top: 3px;
  padding-bottom: 3px;
}
.MediaFileContent .multiselect-container>li.multiselect-group label {
  text-align: left !important;
}
.MediaFileContent .modal-body {
  padding: 10px;
}
.MediaFileContent .kuvaLinkki {
  margin-top: auto;
  margin-bottom: auto;
}
.MediaFileContent #fileKeywordsDialog input[type="checkbox"] {
  width: 18px;
  height: 18px;
  background: rgba(0,50,150,0.5) !important;
}
.MediaFileContent .palaaKaikkiinKuviinBtn {
  text-decoration: none;
}
.MediaFileContent form#mediaFileHaku {
  width: 90%;
}
.MediaFileContent .showMediaFilesToTrashBtn {
  display: inline-block;
  vertical-align: top;
}
.MediaFileContent.materiaaliMediaFile .mediaFilesToTrashBtn {
  border-radius: 100%;
  border-radius: 5px;
  width: 42px;
  height: 42px;
  text-align: center;
  border: 1px solid rgba(150,50,50,0.6);
  display: inline-block;
  font-size: 15px;
  padding: 8px;
  color: rgba(150,50,50,0.6);
  text-decoration: none;
}
.MediaFileContent.materiaaliMediaFile .mediaFilesToTrashBtn:hover {
  background: rgba(150,50,50,0.2);
}
.MediaFileContent .addKWorKWgroupForms input[type="text"] {
  display: inline-block;
  width: 65%;
}
.MediaFileContent .addKWorKWgroupForms input[type="submit"] {
  display: inline-block;
  width: 27%;
}
.MediaFileContent .removeKWorKWgroupBtn,
.MediaFileContent .editKWorKWgroupBtn {
  display: inline-block !important;
  height: 40px;
  width: 45px !important;
}
.MediaFileContent .removedColor {
  background: rgba(200,50,50,0.4);
}
.MediaFileContent .removedColor:hover {
  background: rgba(200,50,50,0.5);
}
.MediaFileContent .pudotaMediaFileTahanBox {
  width: 100px;
  height: 100px;
  padding-top: 20px;
  text-align: center;
  border: 4px dashed rgba(0,0,0,0.1);
}
.trackingPage .trackingTable {
  margin-top: 40px;
}
.trackingPage .trackingTable th,
.trackingPage .trackingTable td {
  padding: 5px;
  font-size: 11px;
  text-align: center;
}
.trackingPage .toimitusEranRivinYlaBorder {
  border-top: 1px solid rgba(100,100,140,0.2);
}
.trackingPage .greenBG {
  background: rgba(0,180,0,0.3);
}
.trackingPage .yellowBG {
  background: rgba(255,255,0,0.3);
}
.trackingPage .productionBatchCircle {
  display: inline-block;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: white;
  vertical-align: middle;
  background: rgba(100,100,100,0.3);
  text-align: center;
  line-height: 44px;
  color: white;
  font-size: 10px;
  text-decoration: none;
  transition: box-shadow 0.5s;
}
.trackingPage .productionBatchCircle.orange {
  background: #ffcf76;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.trackingPage .productionBatchCircle.orange:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.trackingPage .productionBatchCircle.green {
  background: #2dc02d;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.trackingPage .productionBatchCircle.green:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.trackingPage .productionBatchCircle.red {
  background: #ff4040;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.trackingPage .productionBatchCircle.red:hover {
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.7);
}
.trackingPage .productionBatchCircle.white {
  background: white;
  color: #eee;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.2);
}
.trackingPage .productionBatchCircle.white:hover {
  color: #ddd;
  box-shadow: inset 0px 0px 8px 0px rgba(0,0,0,0.4);
}
.trackingPage .productionBatchCircle.productionBatchCircleDisabled {
  opacity: 0.5;
  cursor: not-allowed;
}
.User_index_topRow {
  display: table;
  width: 100%;
}
.User_index_topRow #searchUserForm {
  width: 900px;
  padding: 0;
  margin: 0;
}
.User_index_topRow #searchUserForm .searchFromUsersHeader {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.User_index_topRow #searchUserForm .searchUserTable {
  width: 100%;
}
.User_index_topRow #searchUserForm .searchUserTable > tbody > tr > td {
  vertical-align: top;
  width: 50%;
}
.User_index_topRow #searchUserForm label {
  font-weight: normal;
}
.User_index_topRow #searchUserForm .form-group {
  margin: 4px;
}
.User_index_topRow #searchUserForm .searchBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.User_index_topRow #searchUserForm .userSearch_id {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
.User_index_topRow #searchUserForm .userSearch_id:-moz-placeholder {
  color: #999999;
}
.User_index_topRow #searchUserForm .userSearch_id::-moz-placeholder {
  color: #999999;
}
.User_index_topRow #searchUserForm .userSearch_id:-ms-input-placeholder {
  color: #999999;
}
.User_index_topRow #searchUserForm .userSearch_id::-webkit-input-placeholder {
  color: #999999;
}
.User_index_topRow #searchUserForm .userSearch_id:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.User_index_topRow #searchUserForm .userSearch_id[disabled],
.User_index_topRow #searchUserForm .userSearch_id[readonly],
fieldset[disabled] .User_index_topRow #searchUserForm .userSearch_id {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.User_index_topRow #searchUserForm .userSearch_id {
  height: auto;
}
.User_index_topRow #searchUserForm .userSearch_id .form-control,
.User_index_topRow #searchUserForm .userSearch_id .radio,
.User_index_topRow #searchUserForm .userSearch_id .checkbox {
  display: inline-block;
}
.User_index_topRow #searchUserForm .userSearch_id .radio,
.User_index_topRow #searchUserForm .userSearch_id .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.User_index_topRow #searchUserForm .userSearch_id .radio input[type="radio"],
.User_index_topRow #searchUserForm .userSearch_id .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.SubProvider_index_topRow {
  display: table;
  width: 100%;
}
.SubProvider_index_topRow #searchSubProviderForm {
  width: 900px;
  padding: 0;
  margin: 0;
}
.SubProvider_index_topRow #searchSubProviderForm .searchFromSubProvidersHeader {
  font-weight: bold;
  font-size: 14pt;
  margin-bottom: 0px;
  padding-bottom: 0px;
}
.SubProvider_index_topRow #searchSubProviderForm .searchSubProviderTable {
  width: 100%;
}
.SubProvider_index_topRow #searchSubProviderForm .searchSubProviderTable > tbody > tr > td {
  vertical-align: top;
  width: 50%;
}
.SubProvider_index_topRow #searchSubProviderForm label {
  font-weight: normal;
}
.SubProvider_index_topRow #searchSubProviderForm .form-group {
  margin: 4px;
}
.SubProvider_index_topRow #searchSubProviderForm .searchBtn {
  display: none;
  color: #555;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  position: absolute;
  z-index: 1000;
  top: 1px;
  right: 21px;
  border-top: 0px;
  border-bottom: 0px;
  border-right: 0px;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id:-moz-placeholder {
  color: #999999;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id::-moz-placeholder {
  color: #999999;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id:-ms-input-placeholder {
  color: #999999;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id::-webkit-input-placeholder {
  color: #999999;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id[disabled],
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id[readonly],
fieldset[disabled] .SubProvider_index_topRow #searchSubProviderForm .userSearch_id {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.SubProvider_index_topRow #searchSubProviderForm .userSearch_id {
  height: auto;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .form-control,
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .radio,
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .checkbox {
  display: inline-block;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .radio,
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
}
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .radio input[type="radio"],
.SubProvider_index_topRow #searchSubProviderForm .userSearch_id .checkbox input[type="checkbox"] {
  float: none;
  margin-left: 0;
}
.findNewDiv {
  background: white !important;
  color: black !important;
  border: 2px solid rgba(100,100,100,0.1);
}
.addressFoundTick {
  position: absolute;
  left: 0px;
  top: calc(50% - 6px);
  color: green;
}
td .addressFoundTick {
  left: -12px;
}
.tuotehintaerittelyDiv .tuotehintaerittelyTable.backgroundCalculateds {
  margin-top: 20px;
}
.tuotehintaerittelyDiv .tuotehintaerittelyTable tr.backgroundCalculated td {
  opacity: 0.5;
}
.invalidValue {
  border: 1px solid red !important;
  background-color: #fee !important;
}
a[target="_blank"].externalLink::after {
  content: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAQElEQVR42qXKwQkAIAxDUUdxtO6/RBQkQZvSi8I/pL4BoGw/XPkh4XigPmsUgh0626AjRsgxHTkUThsG2T/sIlzdTsp52kSS1wAAAABJRU5ErkJggg==);
  margin: 0 3px 0 5px;
}
body.action-InstallationReceipt-index,
body.action-SupplierReceipt-index,
body.action-Asiakassivu-index {
  background-color: #EEEEF0 !important;
}
body.action-Asiakassivu-index .actualSiteContent {
  height: 100vh;
}
body.action-InstallationReceipt-signatureCanvas {
  background-color: #EEEEF0 !important;
}
body.action-InstallationReceipt-signatureCanvas.havingNavBarHidden #container.container {
  margin-top: 20px !important;
  margin-bottom: 50px !important;
  border-radius: 5px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.4);
  background: white;
}
@media screen and (max-width: 767px) {
  body.action-InstallationReceipt-signatureCanvas.havingNavBarHidden #container.container {
    margin: 15px 10px 50px 10px !important;
  }
}
.signaturePageDiv {
  margin-left: 25px;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 130%;
}
.signaturePageDiv .vastaanottopoytakirjanOtsikko {
  text-transform: uppercase;
  font-size: 32px;
  text-align: right;
}
.signaturePageDiv .installationReceiptInstallationOptionsTable {
  margin-bottom: 10px;
  font-size: 13px;
}
.signaturePageDiv .installationReceiptInstallationOptionsTable td {
  padding-left: 5px;
  padding-right: 0px;
  vertical-align: top;
}
.signaturePageDiv .signatureCanvasParent {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border: 1px solid #f4f4f4;
}
.signaturePageDiv .signatureCanvasParent canvas {
  width: 100%;
  height: 70vh;
  max-height: 280px;
  border-radius: 0px;
  box-shadow: 0 0 5px #000000;
}
.signaturePageDiv .signaturePadActions {
  margin-top: 25px;
}
.signaturePageDiv .tiltYourPhoneImg {
  position: fixed;
  top: calc(50vh - 135px - 80px);
  left: calc(50vw - 135px);
  z-index: 1000;
  width: 270px;
  height: 270px;
  opacity: 0.8;
  display: none;
}
.signaturePageDiv .tiltYourPhoneImg.shown {
  -webkit-animation: fadeIn 3s;
  animation: fadeIn 3s;
  display: block;
}
.signaturePageDiv .signatureCanvasProductsDiv {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
}
.signaturePageDiv .valinnatOtsikko {
  font-size: 32px;
}
.signaturePageDiv .korjausmiehenTyoOhjeenTable {
  border-collapse: collapse;
}
.signaturePageDiv .korjausmiehenTyoOhjeenTable td {
  padding-left: 0px;
  padding-right: 15px;
}
.signaturePageDiv .korjausmiehenTyoOhjeenTable tr.otsikkoTr td {
  padding-top: 10px;
}
.signaturePageDiv .korjausmiehenTyoOhjeenTable tr.noteTr td {
  padding-top: 3px;
}
.signaturePageDiv .korjausmiehenTyoOhjeenTable tr.arvoTr td {
  padding-bottom: 3px;
}
.annaHintaPageDiv {
  margin-left: 25px;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 130%;
}
.annaHintaPageDiv .vastaanottopoytakirjanOtsikko {
  text-transform: uppercase;
  font-size: 32px;
  text-align: right;
}
.annaHintaPageDiv .installationReceiptInstallationOptionsTable {
  margin-bottom: 10px;
  font-size: 13px;
}
.annaHintaPageDiv .installationReceiptInstallationOptionsTable td {
  padding-left: 5px;
  padding-right: 0px;
  vertical-align: top;
}
.annaHintaPageDiv .signatureCanvasProductsDiv {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
}
.annaHintaPageDiv .valinnatOtsikko {
  font-size: 32px;
}
.annaHintaPageDiv .korjausmiehenTyoOhjeenTable {
  border-collapse: collapse;
}
.annaHintaPageDiv .korjausmiehenTyoOhjeenTable td {
  padding-left: 0px;
  padding-right: 15px;
}
.annaHintaPageDiv .korjausmiehenTyoOhjeenTable tr.otsikkoTr td {
  padding-top: 10px;
}
.annaHintaPageDiv .korjausmiehenTyoOhjeenTable tr.noteTr td {
  padding-top: 3px;
}
.annaHintaPageDiv .korjausmiehenTyoOhjeenTable tr.arvoTr td {
  padding-bottom: 3px;
}
.tuotantotilaPageDiv {
  margin-left: 25px;
  margin-right: 20px;
  margin-top: 10px;
  font-size: 130%;
}
.tuotantotilaPageDiv .vastaanottopoytakirjanOtsikko {
  text-transform: uppercase;
  font-size: 32px;
  text-align: right;
}
.tuotantotilaPageDiv .installationReceiptInstallationOptionsTable {
  margin-bottom: 10px;
  font-size: 13px;
}
.tuotantotilaPageDiv .installationReceiptInstallationOptionsTable td {
  padding-left: 5px;
  padding-right: 0px;
  vertical-align: top;
}
.tuotantotilaPageDiv .signatureCanvasProductsDiv {
  margin-top: 5px;
  margin-bottom: 15px;
  margin-left: 10px;
}
.tuotantotilaPageDiv .valinnatOtsikko {
  font-size: 32px;
}
.tuotantotilaPageDiv .korjausmiehenTyoOhjeenTable {
  border-collapse: collapse;
}
.tuotantotilaPageDiv .korjausmiehenTyoOhjeenTable td {
  padding-left: 0px;
  padding-right: 15px;
}
.tuotantotilaPageDiv .korjausmiehenTyoOhjeenTable tr.otsikkoTr td {
  padding-top: 10px;
}
.tuotantotilaPageDiv .korjausmiehenTyoOhjeenTable tr.noteTr td {
  padding-top: 3px;
}
.tuotantotilaPageDiv .korjausmiehenTyoOhjeenTable tr.arvoTr td {
  padding-bottom: 3px;
}
body.controller-WorkManager .actualSiteContent {
  width: max(1200px,90%);
  margin-left: auto;
  margin-right: auto;
}
.laskutuksenEuroMerkki {
  font-size: 16px;
  font-weight: bold;
}
.laskutuksenEuroMerkki:hover,
.laskutuksenEuroMerkki:focus {
  text-decoration: none;
}
.laskutuksenEuroMerkki.laskutettavaaEuroMerkki {
  color: red;
}
.laskutuksenEuroMerkki.laskutettavaaEuroMerkki:hover {
  color: darkred;
}
.laskutuksenEuroMerkki.laskutettuEuroMerkki {
  color: green;
}
.laskutuksenEuroMerkki.laskutettuEuroMerkki:hover {
  color: darkgreen;
}
.searchStatusesMainDiv {
  display: flex;
}
.searchStatusesMainDiv .titleForCheckboxGroup {
  margin-top: 15px;
  min-width: 75px;
  margin-right: 5px;
  ftext-align: right;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer {
  text-align: center;
  padding: 2px;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer label {
  padding: 8px 10px 10px 10px;
  transition: 0.8s background-color, 0.8s border-color;
  border-radius: 7px;
  display: inline-block;
  border: 1px solid transparent;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer label[data-session-array-key-for-information="productionStatuses"][data-checkbox-value="2"] {
  padding-left: 1px;
  padding-right: 1px;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer label:hover {
  transition: 0s background-color, 0s border-color;
  border: 1px solid #d5e5f8;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer label.selectedIconContainer {
  background-color: #d5e5f8;
  transition: 0s background-color, 0s border-color;
  border: 1px solid #bfd8f4;
}
.searchStatusesMainDiv .iconsForThisCheckboxGroup .searchIconContainer label input[type=checkbox] {
  display: none;
}
.taskPage {
  padding: 10px;
  padding-right: 20px;
}
.taskPage select,
.taskPage textarea,
.taskPage input[type="text"],
.taskPage input[type="password"],
.taskPage input[type="datetime"],
.taskPage input[type="datetime-local"],
.taskPage input[type="date"],
.taskPage input[type="month"],
.taskPage input[type="time"],
.taskPage input[type="week"],
.taskPage input[type="number"],
.taskPage input[type="email"],
.taskPage input[type="url"],
.taskPage input[type="search"],
.taskPage input[type="tel"],
.taskPage input[type="color"],
.taskPage .uneditable-input,
.taskPage .form-control {
  color: black;
}
.taskPage .taskOtsikko {
  font-weight: bold;
}
.taskPage.showTaskInReadOnlyMode input:not(input[type=checkbox]),
.taskPage.showTaskInReadOnlyMode select,
.taskPage.showTaskInReadOnlyMode textarea {
  border: none;
  border-radius: 0px;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  pointer-events: none;
  background: white;
}
.taskPage.showTaskInReadOnlyMode button,
.taskPage.showTaskInReadOnlyMode a.btn:not(.btnShowInReadOnlyMode) {
  display: none;
}
.taskPage.showTaskInReadOnlyMode .note-editor.note-frame {
  border: none !important;
}
.taskPage.showTaskInReadOnlyMode .note-editor .note-frame .panel .panel-default {
  border: none !important;
}
.taskPage.showTaskInReadOnlyMode .note-editable[contenteditable="false"] {
  background: white !important;
}
.taskPage.showTaskInReadOnlyMode .openTaskInEditModeBtn {
  color: #007fe0;
  margin-top: 5px;
  font-size: 16px;
}
.taskPage.showTaskInReadOnlyMode .openTaskInEditModeBtn:hover {
  background: white;
}
.taskPage textarea.seliteTextarea {
  font-family: Helvetica, Arial;
}
.taskPage .paateltyArvo {
  background: #fffccd;
}
.taskPage .taskTable {
  width: 100% !important;
}
.taskPage .taskTable >tbody >tr >th {
  width: 190px;
}
.taskPage .taskTable >tbody >tr >td {
  margin-bottom: 20px;
}
.taskPage .taskTable >tbody >tr >td.tekopvmTd {
  display: flex;
  justify-content: space-between;
}
.taskPage .taskTable >tbody >tr >td.tekopvmTd .btn {
  padding: 6px 7px 6px 7px;
}
.workManagerMainDiv {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 10px;
  margin-bottom: 100px;
}
.workManagerMainDiv h2 {
  margin-top: 20px;
  margin-bottom: 20px;
}
.workManagerMainDiv .workManagerNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  margin-top: 5px;
  padding-left: 15px;
  border-bottom: 0;
}
.workManagerMainDiv .workManagerNavBar:before,
.workManagerMainDiv .workManagerNavBar:after {
  content: " ";
  display: table;
}
.workManagerMainDiv .workManagerNavBar:after {
  clear: both;
}
.workManagerMainDiv .workManagerNavBar:before,
.workManagerMainDiv .workManagerNavBar:after {
  content: " ";
  display: table;
}
.workManagerMainDiv .workManagerNavBar:after {
  clear: both;
}
.workManagerMainDiv .workManagerNavBar > li {
  position: relative;
  display: block;
}
.workManagerMainDiv .workManagerNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.workManagerMainDiv .workManagerNavBar > li > a:hover,
.workManagerMainDiv .workManagerNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.workManagerMainDiv .workManagerNavBar > li.disabled > a {
  color: #999999;
}
.workManagerMainDiv .workManagerNavBar > li.disabled > a:hover,
.workManagerMainDiv .workManagerNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.workManagerMainDiv .workManagerNavBar.open > a,
.workManagerMainDiv .workManagerNavBar.open > a:hover,
.workManagerMainDiv .workManagerNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.workManagerMainDiv .workManagerNavBar.open > a .caret,
.workManagerMainDiv .workManagerNavBar.open > a:hover .caret,
.workManagerMainDiv .workManagerNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.workManagerMainDiv .workManagerNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.workManagerMainDiv .workManagerNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.workManagerMainDiv .workManagerNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.workManagerMainDiv .workManagerNavBar > li > a:hover {
  border-color: #eeeeee;
}
.workManagerMainDiv .workManagerNavBar > li.active > a,
.workManagerMainDiv .workManagerNavBar > li.active > a:hover,
.workManagerMainDiv .workManagerNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.workManagerMainDiv .workManagerNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.workManagerMainDiv .workManagerNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.workManagerMainDiv .workManagerNavBar.nav-justified > li > a {
  text-align: center;
}
.workManagerMainDiv .workManagerNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.workManagerMainDiv .workManagerNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.workManagerMainDiv .workManagerSearchBox {
  margin-top: 40px;
}
.workManagerMainDiv .workManagerIndexTable {
  transition: 0.3s opacity;
  width: 100%;
  margin-bottom: 18px;
  border: 1px solid #ddd;
  background: white;
}
.workManagerMainDiv .workManagerIndexTable.loading {
  opacity: 0.7;
  pointer-events: none;
}
.workManagerMainDiv .workManagerIndexTable thead > tr > th,
.workManagerMainDiv .workManagerIndexTable thead > tr > td,
.workManagerMainDiv .workManagerIndexTable tbody > tr > th,
.workManagerMainDiv .workManagerIndexTable tbody > tr > td,
.workManagerMainDiv .workManagerIndexTable tfoot > tr > th,
.workManagerMainDiv .workManagerIndexTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.workManagerMainDiv .workManagerIndexTable thead > tr > th {
  vertical-align: bottom;
}
.workManagerMainDiv .workManagerIndexTable caption + thead tr:first-child th,
.workManagerMainDiv .workManagerIndexTable caption + thead tr:first-child td,
.workManagerMainDiv .workManagerIndexTable colgroup + thead tr:first-child th,
.workManagerMainDiv .workManagerIndexTable colgroup + thead tr:first-child td,
.workManagerMainDiv .workManagerIndexTable thead:first-child tr:first-child th,
.workManagerMainDiv .workManagerIndexTable thead:first-child tr:first-child td {
  border-top: 0;
}
.workManagerMainDiv .workManagerIndexTable tbody + tbody {
  border-top: 2px solid #ddd;
}
.workManagerMainDiv .workManagerIndexTable .table {
  background-color: #fff;
}
.workManagerMainDiv .workManagerIndexTable thead > tr > th,
.workManagerMainDiv .workManagerIndexTable thead > tr > td,
.workManagerMainDiv .workManagerIndexTable tbody > tr > th,
.workManagerMainDiv .workManagerIndexTable tbody > tr > td,
.workManagerMainDiv .workManagerIndexTable tfoot > tr > th,
.workManagerMainDiv .workManagerIndexTable tfoot > tr > td {
  padding: 5px;
}
.workManagerMainDiv .workManagerIndexTable tr.invoiceBatchTr {
  display: none;
}
.workManagerMainDiv .workManagerIndexTable tr.checkedRow td {
  background-color: #d5e5f8;
  transition: 1.5s background-color;
}
.workManagerMainDiv .workManagerIndexTable tr.explicitlyCheckedWorkOptionOrderRowCheckbox td {
  transition: 0.3s background-color;
}
.workManagerMainDiv .workManagerIndexTable tr.workOptionsHeaderTr {
  transition: color 0.5s;
}
.workManagerMainDiv .workManagerIndexTable tr.workOptionsHeaderTr.checkedWorkOptionsHeaderRow {
  color: #ccc;
}
.workManagerMainDiv .workManagerIndexTable tr.disableTransferringToInvoice {
  opacity: 0.6;
  transition: opacity 0.5s;
}
.workManagerMainDiv .workManagerIndexTable tr.disableTransferringToInvoice input[type=checkbox]:disabled {
  opacity: 1.0;
}
.workManagerMainDiv .workManagerIndexTable tr.disableTransferringToInvoice:hover {
  opacity: 0.9;
}
.workManagerMainDiv .workManagerIndexTable tr.laskuttamattomiaSamanlaisiaRivejaLoytyy {
  color: red;
}
.workManagerMainDiv .workManagerIndexTable tr .installerTh,
.workManagerMainDiv .workManagerIndexTable tr .installerTd {
  width: 180px;
}
.workManagerMainDiv .workManagerIndexTable tr th {
  background: #f7f7f7;
  border: 1px solid #ddd;
}
.workManagerMainDiv .workManagerIndexTable tr th,
.workManagerMainDiv .workManagerIndexTable tr td {
  padding-top: 7px !important;
  padding-bottom: 7px !important;
  transition: 1.5s background-color;
}
.workManagerMainDiv .workManagerIndexTable tr th .workManagerFlex,
.workManagerMainDiv .workManagerIndexTable tr td .workManagerFlex {
  display: flex;
  gap: 7px;
}
.workManagerMainDiv .workManagerIndexTable tr th input[type=checkbox].disabledProductionStatusCheckbox,
.workManagerMainDiv .workManagerIndexTable tr td input[type=checkbox].disabledProductionStatusCheckbox {
  opacity: 0.2;
  pointer-events: none;
}
.workManagerMainDiv .workManagerIndexTable tr th input[type=checkbox].workOptionCheckbox,
.workManagerMainDiv .workManagerIndexTable tr td input[type=checkbox].workOptionCheckbox {
  margin-top: 5px;
  margin-right: 5px;
}
.workManagerMainDiv .workManagerIndexTable tr th input[type=checkbox].workOptionOrderRowCheckbox,
.workManagerMainDiv .workManagerIndexTable tr td input[type=checkbox].workOptionOrderRowCheckbox {
  margin-left: 10px;
  margin-top: 5px;
  margin-right: 5px;
}
.workManagerMainDiv .workManagerIndexTable tr input[type=checkbox]:disabled {
  opacity: 0.35;
}
.workManagerMainDiv .workManagerIndexTable tr .actionsBtnGroupInWorkManagerPage {
  margin-right: 5px;
  font-size: 14px;
}
.workManagerMainDiv .workManagerIndexTable tr .actionsBtnGroupInWorkManagerPage.rowsSelected {
  pointer-events: none;
  opacity: 0.3;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd form.installationMediaFileImageForm {
  display: inline-block;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd form.installationMediaFileImageForm >a {
  padding-left: 0px;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd form.installationMediaFileImageForm span.takePictureBtnSpan i {
  display: inline-block;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd form.installationMediaFileImageForm.uploadingNow {
  pointer-events: none;
  opacity: 0.8;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd form.installationMediaFileImageForm.uploadingNow span.takePictureBtnSpan i {
  animation: rotation 5s infinite linear;
  display: inline-block;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd .showOrderMediaFilesBtn {
  position: relative;
  margin-right: 5px;
  padding-left: 4px;
}
.workManagerMainDiv .workManagerIndexTable tr td.actionsTd .showOrderMediaFilesBtn .maaraDiv {
  position: absolute;
  bottom: -5px;
  right: 0px;
  background: #f0de3d;
  font-size: 12px;
  padding-top: 2px;
  font-weight: normal;
}
.workManagerMainDiv .workManagerIndexTable .input-group.laskuunMenevaHinta input.moneyInput {
  border: 1px solid black;
  box-shadow: inset 0 1px 1px #ddd;
}
.workManagerMainDiv .workManagerIndexTable .input-group.laskuunMenevaHinta .input-group-addon {
  border: 1px solid black;
  border-left: none;
}
.workManagerMainDiv .workManagerIndexTable .input-group input.moneyInput {
  text-align: right;
  padding-right: 7px;
}
.workManagerMainDiv .workManagerIndexTable .input-group .input-group-addon {
  padding-left: 6px;
  padding-right: 6px;
  background-color: #f7f7f7;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd {
  position: relative;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  text-align: right;
  width: 90px;
  padding-right: 22px;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput:-moz-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput::-moz-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput:-ms-input-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput::-webkit-input-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput[disabled],
.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput[readonly],
fieldset[disabled] .workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.workManagerMainDiv .workManagerIndexTable .moneyTd input.moneyInput {
  height: auto;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd::after {
  content: "€";
  position: absolute;
  right: 19px;
  top: 13px;
  color: #777;
  font-size: 105%;
  transition: 1s opacity;
}
.workManagerMainDiv .workManagerIndexTable .moneyTd.havingInvalidValue::after {
  opacity: 0;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  display: inline-block;
  width: 138px;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput:-moz-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput::-moz-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput:-ms-input-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput::-webkit-input-placeholder {
  color: #999999;
}
.workManagerMainDiv .workManagerIndexTable input.dateInput:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.workManagerMainDiv .workManagerIndexTable input.dateInput[disabled],
.workManagerMainDiv .workManagerIndexTable input.dateInput[readonly],
fieldset[disabled] .workManagerMainDiv .workManagerIndexTable input.dateInput {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.workManagerMainDiv .workManagerIndexTable input.dateInput {
  height: auto;
}
.flexConfirmDialog .modal-body .question {
  font-size: 120%;
}
@media (min-width: 768px) {
  .dl-horizontal dt {
    overflow: auto;
    text-overflow: inherit;
    white-space: normal;
  }
}
.viewInDropboxBtn.viewInDropboxBtnWithDropboxLogo {
  background-image: url(../img/dropbox_white.png?);
  background-repeat: no-repeat;
  background-size: auto 65%;
  background-position: 5px;
  margin-left: 0px;
}
.img-thumbnail.noThumbnailSupported {
  border: none;
  background: transparent;
}
.joinedOrderRowsDialogContentDiv {
  height: 470px;
}
.joinedOrderRowsDialogContentDiv .flex-container {
  height: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-align-content: stretch;
  -ms-flex-line-pack: stretch;
  align-content: stretch;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.joinedOrderRowsDialogContentDiv .flex-item:nth-child(1) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.joinedOrderRowsDialogContentDiv .flex-item:nth-child(2) {
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  text-align: right;
}
.optionContainer.normalOptionContainer .optionSubMenu .dropdown-menu .optionPicDiv {
  margin-top: auto;
  margin-bottom: auto;
}
a.showOrderMediaFilesBtn,
button.showOrderMediaFilesBtn {
  text-decoration: none;
  position: relative;
  color: #444;
}
a.showOrderMediaFilesBtn .maaraDiv,
button.showOrderMediaFilesBtn .maaraDiv {
  position: absolute;
  top: 0px;
  right: 0px;
  color: black;
  padding-top: 3px;
  background-color: #f0de3d;
  color: white;
  font-weight: bold;
  font-size: 9px;
  text-align: center;
}
.modal-dialog .modal-header button.close {
  font-size: 35px;
}
.installationReceiptSearchDiv .installationRow {
  padding-top: 10px !important;
}
.installationReceiptSearchDiv .installationRow > label {
  display: block;
}
.supplierReceiptSearchDiv {
  max-width: 700px;
}
.supplierReceiptSearchDiv .supplierRow {
  width: auto;
  padding-top: 10px !important;
}
.supplierReceiptSearchDiv .supplierRow .titleRow {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  height: 32px;
}
.supplierReceiptSearchDiv .supplierRow .titleRow input[type=radio] {
  margin-top: -1px;
}
.installationCapacityDiv {
  text-align: right;
  padding-top: 30px;
}
.campaignsDescriptionDiv {
  margin-top: 15px;
  display: inline-block;
  border: 2px solid #f9f2b3;
  border-radius: 5px;
  padding: 10px;
  width: 100%;
}
@media (max-width: 767px) {
  .campaignsDescriptionDiv img {
    display: none;
  }
}
.deliveryWeekCampaignGiftIconDiv i {
  color: #be32be;
  font-size: 17px;
}
.esikatseluDialog .modal-dialog {
  width: 80vw;
  min-width: 900px;
  max-width: 100vw;
}
.esikatseluDialog .modal-dialog .modal-body {
  padding-bottom: 0px !important;
  height: 80vh;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer {
  display: flex;
  height: 100%;
  flex-direction: column;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluUpperPart .esikatseluDialogRecipientsDiv {
  margin-left: 15px;
  margin-bottom: 3px;
  display: inline-flex;
  gap: 27px;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluBottomPart {
  flex-grow: 1;
  padding-bottom: 10px;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluBottomPart iframe {
  border: none;
  background: #eee;
  width: 49%;
  height: 100%;
  border-bottom: 1px solid #ddd;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluBottomPart div.esikatseluSaatesanatDiv {
  vertical-align: top;
  padding: 5px;
  display: inline-block;
  width: 49%;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluBottomPart div.esikatseluSaatesanatDiv h3 {
  margin-top: 0px;
}
.esikatseluDialog .modal-dialog .modal-body .esikatseluContainer .esikatseluBottomPart div.esikatseluSaatesanatDiv textarea {
  height: 200px;
}
.esikatseluDialog .modal-dialog .modal-footer {
  margin-top: 0px;
  padding-top: 5px;
  padding-bottom: 13px;
  border-top: none;
}
#workPlanDialog .modal-dialog {
  width: 1150px;
}
.userLoadPageDiv {
  margin-top: 0px;
}
.userLoadPageDiv > h2 {
  margin-left: 10px;
}
.userLoadPageDiv .headerHintDiv {
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 15px;
}
.userLoadPageDiv .userLoadsDiv {
  margin-bottom: 50px;
}
.userLoadPageDiv .userLoadsDiv .raakaAinetarveTable {
  width: 100%;
}
.userLoadPageDiv .userLoadsDiv .raakaAinetarveTable .userLoadInput {
  width: 80px;
  text-align: right;
  padding-right: 7px;
  display: inline-block;
}
.raakaAinetarvePageDiv {
  margin-top: 0px;
}
.raakaAinetarvePageDiv > h2 {
  margin-left: 10px;
}
.raakaAinetarvePageDiv .raakaAineTarpeetDiv {
  background: white;
  margin-bottom: 50px;
}
.raakaAinetarvePageDiv .raakaAineTarpeetDiv .userLoadTable {
  width: 100%;
}
.raakaAinetarvePageDiv .raakaAineTarpeetDiv .userLoadTable .raakaAinetarveInput {
  width: 80px;
  text-align: right;
  padding-right: 7px;
  display: inline-block;
}
table.table-outer-bordered {
  border: 1px solid #dddddd;
}
.TietosuojaselosteContent {
  padding: 20px;
}
.eventLogsTable .tracerouteTh {
  display: none;
}
.eventLogsTable .tracerouteTd {
  display: none;
  font-size: 80%;
}
.userIndexTable,
.projektiIndexTable,
.eventsNoteBtnWrapper,
.TaskPageDiv,
.optionTable,
.muokkausToiminnotDiv {
  position: relative;
}
.userIndexTable .eventsUserBtn,
.userIndexTable .eventsNoteBtn,
.userIndexTable a.eventsTaskBtn,
.userIndexTable .eventsAllBtn,
.projektiIndexTable .eventsUserBtn,
.projektiIndexTable .eventsNoteBtn,
.projektiIndexTable a.eventsTaskBtn,
.projektiIndexTable .eventsAllBtn,
.eventsNoteBtnWrapper .eventsUserBtn,
.eventsNoteBtnWrapper .eventsNoteBtn,
.eventsNoteBtnWrapper a.eventsTaskBtn,
.eventsNoteBtnWrapper .eventsAllBtn,
.TaskPageDiv .eventsUserBtn,
.TaskPageDiv .eventsNoteBtn,
.TaskPageDiv a.eventsTaskBtn,
.TaskPageDiv .eventsAllBtn,
.optionTable .eventsUserBtn,
.optionTable .eventsNoteBtn,
.optionTable a.eventsTaskBtn,
.optionTable .eventsAllBtn,
.muokkausToiminnotDiv .eventsUserBtn,
.muokkausToiminnotDiv .eventsNoteBtn,
.muokkausToiminnotDiv a.eventsTaskBtn,
.muokkausToiminnotDiv .eventsAllBtn {
  text-decoration: none;
  border-radius: 100%;
  font-weight: none;
  width: auto !important;
  height: auto !important;
  background-color: #999;
  width: 25px !important;
  height: 25px !important;
  border: 0px;
  color: #b9a80e;
  font-size: 13px;
  color: white;
  position: relative;
}
.userIndexTable .eventsUserBtn > i,
.userIndexTable .eventsNoteBtn > i,
.userIndexTable a.eventsTaskBtn > i,
.userIndexTable .eventsAllBtn > i,
.projektiIndexTable .eventsUserBtn > i,
.projektiIndexTable .eventsNoteBtn > i,
.projektiIndexTable a.eventsTaskBtn > i,
.projektiIndexTable .eventsAllBtn > i,
.eventsNoteBtnWrapper .eventsUserBtn > i,
.eventsNoteBtnWrapper .eventsNoteBtn > i,
.eventsNoteBtnWrapper a.eventsTaskBtn > i,
.eventsNoteBtnWrapper .eventsAllBtn > i,
.TaskPageDiv .eventsUserBtn > i,
.TaskPageDiv .eventsNoteBtn > i,
.TaskPageDiv a.eventsTaskBtn > i,
.TaskPageDiv .eventsAllBtn > i,
.optionTable .eventsUserBtn > i,
.optionTable .eventsNoteBtn > i,
.optionTable a.eventsTaskBtn > i,
.optionTable .eventsAllBtn > i,
.muokkausToiminnotDiv .eventsUserBtn > i,
.muokkausToiminnotDiv .eventsNoteBtn > i,
.muokkausToiminnotDiv a.eventsTaskBtn > i,
.muokkausToiminnotDiv .eventsAllBtn > i {
  position: absolute;
  top: 6px;
  right: 6px;
}
.userIndexTable .eventsUserBtn .userEventsTooltip,
.userIndexTable .eventsUserBtn .noteEventsTooltip,
.userIndexTable .eventsUserBtn .taskEventsTooltip,
.userIndexTable .eventsUserBtn .allEventsTooltip,
.userIndexTable .eventsNoteBtn .userEventsTooltip,
.userIndexTable .eventsNoteBtn .noteEventsTooltip,
.userIndexTable .eventsNoteBtn .taskEventsTooltip,
.userIndexTable .eventsNoteBtn .allEventsTooltip,
.userIndexTable a.eventsTaskBtn .userEventsTooltip,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip,
.userIndexTable a.eventsTaskBtn .allEventsTooltip,
.userIndexTable .eventsAllBtn .userEventsTooltip,
.userIndexTable .eventsAllBtn .noteEventsTooltip,
.userIndexTable .eventsAllBtn .taskEventsTooltip,
.userIndexTable .eventsAllBtn .allEventsTooltip,
.projektiIndexTable .eventsUserBtn .userEventsTooltip,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip,
.projektiIndexTable .eventsUserBtn .allEventsTooltip,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip,
.projektiIndexTable .eventsAllBtn .userEventsTooltip,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip,
.projektiIndexTable .eventsAllBtn .allEventsTooltip,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip,
.TaskPageDiv .eventsUserBtn .userEventsTooltip,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip,
.TaskPageDiv .eventsUserBtn .allEventsTooltip,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip,
.TaskPageDiv .eventsAllBtn .userEventsTooltip,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip,
.TaskPageDiv .eventsAllBtn .allEventsTooltip,
.optionTable .eventsUserBtn .userEventsTooltip,
.optionTable .eventsUserBtn .noteEventsTooltip,
.optionTable .eventsUserBtn .taskEventsTooltip,
.optionTable .eventsUserBtn .allEventsTooltip,
.optionTable .eventsNoteBtn .userEventsTooltip,
.optionTable .eventsNoteBtn .noteEventsTooltip,
.optionTable .eventsNoteBtn .taskEventsTooltip,
.optionTable .eventsNoteBtn .allEventsTooltip,
.optionTable a.eventsTaskBtn .userEventsTooltip,
.optionTable a.eventsTaskBtn .noteEventsTooltip,
.optionTable a.eventsTaskBtn .taskEventsTooltip,
.optionTable a.eventsTaskBtn .allEventsTooltip,
.optionTable .eventsAllBtn .userEventsTooltip,
.optionTable .eventsAllBtn .noteEventsTooltip,
.optionTable .eventsAllBtn .taskEventsTooltip,
.optionTable .eventsAllBtn .allEventsTooltip,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 20px;
  top: 0px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 430px;
  max-height: 500px;
  overflow-y: scroll;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .inforightArrow,
.userIndexTable .eventsUserBtn .noteEventsTooltip .inforightArrow,
.userIndexTable .eventsUserBtn .taskEventsTooltip .inforightArrow,
.userIndexTable .eventsUserBtn .allEventsTooltip .inforightArrow,
.userIndexTable .eventsNoteBtn .userEventsTooltip .inforightArrow,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.userIndexTable .eventsNoteBtn .allEventsTooltip .inforightArrow,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.userIndexTable .eventsAllBtn .userEventsTooltip .inforightArrow,
.userIndexTable .eventsAllBtn .noteEventsTooltip .inforightArrow,
.userIndexTable .eventsAllBtn .taskEventsTooltip .inforightArrow,
.userIndexTable .eventsAllBtn .allEventsTooltip .inforightArrow,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .inforightArrow,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .inforightArrow,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .inforightArrow,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .inforightArrow,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .inforightArrow,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .inforightArrow,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .inforightArrow,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .inforightArrow,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .inforightArrow,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .inforightArrow,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .inforightArrow,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .inforightArrow,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .inforightArrow,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .inforightArrow,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .inforightArrow,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .inforightArrow,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .inforightArrow,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .inforightArrow,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .inforightArrow,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .inforightArrow,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .inforightArrow,
.optionTable .eventsUserBtn .userEventsTooltip .inforightArrow,
.optionTable .eventsUserBtn .noteEventsTooltip .inforightArrow,
.optionTable .eventsUserBtn .taskEventsTooltip .inforightArrow,
.optionTable .eventsUserBtn .allEventsTooltip .inforightArrow,
.optionTable .eventsNoteBtn .userEventsTooltip .inforightArrow,
.optionTable .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.optionTable .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.optionTable .eventsNoteBtn .allEventsTooltip .inforightArrow,
.optionTable a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.optionTable a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.optionTable a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.optionTable a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.optionTable .eventsAllBtn .userEventsTooltip .inforightArrow,
.optionTable .eventsAllBtn .noteEventsTooltip .inforightArrow,
.optionTable .eventsAllBtn .taskEventsTooltip .inforightArrow,
.optionTable .eventsAllBtn .allEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .inforightArrow,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .inforightArrow,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .inforightArrow,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .inforightArrow,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .inforightArrow,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsHeader,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsHeader,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsHeader,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsHeader,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsHeader,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsHeader,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsHeader,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsHeader,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsHeader {
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsDiv,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsDiv,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsDiv,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsDiv,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsDiv {
  width: 100%;
  overflow-wrap: break-word;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv {
  background: #fffefa;
  border: 1px solid #fbf6cb;
  border-radius: 5px;
  padding: 10px;
  margin-left: 0px !important;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i {
  display: inline-block;
  width: 50px;
}
.userIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.userIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.userIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.userIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.projektiIndexTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.projektiIndexTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.projektiIndexTable .eventsAllBtn .allEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.eventsNoteBtnWrapper .eventsAllBtn .allEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.TaskPageDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.TaskPageDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.TaskPageDiv .eventsAllBtn .allEventsTooltip .userEventsDiv hr,
.optionTable .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.optionTable .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.optionTable .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.optionTable .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.optionTable .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.optionTable .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.optionTable .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.optionTable .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.optionTable a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.optionTable a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.optionTable a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.optionTable a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.optionTable .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.optionTable .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.optionTable .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.optionTable .eventsAllBtn .allEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsUserBtn .userEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsUserBtn .allEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsNoteBtn .userEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsNoteBtn .allEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv a.eventsTaskBtn .userEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv a.eventsTaskBtn .allEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsAllBtn .userEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip .userEventsDiv hr,
.muokkausToiminnotDiv .eventsAllBtn .allEventsTooltip .userEventsDiv hr {
  border-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.userIndexTable .eventsUserBtn .taskEventsTooltip,
.userIndexTable .eventsNoteBtn .taskEventsTooltip,
.userIndexTable a.eventsTaskBtn .taskEventsTooltip,
.userIndexTable .eventsAllBtn .taskEventsTooltip,
.projektiIndexTable .eventsUserBtn .taskEventsTooltip,
.projektiIndexTable .eventsNoteBtn .taskEventsTooltip,
.projektiIndexTable a.eventsTaskBtn .taskEventsTooltip,
.projektiIndexTable .eventsAllBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsUserBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsNoteBtn .taskEventsTooltip,
.eventsNoteBtnWrapper a.eventsTaskBtn .taskEventsTooltip,
.eventsNoteBtnWrapper .eventsAllBtn .taskEventsTooltip,
.TaskPageDiv .eventsUserBtn .taskEventsTooltip,
.TaskPageDiv .eventsNoteBtn .taskEventsTooltip,
.TaskPageDiv a.eventsTaskBtn .taskEventsTooltip,
.TaskPageDiv .eventsAllBtn .taskEventsTooltip,
.optionTable .eventsUserBtn .taskEventsTooltip,
.optionTable .eventsNoteBtn .taskEventsTooltip,
.optionTable a.eventsTaskBtn .taskEventsTooltip,
.optionTable .eventsAllBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsUserBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsNoteBtn .taskEventsTooltip,
.muokkausToiminnotDiv a.eventsTaskBtn .taskEventsTooltip,
.muokkausToiminnotDiv .eventsAllBtn .taskEventsTooltip {
  left: -430px;
  right: none;
}
.userIndexTable .eventsUserBtn .noteEventsTooltip i,
.userIndexTable .eventsNoteBtn .noteEventsTooltip i,
.userIndexTable a.eventsTaskBtn .noteEventsTooltip i,
.userIndexTable .eventsAllBtn .noteEventsTooltip i,
.projektiIndexTable .eventsUserBtn .noteEventsTooltip i,
.projektiIndexTable .eventsNoteBtn .noteEventsTooltip i,
.projektiIndexTable a.eventsTaskBtn .noteEventsTooltip i,
.projektiIndexTable .eventsAllBtn .noteEventsTooltip i,
.eventsNoteBtnWrapper .eventsUserBtn .noteEventsTooltip i,
.eventsNoteBtnWrapper .eventsNoteBtn .noteEventsTooltip i,
.eventsNoteBtnWrapper a.eventsTaskBtn .noteEventsTooltip i,
.eventsNoteBtnWrapper .eventsAllBtn .noteEventsTooltip i,
.TaskPageDiv .eventsUserBtn .noteEventsTooltip i,
.TaskPageDiv .eventsNoteBtn .noteEventsTooltip i,
.TaskPageDiv a.eventsTaskBtn .noteEventsTooltip i,
.TaskPageDiv .eventsAllBtn .noteEventsTooltip i,
.optionTable .eventsUserBtn .noteEventsTooltip i,
.optionTable .eventsNoteBtn .noteEventsTooltip i,
.optionTable a.eventsTaskBtn .noteEventsTooltip i,
.optionTable .eventsAllBtn .noteEventsTooltip i,
.muokkausToiminnotDiv .eventsUserBtn .noteEventsTooltip i,
.muokkausToiminnotDiv .eventsNoteBtn .noteEventsTooltip i,
.muokkausToiminnotDiv a.eventsTaskBtn .noteEventsTooltip i,
.muokkausToiminnotDiv .eventsAllBtn .noteEventsTooltip i {
  width: 55px !important;
}
.taskShowDialog .taskEventsTooltip {
  left: 0px !important;
}
.eventsNoteBtnWrapper {
  display: inline-block;
}
.eventsNoteBtnWrapper .noteEventsTooltip {
  top: 20px !important;
  right: 5px !important;
}
.cookieBottomDiv {
  width: 640px;
  left: calc(50vw -  640px  / 2);
  bottom: 0px;
  position: fixed;
  z-index: 100000;
  margin-left: auto;
  margin-right: auto;
  padding: 10px 30px 10px 30px;
  border-top-left-radius: 15px;
  border-top-right-radius: 15px;
  box-shadow: 0px -5px 15px -3px rgba(0,0,0,0.3);
  max-width: 100vw;
  height: auto;
  background: rgba(255,255,255,0.85);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
}
.cookieBottomDiv .cookieMoreInfoParagraph {
  border: 1px solid #aaa;
  background: #fff;
  max-height: 300px;
  overflow-y: scroll;
  border-radius: 10px;
  padding: 20px;
  display: none;
}
.cookieBottomDiv .cookieText {
  margin-bottom: 10px;
  padding-top: 10px;
}
.cookieBottomDiv .cookieButtonsDiv {
  display: flex;
  justify-content: end;
  padding-top: 7px;
}
.cookieBottomDiv .cookieButtonsDiv .acceptCookiesBtn {
  background-color: #558b5f;
  color: white;
}
.asennuskuormitusTable {
  margin-top: 30px;
}
.asennuskuormitusTable tr.asennuskuormitusMuulleKuinAvatunKohteenMyyjalle {
  color: gray;
}
.cartIndexComplaintRowsParentDiv > .row {
  padding-top: 3px;
  padding-bottom: 2px;
}
@-moz-document url-prefix() {
  .listArrowContainer {
    position: relative;
  }
  .listArrowContainer:hover:after {
    position: absolute;
    content: '▼';
    right: 12px;
    top: 30%;
    pointer-events: none;
    color: black;
  }
}
.timeComponentSelect {
  width: 80px;
}
.leadReminderDialog .customerContactDetailTable,
.leadReminderDialog .deliveryContactDetailTable {
  border-collapse: collapse;
}
.leadReminderDialog .customerContactDetailTable td,
.leadReminderDialog .customerContactDetailTable th,
.leadReminderDialog .deliveryContactDetailTable td,
.leadReminderDialog .deliveryContactDetailTable th {
  padding-top: 3px;
  padding-bottom: 3px;
  padding-left: 3px;
  padding-right: 3px;
}
.leadReminderDialog .leadTabDiv {
  padding-top: 10px;
}
.dropdownMenuKopioi {
  top: calc(100% + 5px);
}
.dropdownMenuKopioi .copyOrderButton {
  width: 100% !important;
}
.dropdownMenuKopioi li a {
  color: black !important;
  text-align: left !important;
}
.dropdownMenuKopioi a:hover {
  color: white !important;
  width: 100%;
}
.aukkoValintaOtsikotMob {
  display: none;
}
@media (max-width: 767px) {
  #openingsDiv .bugScreenDiv:not(.inavailable) {
    margin-top: 10px;
    margin-left: 20px;
    min-width: 140px !important;
    max-width: 140px !important;
    display: inline-block;
  }
  #openingsDiv .openingHandleDiv:not(.inavailable) {
    margin-top: 10px;
    margin-left: 5px;
    min-width: 105px !important;
    max-width: 105px !important;
    display: inline-block;
  }
  #openingsDiv .openingAukipitolaiteDiv:not(.inavailable) {
    margin-top: 10px;
    margin-left: 5px;
    min-width: 105px !important;
    max-width: 105px !important;
    display: inline-block;
  }
  #productConfig .rightBar .openingLabel {
    margin-left: 20px;
  }
  div#aukkoTopLabelsDiv span {
    display: inline-block !important;
  }
  .aukkoValintaOtsikotMob {
    display: block;
  }
}
.huomautuksetOstoskorinYlla .notesDiv .notesContainer {
  margin-bottom: 0px;
}
.notesDiv .huomautusotsikko.noteHuomautusotsikko {
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: bold;
}
.notesDiv .notesContainer .noteRow {
  display: flex;
}
.notesDiv .notesContainer .noteRow:hover .noteTypeBox {
  opacity: 0.85;
  color: navy;
}
.notesDiv .notesContainer .noteRow:hover .noteDescription {
  color: navy;
}
.notesDiv .notesContainer .noteRow .noteTypeBox {
  font-weight: bold;
  width: auto;
  min-width: 32px;
  min-height: 24px;
  font-size: 12px;
  margin: 2px 1px 2px 1px;
  text-align: center;
  padding: 0px 3px 0px 3px;
  border-radius: 3px;
  justify-content: center;
  align-items: center;
  display: inline-flex;
}
.notesDiv .notesContainer .noteRow .roleLevelIconSpace {
  font-weight: bold;
  width: 25px;
  display: inline-block;
  margin: 2px 1px 2px 3px;
  text-align: center;
}
.notesDiv .notesContainer .noteRow .noteDescription {
  flex-grow: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
}
.notesDiv .notesContainer .noteRow span.visibleOutsideFactoryIconContainer {
  position: relative;
  padding: 0px;
  margin: 0px;
  width: 24px;
  height: 20px;
  display: inline-block;
}
.notesDiv .notesContainer .noteRow span.visibleOutsideFactoryIconContainer i.theFactoryIcon {
  color: black;
  font-size: 21px;
  position: absolute;
  top: 0px;
  left: 0px;
  color: #1E3150;
}
.notesDiv .notesContainer .noteRow span.visibleOutsideFactoryIconContainer i.theArrowIcon {
  position: absolute;
  bottom: 1px;
  right: 5px;
  color: white;
  font-size: 9px;
}
.notesDiv .notesContainer .noteFlexTooltip {
  text-align: right;
}
.notesDiv .notesContainer .noteButtons {
  white-space: nowrap;
}
.notesDiv .notesContainer .noteButtons .btn-xs {
  font-size: 14px;
  width: 28px;
}
.openChatDialogBtn {
  text-decoration: none !important;
}
.openChatDialogBtn .openChatDialogBtnBlack span {
  color: #444;
}
.openChatDialogBtn .openChatDialogBtnBlack:hover {
  color: inherit;
}
.openChatDialogBtn .chatIconContainer {
  position: relative;
}
.openChatDialogBtn .chatIconContainer .chatsUnreadCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  background: red;
  position: absolute;
  top: -13px;
  right: 0px;
}
.openChatDialogBtn .chatIconContainer .chatsUnreadCircle:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.chatsUnreadCircleInCart {
  border-radius: 100%;
  display: inline-block;
  width: 19px;
  height: 19px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 18px;
  background: red;
  position: absolute;
  bottom: -13px;
  left: -5px;
}
.chatsUnreadCircleInCart:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.chatsDiv .huomautusotsikko.chatHuomautusotsikko {
  margin-top: 10px;
  margin-bottom: 2px;
  font-weight: bold;
}
.chatsDiv.wherefrom-workDialog .chatsContainer {
  height: 240px;
}
.chatsDiv.wherefrom-pyydaHintaDialog .chatsContainer {
  height: 240px;
}
.chatsDiv.wherefrom-chatDialog .chatsContainer {
  height: calc(100vh - 80px);
}
.chatsDiv .unreadChatCircleBtnIcon {
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  color: white;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  margin-left: 0px;
  margin-right: 0px;
  margin-top: 3px;
  background: #bbb;
}
.chatsDiv .chatsContainer {
  overflow-y: scroll;
  padding-bottom: 10px;
}
.chatsDiv .chatsContainer::-webkit-scrollbar {
  -webkit-appearance: none;
}
.chatsDiv .chatsContainer::-webkit-scrollbar:horizontal {
  height: 11px;
}
.chatsDiv .chatsContainer::-webkit-scrollbar:vertical {
  height: 11px;
}
.chatsDiv .chatsContainer::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 4px solid white;
  background-color: #ddd;
}
.chatsDiv .chatsContainer::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}
.chatsDiv .chatsContainer .chatRow {
  display: flex;
}
.chatsDiv .chatsContainer .chatRow .unreadChatCircle {
  border-radius: 100%;
  display: inline-block;
  width: 10px;
  height: 10px;
  color: white;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  margin-left: 4px;
  margin-right: 4px;
  margin-top: 3px;
  background: #3279f7;
}
.chatsDiv .chatsContainer .chatRow.grayChatRow {
  width: 90%;
}
.chatsDiv .chatsContainer .chatRow.grayChatRow .chatTopDetailsDiv {
  display: flex;
  gap: 5px;
}
.chatsDiv .chatsContainer .chatRow.grayChatRow .chatTopDetailsDiv .timeSpan {
  color: gray;
}
.chatsDiv .chatsContainer .chatRow.grayChatRow .chatTopDetailsDiv .senderSpan {
  color: gray;
  flex: 1;
}
.chatsDiv .chatsContainer .chatRow.grayChatRow .chatTopDetailsDiv .readSpan {
  color: gray;
  text-align: right;
}
.chatsDiv .chatsContainer .chatRow.blueChatRow {
  width: 90%;
  margin-left: auto;
}
.chatsDiv .chatsContainer .chatRow.blueChatRow .chatTopDetailsDiv {
  display: flex;
  gap: 5px;
}
.chatsDiv .chatsContainer .chatRow.blueChatRow .chatTopDetailsDiv .timeSpan {
  color: #ddd;
}
.chatsDiv .chatsContainer .chatRow.blueChatRow .chatTopDetailsDiv .senderSpan {
  color: #ddd;
  flex: 1;
}
.chatsDiv .chatsContainer .chatRow.blueChatRow .chatTopDetailsDiv .readSpan {
  color: #ddd;
  text-align: right;
}
.chatsDiv .chatsContainer .chatRow:hover .chatTypeBox {
  opacity: 0.85;
  color: navy;
}
.chatsDiv .chatsContainer .chatRow:hover .chatDescription {
  color: navy;
}
.chatsDiv .chatsContainer .chatRow .chatDescription {
  flex-grow: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-left: 5px;
  position: relative;
}
.chatsDiv .chatsContainer .chatRow .chatDescription a.sendNewChatBtn {
  position: absolute;
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  font-weight: bold;
  color: white;
  background: #ccc;
  text-align: center;
  line-height: 100%;
  font-size: 16px;
  right: 5px;
  bottom: 35px;
  width: 21px;
  height: 21px;
  padding: 3px;
  transition: background-color 1s;
}
.chatsDiv .chatsContainer .chatRow .chatDescription a.sendNewChatBtn:hover {
  background: #999;
  text-decoration: none;
  color: white;
}
.chatsDiv .chatsContainer .chatRow .chatDescription a.sendNewChatBtn:hover,
.chatsDiv .chatsContainer .chatRow .chatDescription a.sendNewChatBtn.textAreaActivated {
  background: #007fe0;
}
.chatsDiv .chatsContainer .chatRow .chatDescription.existingChatDescription.grayChatDiv {
  background: #e9e9eb;
  width: 70%;
  border-radius: 16px;
  margin-left: auto;
  margin: 10px;
  padding: 5px;
  color: black;
}
.chatsDiv .chatsContainer .chatRow .chatDescription.existingChatDescription.blueChatDiv {
  background: #4189f6;
  width: 70%;
  border-radius: 16px;
  margin-right: auto;
  margin: 10px;
  padding: 5px;
  color: white;
}
.chatsDiv .chatsContainer .chatRow .chatDescription.existingChatDescription.chatIsMadeByProgram {
  background: #fff;
  color: black;
}
.chatsDiv .chatsContainer .chatFlexTooltip {
  text-align: right;
}
.chatsDiv .chatsContainer .chatButtons .btn-xs {
  font-size: 14px;
  padding: 1px 5px 3px 5px;
}
.chatsDiv .chatsContainer .chatButtons .btn-xs:hover {
  color: navy;
}
table.mouldingDumpTable {
  color: black;
}
table.mouldingDumpTable tr:hover td,
table.mouldingDumpTable tr:hover th {
  background-color: #e2e2e2;
}
table.mouldingDumpTable tr:hover td .sisainenHuomautus,
table.mouldingDumpTable tr:hover th .sisainenHuomautus {
  color: black;
}
table.mouldingDumpTable tr .sisainenHuomautus {
  color: gray;
  font-size: 95%;
}
table.mouldingDumpTable tr .lengthSpan {
  text-decoration: underline;
  cursor: pointer;
}
table.mouldingDumpTable tr .lengthSpan.boldened {
  font-weight: bold;
  font-size: 120%;
}
table.mouldingDumpTable tr.activatedRow td,
table.mouldingDumpTable tr.activatedRow th {
  background-color: lightyellow;
}
table.mouldingDumpTable tr .flexTooltip {
  text-align: left;
  min-width: 800px !important;
  max-width: 800px !important;
  font-size: 14px;
}
table.mouldingDumpTable tr .flexTooltipRevealed {
  color: black;
  display: block;
  font-size: 14px;
}
.mouldingsPriceDebugFlexAlertDialog .modal-dialog {
  width: 820px;
}
.noteEditDialog .modal-content {
  width: 620px;
}
.noteEditDialog .modal-content .modal-body {
  padding-left: 5px;
  padding-right: 5px;
}
.noteEditDialog .modal-content .noteEditDialogForm .noteTypeSelect {
  width: 150px;
}
.noteEditDialog .modal-content .modal-footer div.mediaFileBtnAndModalButtons {
  display: flex;
  width: 100%;
  align-items: flex-end;
}
.noteEditDialog .modal-content .modal-footer div.mediaFileBtnAndModalButtons .mediaFileBtnContainer {
  flex-grow: 1;
  text-align: left;
}
.multiselect {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  font-weight: normal;
  text-align: left;
}
.multiselect:-moz-placeholder {
  color: #999999;
}
.multiselect::-moz-placeholder {
  color: #999999;
}
.multiselect:-ms-input-placeholder {
  color: #999999;
}
.multiselect::-webkit-input-placeholder {
  color: #999999;
}
.multiselect:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
.multiselect[disabled],
.multiselect[readonly],
fieldset[disabled] .multiselect {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textarea.multiselect {
  height: auto;
}
.noteTypeManagerPageDiv {
  margin-top: 0px;
}
.noteTypeManagerPageDiv > h2 {
  margin-left: 10px;
}
.noteTypeManagerPageDiv .noteTypesDiv .noteTypeManagerTable {
  background: white;
  margin-bottom: 50px;
}
.noteTypeManagerPageDiv .noteTypesDiv .noteTypeManagerTable .noteTypeInput.missingValueInput {
  background-color: #fee !important;
}
.noteTypeManagerPageDiv .noteTypesDiv .noteTypeManagerTable .noteTypeInput.colourNoteTypeInput {
  padding: 1px 3px 1px 2px;
  width: 35px;
}
.roleManagerPageDiv {
  margin-top: 0px;
}
.roleManagerPageDiv > h2 {
  margin-left: 10px;
}
.roleManagerPageDiv .rolesDiv .roleManagerTable {
  max-width: 800px;
  background: white;
  margin-bottom: 50px;
}
.roleManagerPageDiv .rolesDiv .roleManagerTable .roleInput.roleLevelInput {
  width: 180px;
}
.roleManagerPageDiv .rolesDiv .roleManagerTable .roleInput.missingValueInput {
  background-color: #fee !important;
}
@-moz-document url-prefix() {
  input[type=color] {
    padding: 5px 5px 5px 5px !important;
  }
}
#massUpdaterDiv .massUpdaterContainerDiv {
  width: 620px;
  margin-bottom: 30px;
  margin-left: 40px;
  padding: 20px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .optionPanel {
  margin-top: 20px;
  margin-bottom: 0px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .optionPanel .panel-title {
  display: flex;
  gap: 8px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .optionPanel .panel-title a.collapsed {
  flex: 1;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable {
  border-collapse: collapse;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable .userChangedCheckbox {
  display: none;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable tr td {
  transition: background 1s;
  padding: 2px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable tr td:nth-child(1) {
  width: 200px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable tr td:nth-child(2) {
  width: 200px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable tr:hover td {
  background: #fbfbfb;
  transition: background .25s;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion table.massUpdaterTable tr.userChanged td {
  background: #f4f4ff;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv {
  margin-bottom: 15px;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv .massUpdateOptionHeaderDiv {
  color: #444;
  transition: color .5s;
  font-weight: bold;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv select.massUpdateOption {
  color: #444;
  transition: color .5s;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv select.massUpdateOption.vastaavaKohdetuotteenOptionIdLoytyi {
  border: 1px solid green;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv.changedMassUpdateOptionDiv .massUpdateOptionHeaderDiv {
  color: black;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion .massUpdateOptionDiv.changedMassUpdateOptionDiv select.massUpdateOption {
  color: black;
}
#massUpdaterDiv .massUpdaterContainerDiv #massUpdaterAccordion select.massUpdateOption.vastaavaKohdetuotteenOptionIdLoytyi {
  box-shadow: inset 0px 0px 10px -3px green;
}
#massUpdaterDiv .massUpdaterContainerDiv .massUpdaterIframe {
  display: none;
  height: 1200px;
  width: 1200px;
  background: white;
}
.optionInfoLinkDiv .tooltipBox {
  font-family: 'Montserrat', sans-serif;
}
.customerContactDetailDiv .customerContactDetailClientTypesDiv {
  margin-bottom: 0px;
}
.customerContactDetailDiv .customerContactDetailClientTypesDiv label.clientTypeLabel {
  display: inline-block;
  width: auto;
  margin-bottom: 0px;
}
.customerContactDetailDiv .customerContactDetailClientTypesDiv > div {
  margin-bottom: 8px;
}
.optionInfoLinkDiv .tooltipBox {
  font-family: 'Montserrat', sans-serif;
}
select[multiple].multiSelectMenu,
select[multiple].multiSelectMenuOnlyStyling {
  display: block;
  width: 100%;
  height: 32px;
  padding: 6px 12px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
  -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  background: white;
  color: white;
  pointer-events: none;
  overflow-y: hidden;
  min-width: 100%;
}
select[multiple].multiSelectMenu:-moz-placeholder,
select[multiple].multiSelectMenuOnlyStyling:-moz-placeholder {
  color: #999999;
}
select[multiple].multiSelectMenu::-moz-placeholder,
select[multiple].multiSelectMenuOnlyStyling::-moz-placeholder {
  color: #999999;
}
select[multiple].multiSelectMenu:-ms-input-placeholder,
select[multiple].multiSelectMenuOnlyStyling:-ms-input-placeholder {
  color: #999999;
}
select[multiple].multiSelectMenu::-webkit-input-placeholder,
select[multiple].multiSelectMenuOnlyStyling::-webkit-input-placeholder {
  color: #999999;
}
select[multiple].multiSelectMenu:focus,
select[multiple].multiSelectMenuOnlyStyling:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102,175,233,0.6);
}
select[multiple].multiSelectMenu[disabled],
select[multiple].multiSelectMenu[readonly],
fieldset[disabled] select[multiple].multiSelectMenu,
select[multiple].multiSelectMenuOnlyStyling[disabled],
select[multiple].multiSelectMenuOnlyStyling[readonly],
fieldset[disabled] select[multiple].multiSelectMenuOnlyStyling {
  cursor: not-allowed;
  background-color: #eeeeee;
}
textareaselect[multiple].multiSelectMenu,
textareaselect[multiple].multiSelectMenuOnlyStyling {
  height: auto;
}
select[multiple].multiSelectMenu[style*="display:none;"],
select[multiple].multiSelectMenuOnlyStyling[style*="display:none;"] {
  color: black;
  pointer-events: auto;
  overflow-y: auto;
}
select[multiple].multiSelectMenu option:checked,
select[multiple].multiSelectMenuOnlyStyling option:checked {
  color: white !important;
  background: white !important;
}
select[multiple].multiSelectMenu + div.btn-group,
select[multiple].multiSelectMenuOnlyStyling + div.btn-group {
  width: 100%;
}
select[multiple].multiSelectMenu + div.btn-group button.multiselect,
select[multiple].multiSelectMenuOnlyStyling + div.btn-group button.multiselect {
  overflow: hidden;
  width: 100%;
}
select[multiple].multiSelectMenu + div.btn-group button.multiselect b.caret,
select[multiple].multiSelectMenuOnlyStyling + div.btn-group button.multiselect b.caret {
  position: absolute;
  top: 13px;
  right: 6px;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar {
  background: #b0b0b0;
  color: white;
  margin: 0;
  padding: 3px;
  padding-left: 0px;
  width: 100%;
  height: 48px;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar h3 {
  padding: 0;
  padding-top: 9px;
  margin: 0;
  font-size: 150%;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar h3 #liveDiv big {
  font-size: 140%;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar .headerUpperMiddleDiv h3 {
  display: inline-block;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar .headerUpperMiddleDiv .viikkovalintaSpan {
  padding-left: 20px;
  font-size: 18px;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar .headerUpperMiddleDiv .viikkovalintaSpan input[type=radio] {
  scale: 1.5;
  margin-right: 5px;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar .joinerLogoLink img {
  height: 34px;
  opacity: 0.7;
  margin-top: 4px;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar .joinerLogoLink img:hover {
  opacity: 1;
}
.productionReceiptGraphDomainIndexPage .productionReceiptGraphHeaderBar.failed {
  background: #a68b8b !important;
}
.productionReceiptGraphDomainIndexPage .graphContainer {
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 150px;
  max-width: 700px;
  height: 500px;
  font-family: Arial, Helvetica, sans-serif;
  display: flex;
  align-items: flex-end;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphSection {
  transition: all 0.3s ease-in-out;
  display: flex;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphSection.graphBar-white {
  background-color: #f7f7f7;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphSection.graphBar-orange {
  background-color: orange;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphSection.graphBar-green {
  background-color: green;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphSection.graphBar-red {
  background-color: red;
}
.productionReceiptGraphDomainIndexPage .graphContainer .graphBar {
  margin-left: 5px;
  flex: 1;
  display: flex;
  transition: all 0.3s ease-in-out;
  flex-direction: column-reverse;
  height: 100%;
}
.disabloituMaksutapa * {
  color: rgba(200,200,200,0.7) !important;
}
.sendMediaFiles_lahetettavatDiv div {
  display: inline-block;
  width: 19%;
}
.sendMediaFiles_lahetettavatDiv img,
.sendMediaFiles_lahetettavatDiv embed {
  width: 100%;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi {
  display: flex;
  gap: 7px;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi >div {
  margin-bottom: 7px;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi .checkboxDiv {
  flex: 0;
  margin-right: 10px;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi .tekstiDiv {
  flex: 0;
  white-space: nowrap;
  min-width: 130px;
  margin-top: 4px;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi .nameDiv {
  margin-top: 4px;
  flex: 2;
}
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi label,
.sendMediaFiles_viestiJaOtsikko .sendMediaFilesCheckboxRivi input[type=checkbox] {
  cursor: pointer;
}
.sendMediaFiles_viestiJaOtsikko span {
  font-size: 14px;
  width: 110px;
  display: inline-block;
}
.sendMediaFiles_viestiJaOtsikko input[type="checkbox"] {
  width: 20px;
  height: 20px;
}
.sendMediaFiles_viestiJaOtsikko textarea {
  height: 100px !important;
}
.sendMediaFiles_viestiJaOtsikko form {
  width: 60%;
  min-width: 640px;
}
.eventsMediaFileBtnWrapper {
  position: relative;
  display: inline-block;
  float: right;
  padding-right: 15px;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn {
  text-decoration: none;
  border-radius: 100%;
  font-weight: none;
  width: auto !important;
  height: auto !important;
  background-color: #999;
  width: 25px !important;
  height: 25px !important;
  border: 0px;
  color: #b9a80e;
  font-size: 13px;
  color: white;
  display: inline-block;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .closeMFevents {
  float: left;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  left: 40px;
  top: 40px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 500px;
  max-height: 500px;
  overflow-y: scroll;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsHeader {
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv {
  width: 100%;
  overflow-wrap: break-word;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv div.whenAndWhoChangedDiv {
  background: #fffefa;
  border: 1px solid #fbf6cb;
  border-radius: 5px;
  padding: 10px;
  margin-left: 0px !important;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv div {
  display: inline-block;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv div:not(.whenAndWhoChangedDiv) i {
  display: inline-block;
  width: 50px;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv b {
  display: inline-block !important;
  width: 100px;
  margin-top: 5px;
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}
.eventsMediaFileBtnWrapper .eventsMediaFileBtn .mediaFileEventsTooltip .mediaFileEventsDiv hr {
  border-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.orderMediaFilesit > div > div {
  min-width: 150px;
}
.eventLogsDiv {
  width: 100%;
  overflow-wrap: break-word;
}
.eventLogsDiv div:not(.oneEventInEventLogsDiv) {
  display: inline-block;
}
.eventLogsDiv b {
  display: inline-block !important;
  width: 100px;
  margin-top: 5px;
  display: block;
  font-size: 13px;
  font-weight: normal;
  font-style: italic;
}
.eventLogsDiv hr {
  border-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.oneEventInEventLogsDiv {
  padding: 10px;
  border-bottom: 1px solid rgba(100,100,100,0.2);
}
.oneEventInEventLogsDiv:hover {
  background: rgba(240,240,240,0.4) !important;
}
div#karttaDialog .modal-dialog {
  width: 1000px !important;
}
#map {
  height: 400px;
  width: 100%;
}
body.controller-InstallationReceipt #messages.hasMsgContent,
body.controller-SupplierReceipt #messages.hasMsgContent,
body.controller-InstallerLanding #messages.hasMsgContent,
body.controller-PinCode #messages.hasMsgContent {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 10px;
  margin-top: 70px;
}
body.controller-InstallationReceipt .actualSiteContent,
body.controller-SupplierReceipt .actualSiteContent,
body.controller-InstallerLanding .actualSiteContent,
body.controller-PinCode .actualSiteContent {
  background: inherit;
}
body.controller-InstallationReceipt .miniLogoutBar,
body.controller-SupplierReceipt .miniLogoutBar,
body.controller-InstallerLanding .miniLogoutBar,
body.controller-PinCode .miniLogoutBar {
  z-index: 10000;
}
body.controller-InstallationReceipt .miniLogoutBar a,
body.controller-SupplierReceipt .miniLogoutBar a,
body.controller-InstallerLanding .miniLogoutBar a,
body.controller-PinCode .miniLogoutBar a {
  color: #333;
}
body.controller-InstallationReceipt #container,
body.controller-SupplierReceipt #container,
body.controller-InstallerLanding #container,
body.controller-PinCode #container {
  background: #eeeef0;
}
body.controller-InstallationReceipt .installationReceiptLogoContainerDiv,
body.controller-InstallationReceipt .supplierReceiptLogoContainerDiv,
body.controller-SupplierReceipt .installationReceiptLogoContainerDiv,
body.controller-SupplierReceipt .supplierReceiptLogoContainerDiv,
body.controller-InstallerLanding .installationReceiptLogoContainerDiv,
body.controller-InstallerLanding .supplierReceiptLogoContainerDiv,
body.controller-PinCode .installationReceiptLogoContainerDiv,
body.controller-PinCode .supplierReceiptLogoContainerDiv {
  padding-left: 14px;
  padding-top: 0px;
}
body.controller-InstallationReceipt .installationReceiptLogoContainerDiv h3,
body.controller-InstallationReceipt .supplierReceiptLogoContainerDiv h3,
body.controller-SupplierReceipt .installationReceiptLogoContainerDiv h3,
body.controller-SupplierReceipt .supplierReceiptLogoContainerDiv h3,
body.controller-InstallerLanding .installationReceiptLogoContainerDiv h3,
body.controller-InstallerLanding .supplierReceiptLogoContainerDiv h3,
body.controller-PinCode .installationReceiptLogoContainerDiv h3,
body.controller-PinCode .supplierReceiptLogoContainerDiv h3 {
  display: inline-block;
  padding-left: 10px;
  padding-top: 8px;
  padding-bottom: 0px;
  margin: 0px 0px 0px 0px;
}
body.controller-InstallationReceipt .installationReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-InstallationReceipt .installationReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-InstallationReceipt .supplierReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-InstallationReceipt .supplierReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-SupplierReceipt .installationReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-SupplierReceipt .installationReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-SupplierReceipt .supplierReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-SupplierReceipt .supplierReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-InstallerLanding .installationReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-InstallerLanding .installationReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-InstallerLanding .supplierReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-InstallerLanding .supplierReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-PinCode .installationReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-PinCode .installationReceiptLogoContainerDiv .supplierReceiptLogoImg,
body.controller-PinCode .supplierReceiptLogoContainerDiv .installationReceiptLogoImg,
body.controller-PinCode .supplierReceiptLogoContainerDiv .supplierReceiptLogoImg {
  width: 48px;
  padding-top: 0px;
  margin-top: -8px;
}
body.controller-InstallationReceipt .joinerLogoLinkContainerDiv,
body.controller-SupplierReceipt .joinerLogoLinkContainerDiv,
body.controller-InstallerLanding .joinerLogoLinkContainerDiv,
body.controller-PinCode .joinerLogoLinkContainerDiv {
  margin-right: 25px;
  margin-left: -25px;
}
body.controller-InstallationReceipt .joinerLogoLinkContainerDiv .joinerLogoLink,
body.controller-SupplierReceipt .joinerLogoLinkContainerDiv .joinerLogoLink,
body.controller-InstallerLanding .joinerLogoLinkContainerDiv .joinerLogoLink,
body.controller-PinCode .joinerLogoLinkContainerDiv .joinerLogoLink {
  padding-right: 50px;
}
body.controller-InstallationReceipt .joinerLogoLinkContainerDiv .joinerLogoLink img,
body.controller-SupplierReceipt .joinerLogoLinkContainerDiv .joinerLogoLink img,
body.controller-InstallerLanding .joinerLogoLinkContainerDiv .joinerLogoLink img,
body.controller-PinCode .joinerLogoLinkContainerDiv .joinerLogoLink img {
  height: 28px;
  opacity: 0.7;
  margin-top: 10px;
}
body.controller-InstallationReceipt .joinerLogoLinkContainerDiv .joinerLogoLink img:hover,
body.controller-SupplierReceipt .joinerLogoLinkContainerDiv .joinerLogoLink img:hover,
body.controller-InstallerLanding .joinerLogoLinkContainerDiv .joinerLogoLink img:hover,
body.controller-PinCode .joinerLogoLinkContainerDiv .joinerLogoLink img:hover {
  opacity: 1;
}
.planStatusIcon {
  color: lightgray;
}
.planStatusIcon.gray {
  color: gray;
}
.planStatusIcon.orange {
  color: orange;
}
.planStatusIcon.lightblue {
  color: #03dbfc;
}
.planStatusIcon.blue {
  color: blue;
}
.planStatusIcon.greenish {
  color: green;
}
.planStatusIcon.green {
  color: green;
}
.planStatusIcon.red {
  color: red;
}
.planStatusIcon.pink {
  color: pink;
}
#orderMediaFilesDialog .modal-body {
  max-height: calc(80vh);
  padding-top: 0px !important;
}
#orderMediaFilesDialog .modal-body .mediaFilesit {
  max-height: 73vh !important;
  min-height: 73vh !important;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
#orderMediaFilesDialog .modal-body .mediaFilesit::-webkit-scrollbar {
  -webkit-appearance: none;
}
#orderMediaFilesDialog .modal-body .mediaFilesit::-webkit-scrollbar:horizontal {
  height: 11px;
}
#orderMediaFilesDialog .modal-body .mediaFilesit::-webkit-scrollbar:vertical {
  height: 11px;
}
#orderMediaFilesDialog .modal-body .mediaFilesit::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
#orderMediaFilesDialog .modal-body .mediaFilesit::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
#orderMediaFilesDialog .modal-body .mediaFilesit.pieniKorkeus {
  max-height: 69vh !important;
  min-height: 69vh !important;
}
#orderMediaFilesDialog .modal-body {
  min-height: 82vh !important;
  max-height: 82vh !important;
  height: 82vh !important;
  overflow-y: scroll;
}
.orderMediaFileEditingDiv {
  visibility: hidden;
  display: none;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding: 10px;
  position: static;
}
.orderMediaFileEditingDiv a.mediaFilesToTrashBtn:hover,
.orderMediaFileEditingDiv a.editOrderMediaFilesBtn:hover,
.orderMediaFileEditingDiv a.sendOrderMediaFilesBtn:hover {
  text-decoration: none !important;
}
.orderMediaFileEditingDiv.nakyviin {
  background: rgba(200,200,200,0.1);
  display: inline-block;
  margin-top: -60px !important;
  width: 100%;
  visibility: visible;
}
#openingsDiv .openingLabel {
  padding-right: 45px !important;
}
#openingsDiv .openingHandleDiv .optionSubMenu {
  max-width: 160px !important;
}
.editTechInfoValueBtns {
  text-decoration: none !important;
}
.techInfoEditBtn {
  font-size: 12px !important;
}
.techInfoOKbtn,
.newTechInfoBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 5px;
}
.techInfoOKbtn:focus,
.newTechInfoBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.techInfoOKbtn:hover,
.techInfoOKbtn:focus,
.newTechInfoBtn:hover,
.newTechInfoBtn:focus {
  color: #333;
  text-decoration: none;
}
.techInfoOKbtn:active,
.techInfoOKbtn.active,
.newTechInfoBtn:active,
.newTechInfoBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.techInfoOKbtn.disabled,
.techInfoOKbtn[disabled],
fieldset[disabled] .techInfoOKbtn,
.newTechInfoBtn.disabled,
.newTechInfoBtn[disabled],
fieldset[disabled] .newTechInfoBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.techInfoOKbtn:hover,
.techInfoOKbtn:focus,
.techInfoOKbtn:active,
.techInfoOKbtn.active,
.newTechInfoBtn:hover,
.newTechInfoBtn:focus,
.newTechInfoBtn:active,
.newTechInfoBtn.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.techInfoOKbtn.disabled,
.techInfoOKbtn.disabled:hover,
.techInfoOKbtn.disabled:focus,
.techInfoOKbtn.disabled:active,
.techInfoOKbtn.disabled.active,
.techInfoOKbtn[disabled],
.techInfoOKbtn[disabled]:hover,
.techInfoOKbtn[disabled]:focus,
.techInfoOKbtn[disabled]:active,
.techInfoOKbtn[disabled].active,
fieldset[disabled] .techInfoOKbtn,
fieldset[disabled] .techInfoOKbtn:hover,
fieldset[disabled] .techInfoOKbtn:focus,
fieldset[disabled] .techInfoOKbtn:active,
fieldset[disabled] .techInfoOKbtn.active,
.newTechInfoBtn.disabled,
.newTechInfoBtn.disabled:hover,
.newTechInfoBtn.disabled:focus,
.newTechInfoBtn.disabled:active,
.newTechInfoBtn.disabled.active,
.newTechInfoBtn[disabled],
.newTechInfoBtn[disabled]:hover,
.newTechInfoBtn[disabled]:focus,
.newTechInfoBtn[disabled]:active,
.newTechInfoBtn[disabled].active,
fieldset[disabled] .newTechInfoBtn,
fieldset[disabled] .newTechInfoBtn:hover,
fieldset[disabled] .newTechInfoBtn:focus,
fieldset[disabled] .newTechInfoBtn:active,
fieldset[disabled] .newTechInfoBtn.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.newTechInfoBtn {
  background: #67A272;
  border-color: #5b9566;
  min-height: 100% !important;
  max-height: 100% !important;
  display: inline-block !important;
  height: 30px !important;
  width: 30px !important;
  font-size: 15px !important;
}
.newTechInfoBtn:hover {
  background: #558b5f !important;
  border-color: #5b9566 !important;
}
.newTechInfoTR td,
.newTechInfoTR th {
  border-top: none !important;
}
.deleteTechInfoBtns {
  font-size: 15px;
  color: #963232;
  margin-left: 5px;
}
.deleteTechInfoBtns:hover {
  color: #823232;
}
.workProductionStatusIcon.green {
  color: green;
}
.workProductionStatusIcon.greenish {
  color: lightgreen;
}
.workProductionStatusIcon.yellow {
  color: yellow;
}
.workProductionStatusIcon.orange {
  color: orange;
}
.workProductionStatusIcon.red {
  color: red;
}
.workProductionStatusIcon.white {
  color: white;
}
.workProductionStatusIcon.gray {
  color: #777;
}
.workStatusCircle {
  border-radius: 100%;
  display: inline-block;
  width: 16px;
  height: 16px;
  background: gray;
  text-align: center;
  line-height: 100%;
  font-size: 13px;
  border: 1px solid #777;
  vertical-align: middle;
}
.workStatusCircle:hover {
  opacity: 0.8;
  border: 1px solid navy;
}
.workStatusCircle.searchableStatusIcon {
  width: 21px;
  height: 21px;
}
.workStatusCircle.green {
  background: green;
}
.workStatusCircle.greenish {
  background: lightgreen;
}
.workStatusCircle.yellow {
  background: yellow;
}
.workStatusCircle.orange {
  background: orange;
}
.workStatusCircle.red {
  background: red;
}
.workStatusCircle.white {
  background: white;
}
.workStatusCircle.gray {
  background: #777;
}
.workStatusCircle.eiValmistettaviaTuotteita {
  color: black;
  pointer-events: none !important;
}
.workStatusCircle.eiTyomaata {
  border: none !important;
  color: black;
  background: transparent;
  pointer-events: none !important;
}
.iconsForThisCheckboxGroup .eiTyomaata {
  font-size: 1.5em;
  color: gray;
}
label[data-session-array-key-for-information="workStatuses"][data-checkbox-value="-1"] {
  padding-left: 6px !important;
}
.helpButtons {
  display: inline-block !important;
}
.helpButtonsDiv {
  z-index: 10;
  position: fixed;
  right: 0px;
  top: 580px;
  width: auto;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform-origin: 100% 0%;
  -webkit-transform-origin: 100% 0%;
  -moz-transform-origin: 100% 0%;
  -o-transform-origin: 100% 0%;
  -ms-transform-origin: 100% 0%;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}
.helpButtonsDiv .helpButtonsChild {
  display: inline-block !important;
  vertical-align: top;
}
@media (max-width: 992px) {
  .helpButtonsDiv .hidden-sm {
    display: none !important;
  }
}
.helpButtonsDiv .helpButtonsChild {
  margin: 0px 0px 0px 0px;
  margin-left: 7px;
  margin-right: 7px;
  font-size: 120%;
  display: inline-block;
  background-color: #f0de3d;
  border: 2px solid #333;
  border-radius: 8px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 0px solid black;
  color: #FFF;
  letter-spacing: 1px;
  padding: 7px 15px 10px;
  z-index: 10;
}
.helpButtonsDiv .helpButtonsChild.annaPalautettaBtn {
  padding-left: 12px;
  padding-right: 12px;
}
.helpButtonsDiv .helpButtonsChild[data-help-button-kind="YLEINENOHJE"] {
  padding-left: 12px;
  padding-right: 12px;
}
.helpButtonsDiv a:hover {
  text-decoration: none;
}
.helpButtonsDiv .showOrderMediaFilesBtn {
  display: inline-block;
  width: 100%;
  height: 100%;
  padding: 7px 20px 10px;
}
.helpButtonsDiv .showOrderMediaFilesBtn div {
  display: inline-block;
  position: relative;
  bottom: 8px;
  transform: rotate(-90deg);
  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
}
.helpButtonsDiv .showOrderMediaFilesBtn div span.tiedostojaNakyySpan {
  position: relative;
  top: -15px;
  left: -18px;
  color: white;
  font-size: 14px;
}
.vihrea-lavaikoni {
  background: url(../img/production/pallet-green.png) no-repeat;
  background-size: contain;
  height: 17px;
  width: 40px;
  display: inline-block;
}
#answeredQuestionsDiv {
  display: none;
}
#userQuestionTooltip .userQuestionHintDiv {
  color: #333;
  margin-left: 10px;
  margin-bottom: 4px;
  margin-top: 3px;
}
.answeredQuestionsForOptionContainer {
  padding: 5px;
}
.answeredQuestionsForOptionContainer .questionsAndAnswersHeaderDiv {
  font-size: 150%;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 10px;
}
.answeredQuestionsForOptionContainer .answeredQuestion {
  margin-bottom: 7px;
  fborder: 1px solid gray;
  background: rgba(255,255,255,0.95);
  border-radius: 10px;
  padding: 10px;
  font-size: 16px;
}
.answeredQuestionsForOptionContainer .answeredQuestion .userQuestionDate {
  color: gray;
}
.answeredQuestionsForOptionContainer .answeredQuestion .userQuestionDiv {
  margin-top: 5px;
  font-weight: bold;
}
.answeredQuestionsForOptionContainer .answeredQuestion .userQuestionAnswerDiv {
  margin-top: 5px;
  margin-left: 15px;
}
.userQuestionPageDiv {
  margin-top: 0px;
}
.userQuestionPageDiv > h2 {
  margin-left: 10px;
}
.userQuestionPageDiv .userQuestionsDiv {
  background: white;
  max-width: 1500px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
  width: 100%;
}
.userQuestionPageDiv .userQuestionsDiv .userQuestionInput {
  width: 80px;
}
.userQuestionPageDiv .userQuestionsDiv textarea.userQuestionInput {
  width: 390px;
  height: 120px;
  color: black;
  font-size: 16px;
}
.userQuestionPageDiv .userQuestionsDiv textarea.userQuestionInput.answerTextArea.answerMissing {
  background: #fdd;
}
.userQuestionPageDiv .userQuestionsDiv textarea.userQuestionInput.answerTextArea.answerMissing:focus {
  transition: background 1.5s;
  background: white;
}
.poistuIlmoitusErissaDiv {
  position: relative;
  z-index: 5000;
  left: -15px;
  opacity: 0;
  display: inline-block;
  color: #c83200;
  transition: 1s opacity;
}
#chartDiv.loading {
  opacity: 0.2;
}
@media (max-width: 768px) {
  .orderTableWrapperDiv {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  #searchOrderForm {
    width: 100% !important;
  }
  .searchOrderTable {
    margin-bottom: 30px;
  }
  .searchOrderTable label,
  .searchOrderTable div {
    padding-left: 5px !important;
    padding-right: 5px !important;
  }
  #searchOrderForm td {
    display: inline-block;
    width: 49%;
  }
  .form-group.dateDiv input {
    display: block !important;
    min-width: 100% !important;
  }
  .haeTyhjennaFormGroup {
    margin-top: 50px !important;
  }
  .haeTyhjennaFormGroup div {
    width: 100%;
    display: block !important;
  }
  .haeTyhjennaFormGroup div button {
    width: 100%;
    margin-top: 10px;
    display: inline-block;
  }
  .rightButtonBar {
    padding-right: 15px !important;
  }
}
.taskIndexTableWrapper {
  padding-bottom: 200px;
}
.taskPageDiv {
  max-width: 1000px !important;
}
.taskIndexTopDiv {
  padding-top: 3px;
  margin-left: auto;
  margin-right: auto;
}
.taskIndexTopDiv a {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #fff;
  background-color: #f0de3d;
  border-color: #efda25;
  color: #222;
  font-size: 13px !important;
}
.taskIndexTopDiv a:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.taskIndexTopDiv a:hover,
.taskIndexTopDiv a:focus {
  color: #333;
  text-decoration: none;
}
.taskIndexTopDiv a:active,
.taskIndexTopDiv a.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.taskIndexTopDiv a.disabled,
.taskIndexTopDiv a[disabled],
fieldset[disabled] .taskIndexTopDiv a {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.taskIndexTopDiv a:hover,
.taskIndexTopDiv a:focus,
.taskIndexTopDiv a:active,
.taskIndexTopDiv a.active {
  color: #fff;
  background-color: #eed717;
  border-color: #c7b40f;
}
.taskIndexTopDiv a.disabled,
.taskIndexTopDiv a.disabled:hover,
.taskIndexTopDiv a.disabled:focus,
.taskIndexTopDiv a.disabled:active,
.taskIndexTopDiv a.disabled.active,
.taskIndexTopDiv a[disabled],
.taskIndexTopDiv a[disabled]:hover,
.taskIndexTopDiv a[disabled]:focus,
.taskIndexTopDiv a[disabled]:active,
.taskIndexTopDiv a[disabled].active,
fieldset[disabled] .taskIndexTopDiv a,
fieldset[disabled] .taskIndexTopDiv a:hover,
fieldset[disabled] .taskIndexTopDiv a:focus,
fieldset[disabled] .taskIndexTopDiv a:active,
fieldset[disabled] .taskIndexTopDiv a.active {
  background-color: #f0de3d;
  border-color: #efda25;
}
.taskIndexTopDiv a.tyhjennaHautBtn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 4px;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.taskIndexTopDiv a.tyhjennaHautBtn:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.taskIndexTopDiv a.tyhjennaHautBtn:hover,
.taskIndexTopDiv a.tyhjennaHautBtn:focus {
  color: #333;
  text-decoration: none;
}
.taskIndexTopDiv a.tyhjennaHautBtn:active,
.taskIndexTopDiv a.tyhjennaHautBtn.active {
  outline: 0;
  -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
  box-shadow: inset 0 3px 5px rgba(0,0,0,0.125);
}
.taskIndexTopDiv a.tyhjennaHautBtn.disabled,
.taskIndexTopDiv a.tyhjennaHautBtn[disabled],
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn {
  cursor: default;
  pointer-events: none;
  opacity: .65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.taskIndexTopDiv a.tyhjennaHautBtn:hover,
.taskIndexTopDiv a.tyhjennaHautBtn:focus,
.taskIndexTopDiv a.tyhjennaHautBtn:active,
.taskIndexTopDiv a.tyhjennaHautBtn.active {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad;
}
.taskIndexTopDiv a.tyhjennaHautBtn.disabled,
.taskIndexTopDiv a.tyhjennaHautBtn.disabled:hover,
.taskIndexTopDiv a.tyhjennaHautBtn.disabled:focus,
.taskIndexTopDiv a.tyhjennaHautBtn.disabled:active,
.taskIndexTopDiv a.tyhjennaHautBtn.disabled.active,
.taskIndexTopDiv a.tyhjennaHautBtn[disabled],
.taskIndexTopDiv a.tyhjennaHautBtn[disabled]:hover,
.taskIndexTopDiv a.tyhjennaHautBtn[disabled]:focus,
.taskIndexTopDiv a.tyhjennaHautBtn[disabled]:active,
.taskIndexTopDiv a.tyhjennaHautBtn[disabled].active,
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn,
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn:hover,
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn:focus,
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn:active,
fieldset[disabled] .taskIndexTopDiv a.tyhjennaHautBtn.active {
  background-color: #fff;
  border-color: #ccc;
}
.taskSearchBox .iconsForThisCheckboxGroup label {
  padding-top: 5px !important;
  padding-bottom: 6px !important;
  padding-left: 7px !important;
  padding-right: 7px !important;
}
.Task_aikavalinnatDiv label {
  width: 90px;
}
.Task_aikavalinnatDiv label:last-child {
  width: 105px;
}
@media (min-width: 1000px) {
  .taskFixedWrapper.taskFixedWrapperFixediksi {
    max-height: 80px !important;
    min-height: 80px !important;
    width: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background: white !important;
    margin-left: auto;
    margin-right: auto;
    z-index: 500;
    border-bottom: 1px solid rgba(100,100,100,0.5);
  }
  .taskFixedWrapper.taskFixedWrapperFixediksi .taskIndexTopDiv {
    width: auto;
    margin-left: auto;
    margin-right: auto;
  }
  .taskFixedWrapper.taskFixedWrapperFixediksi .taskSearchFormWrapper {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
  }
}
@media (max-width: 1000px) {
  .taskIndexTopDiv .taskSearchBox {
    display: block;
  }
  .taskIndexTopDiv .taskSearchBox .taskSearchBoxinRightDiv {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .taskIndexTopDiv .taskSearchBox .Task_aikavalinnatDiv {
    margin-bottom: 10px;
    margin-top: 10px;
  }
  .taskIndexTopDiv .taskSearchBox .Task_aikavalinnatDiv label {
    width: 70px;
  }
  .taskIndexTopDiv .taskSearchBox .Task_aikavalinnatDiv label:last-child {
    width: 95px;
  }
  .taskIndexTopDiv .taskSearchBox .searchStatusesMainDiv {
    margin-left: auto;
    margin-right: auto;
    display: block;
  }
}
.taskSearchBox {
  display: flex;
  margin-left: auto !important;
  margin-right: auto !important;
  gap: 15px;
}
.taskSearchBox .taskSearchBoxinRightDiv {
  display: flex;
  gap: 10px;
}
.taskSearchBox > div.task_idCol {
  width: 70px;
}
.taskSearchBox > div.task_hakuCol {
  width: 140px;
}
.taskSearchBox .form-group {
  margin-bottom: 0px;
}
.taskPagingDiv {
  margin-top: -200px;
}
@media (max-width: 767px) {
  .taskPagingDiv {
    margin-top: 0px;
  }
}
.createDocsBtn::before {
  content: '+';
  position: relative;
  top: -5px;
  left: 6px;
  color: #b8c5cf;
}
.createDocsBtn:hover::before {
  color: #007fe0;
}
.showDocBtn::before {
  content: '+';
  color: transparent;
  position: relative;
  top: -5px;
  left: 5px;
}
.TaskPageDiv .tyoPallo,
.changeTaskStatusMenu div {
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  border: 1px solid black;
  display: inline-block;
}
.changeTaskStatusMenu > li > a {
  font-weight: bold !important;
  font-size: 15px !important;
}
.changeTaskStatusMenu div {
  height: 18px;
  width: 18px;
}
.changeTaskStatusMenu li {
  padding: 4px;
  padding: 0px !important;
  margin: 0px !important;
}
.tilanVaihtoDiv {
  text-align: center;
  width: 150px;
  padding: 5px;
  background: rgba(240,240,240,0.9);
  border: 1px solid rgba(100,100,100,0.4);
  border-radius: 5px;
}
.tilanVaihtoDiv a {
  text-decoration: none !important;
}
.tyonTila0 .tyoPallo,
.tyoPallo0 {
  background: white;
}
.tyonTila1 .tyoPallo,
.tyoPallo1 {
  background: #323232;
}
.tyonTila2 .tyoPallo,
.tyoPallo2 {
  background: yellow;
}
.tyonTila3 .tyoPallo,
.tyoPallo3 {
  background: red;
}
.tyonTila4 .tyoPallo,
.tyoPallo4 {
  background: #A020F0;
}
.tyonTila5 .tyoPallo,
.tyoPallo5 {
  background: #6495ee;
}
.tyonTila6 .tyoPallo,
.tyoPallo6 {
  background: #64dc50;
}
.tyonTila7 .tyoPallo,
.tyoPallo7 {
  background: blue;
}
.tyonTila8 .tyoPallo,
.tyoPallo8 {
  background: green;
}
.tyonTila9 .tyoPallo,
.tyoPallo9 {
  background: #969696;
}
.taskIndexTableWrapper {
  overflow-x: scroll;
}
.tasksDivMob {
  display: none;
}
.taskIndexTable {
  width: 100%;
}
.taskIndexTable th,
.taskIndexTable td {
  padding: 10px;
}
.taskIndexTable th.providerNameCell .providerNameDiv,
.taskIndexTable td.providerNameCell .providerNameDiv {
  max-width: 75px;
  width: 75px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.tekijaLinkit {
  text-align: right;
  float: right;
  display: inline-block;
}
.tekijaLinkit a {
  font-size: 14px;
  margin-left: 15px;
}
.tekijaLinkit a:hover {
  text-decoration: none !important;
}
.Task_asiakkaanNakymaDiv > div > div {
  margin: 10px;
  padding: 0px;
  transition: opacity 0.5s, background 1s;
}
.Task_asiakkaanNakymaDiv > div > div h3 {
  vertical-align: toptop;
  margin-top: 0px;
  margin-bottom: 15px;
  color: #001e32;
  font-size: 13px !important;
}
.Task_asiakkaanNakymaDiv > div > div h4 {
  border-left: 3px solid rgba(0,30,50,0.1);
  padding-left: 10px;
  font-size: 13px;
  line-height: 18px;
}
.Task_asiakkaanNakymaDiv > div > div .palloDiv {
  vertical-align: top;
  width: 100%;
  text-align: left;
  display: inline-block;
}
.Task_asiakkaanNakymaDiv > div > div .palloDiv b {
  display: inline-block;
  width: 70%;
  vertical-align: top;
}
.Task_asiakkaanNakymaDiv > div > div .taskTekopvm {
  display: inline-block;
}
.Task_asiakkaanNakymaDiv > div > div .otsikkoSeliteDiv {
  width: 100%;
  vertical-align: top;
  display: inline-block;
}
.Task_asiakkaanNakymaDiv > div > div a.showDocBtn {
  color: #007fe0 !important;
  font-size: 20px;
  padding: 0px !important;
}
.Task_asiakkaanNakymaDiv > div > div a.showDocBtn::before {
  display: none;
}
.Task_asiakkaanNakymaDiv > div > div a.showDocBtn:hover {
  color: #333 !important;
  background: none !important;
}
@media (max-width: 767px) {
  .tehtavatPaaOtsikko {
    text-align: center;
  }
  .Task_asiakkaanNakymaDiv > div {
    border: 1px solid none;
    min-width: 90% !important;
    max-width: 90% !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
  }
  .Task_asiakkaanNakymaDiv .palloDiv {
    width: 9% !important;
  }
  .Task_asiakkaanNakymaDiv .otsikkoSeliteDiv {
    width: 89% !important;
  }
}
.taskIndexTable a.btn {
  font-size: 15px;
}
.taskIndexTable td:nth-child(3) {
  max-width: 300px !important;
}
.taskIndexTable .handle div,
.tasksDivMob .handle div.handleDiv {
  cursor: pointer;
  width: 40px;
  height: 40px;
  font-size: 18px;
  text-align: center;
  padding-top: 7px;
  border-radius: 50%;
  background: rgba(100,100,100,0.1);
  border: 1px solid rgba(100,100,100,0.2);
}
.taskForm td {
  padding-top: 10px !important;
}
.taskForm td input,
.taskForm td textarea {
  font-size: 16px !important;
}
.TaskPageDiv .buttonTd a,
.TaskPageDiv .tasksDivMobButtonsDiv a {
  color: #007fe0 !important;
}
.TaskPageDiv .buttonTd a.createDocsBtn,
.TaskPageDiv .tasksDivMobButtonsDiv a.createDocsBtn {
  color: #b8c5cf !important;
}
.TaskPageDiv .buttonTd a.createDocsBtn:hover,
.TaskPageDiv .tasksDivMobButtonsDiv a.createDocsBtn:hover {
  color: #007fe0 !important;
}
.TaskPageDiv .buttonTd a:hover,
.TaskPageDiv .tasksDivMobButtonsDiv a:hover {
  background: none !important;
  color: #333 !important;
}
body #genericIframeDialog.taskShowDialog .modal-dialog {
  min-width: 740px;
  width: 740px;
}
@media (max-width: 767px) {
  body #genericIframeDialog.taskShowDialog .modal-dialog {
    min-width: 95% !important;
    width: 95% !important;
  }
  .taskIndexTableWrapper {
    display: none;
  }
  .tasksDivMob {
    display: block;
  }
  .tasksDivMob td {
    border-bottom: 2px solid rgba(100,100,100,0.2);
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .tasksDivMob td:nth-child(2) {
    width: 80%;
  }
  .tasksDivMob td:nth-child(3) {
    width: 10%;
    vertical-align: top;
  }
  .tasksDivMob td > b:first-child {
    display: inline-block;
    width: 100%;
    padding: 10px;
    border-left: 8px solid rgba(150,150,150,0.4);
  }
  .tasksDivMob .tehtavaIdDiv {
    background: rgba(150,150,150,0.3);
    padding: 5px;
    font-size: 15px;
    font-weight: normal !important;
  }
  .tasksDivMob .tehtavaIdDiv b {
    font-weight: normal !important;
  }
  .tilanVaihtoDiv {
    width: 170px;
  }
  .tyoPallo,
  .tilanVaihtoDiv div {
    height: 25px !important;
    width: 25px !important;
  }
  .tasksDivMobButtonsDiv {
    width: 28%;
    margin-top: 5px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: top;
  }
  .tasksDivMobButtonsDiv a {
    font-size: 21px;
  }
  .tasksDivMobButtonsDiv .showDocBtn,
  .tasksDivMobButtonsDiv .createDocsBtn {
    position: relative;
    left: -8px;
  }
}
#collapseBatchResponsibles td {
  padding-right: 7px;
}
.orderRowSetPage .plusRightBtn,
.orderRowSetPage .plusBottomBtn {
  opacity: 0;
  transition: opacity 3s, transform 1s linear 0.3s;
}
.orderRowSetPage:hover .plusRightBtn,
.orderRowSetPage:hover .plusBottomBtn {
  opacity: 0.85;
  transition: opacity 0.3s, transform 1s linear 0.3s;
}
.orderRowSetPage .adjacentSvgs {
  position: relative;
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer {
  position: absolute;
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusRightBtn,
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusBottomBtn {
  width: 29px;
  height: 29px;
  position: absolute;
  text-decoration: none;
  z-index: 1000;
  color: white;
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusRightBtn:hover,
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusBottomBtn:hover {
  transition: opacity 0.5s, transform 0.4s linear 0.3s !important;
  transform: rotate(30deg);
  opacity: 1;
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusRightBtn:focus,
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusBottomBtn:focus {
  background: #777;
  transition: opacity 0.5s, transform 0.5s linear 0s;
  transition-delay: 0s;
  transform: rotate(90deg);
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusRightBtn {
  top: calc(50% -  29px );
  right: calc(-17.5px);
}
.orderRowSetPage .adjacentSvgs .adjacentSvgContainer .plusBottomBtn {
  left: calc(50% -  29px  / 2);
  bottom: calc(-12.5px);
}
.mouldingErrorDiv {
  margin: 15px;
  padding: 10px;
}
.smallnote {
  opacity: 0;
  font-size: 14px;
  color: #555;
  transition: opacity 1.0s;
  transition-delay: 0.15s;
}
tr:hover .smallnote,
.smallnoteContainer:hover .smallnote {
  opacity: 1;
  transition: opacity 0.5s;
  transition-delay: 0.15s;
}
.orderRowSetPageOuterContainer {
  position: relative;
}
.orderRowSetPageOuterContainer .flyingSvgImg {
  display: none;
  position: absolute;
  z-index: 10000;
}
.orderRowSetPageOuterContainer .flyingSvgImg.animatingMenuSvgImg {
  display: block;
  transition: width 1.5s, height 1.5s, top 1.5s, left 1.5s;
}
.orderRowSetPageOuterContainer #cartDowndownMenu .svgImg {
  margin-bottom: -10px;
}
.orderRowSetPageOuterContainer #cartDowndownMenu form.addNewAdjacentOrderRowForm li.upperLi {
  padding: 13px;
}
.orderRowSetPageOuterContainer #cartDowndownMenu form.addNewAdjacentOrderRowForm .inputGroup .adjacentGapInput {
  width: 90px;
  display: inline-block;
  margin-left: 4px;
}
.raahattavaTehtava {
  background: #fffefa;
}
.kansioPolkuDiv {
  background: rgba(150,150,150,0.1);
  padding: 10px;
  width: 98%;
}
.kansioPolkuDiv a.mediaFileBackInPathBtn {
  display: inline-block;
  width: 20px;
  height: 20px;
  text-align: center;
  border-radius: 50%;
  background: rgba(50,50,50,0.2);
}
.kansioPolkuDiv a.mediaFileBackInPathBtn:hover {
  background: rgba(50,50,50,0.4);
}
.MediaFileContent.orderMediaFile .OrderMediaFileActualContent {
  padding-left: 24%;
}
a.uploadOrderMediaFileBtn {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px !important;
  background: none !important;
  padding-top: 0px !important;
  border: none !important;
}
a.uploadOrderMediaFileBtn i {
  font-size: 25px;
  color: green;
}
a.createMediaFileFolderBtn {
  display: inline-block;
  vertical-align: top;
  margin-top: 0px !important;
  background: none !important;
  padding-top: 0px !important;
  border: none !important;
}
a.createMediaFileFolderBtn i {
  font-size: 25px;
  color: #007fe0 !important;
}
.mediaFileFolderit {
  position: absolute;
  padding-top: 50px;
  top: -20px;
  height: 75vh !important;
  max-height: 75vh !important;
  min-height: 75vh !important;
  overflow-y: scroll;
  left: 0px;
  display: inline-block;
  width: 22%;
  padding: 10px;
  z-index: 10000;
  text-align: center;
  background: rgba(50,120,200,0.15) !important;
  -webkit-overflow-scrolling: touch;
}
.mediaFileFolderit::-webkit-scrollbar {
  -webkit-appearance: none;
}
.mediaFileFolderit::-webkit-scrollbar:horizontal {
  height: 11px;
}
.mediaFileFolderit::-webkit-scrollbar:vertical {
  height: 11px;
}
.mediaFileFolderit::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.mediaFileFolderit::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.mediaFileFolderit .paakansiostaSeuraavatKansiotDiv {
  margin-left: 10px !important;
}
.mediaFileFolderit .alikansiotDiv {
  border: none !important;
  border-left: 1px solid rgba(50,50,50,0.1) !important;
  margin-left: 20px !important;
}
.mediaFileFolderit .alikansiotDiv i {
  font-size: 15px !important;
}
.mediaFileFolderit a.openMediaFileFolderBtn {
  text-decoration: none !important;
  font-size: 11px !important;
}
.mediaFileFolderit a.openMediaFileFolderBtn i {
  font-size: 25px;
}
.mediaFileFolderit .draggableMF {
  z-index: 20000;
}
.mediaFileFolderit .droppableMF {
  cursor: pointer;
  position: relative;
  width: 100%;
  padding: 13px;
  display: inline-block;
  text-align: left;
}
.mediaFileFolderit .droppableMF div.folderNameDiv {
  display: inline-block;
  font-size: 14px;
}
.mediaFileFolderit .alikansiotDiv {
  border-top: none !important;
}
.mediaFileFolderit .alikansiotDiv i {
  font-size: 15px !important;
}
.mediaFileFolderit .alikansiotDiv .folderinTiedostojenMaaraDiv {
  left: 4px;
  width: 15px;
  height: 15px;
  font-size: 10px !important;
  padding-top: 1px !important;
}
.mediaFileFolderit .alikansiotDiv div.folderNameDiv {
  font-size: 12px;
}
.mediaFileFolderit .droppableMF:hover {
  background: rgba(150,150,150,0.2);
}
.mediaFileFolderit div.draggingIconDiv i {
  font-size: 50px !important;
}
.mediaFileFolderit .avattuKansioTausta {
  background: rgba(245,245,245,0.9) !important;
}
.disabloituFolder .folderNameDiv {
  color: grey !important;
}
.disabloituFolder i {
  color: grey !important;
}
.folderinTiedostojenMaaraDiv {
  display: inline-block;
  width: 15px;
  height: 15px;
  font-size: 10px !important;
  padding-top: 0px !important;
  border: 1px solid #b4b4b4;
  background: #c8c8c8;
  border-radius: 100%;
  position: absolute;
  text-align: center;
  top: 10px;
  left: 5px;
}
.trashFolderDiv {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 22%;
  padding: 10px;
  z-index: 10000;
  height: 10vh;
  background: rgba(50,120,200,0.25) !important;
  border-top: 2px solid rgba(100,100,100,0.1);
}
.trashFolderDiv .droppableMF.droppableMFtrash {
  position: absolute;
  bottom: 3px;
  left: 0px;
  position: relative;
  width: 100%;
  padding: 13px;
}
.trashFolderDiv .droppableMF.droppableMFtrash div.folderNameDiv {
  display: inline-block;
  font-size: 14px;
}
.trashFolderDiv .droppableMF.droppableMFtrash a {
  background: rgba(180,20,20,0.5);
  color: white !important;
}
.trashFolderDiv .droppableMFtrash:hover {
  background: rgba(150,150,150,0.2);
}
.mediaFileFolderit.alemmaksiTaa {
  top: -20px;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa .OrderMediaFileActualContent {
  padding-left: 100px;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa a.createMediaFileFolderBtn {
  float: none;
  text-align: center;
  margin-top: 10px;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa .mediaFileFolderit {
  width: 100px;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa .mediaFileFolderit .droppableMF:not(.droppableMFtrash) {
  display: none;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa .trashFolderDiv {
  width: 100px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.MediaFileContent.orderMediaFile.eiKansioitaTilauksenTiedostoissa .trashFolderDiv .folderinTiedostojenMaaraDiv {
  left: 15px;
}
.orderMediaFile_nimiJAkuvausDiv,
.orderMediaFile_avainsanatDiv {
  width: 49%;
  vertical-align: top;
  display: inline-block;
}
.orderMediaFile_avainsanatDiv .panel-body {
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  height: 300px;
}
.orderMediaFile_avainsanatDiv .panel-body::-webkit-scrollbar {
  -webkit-appearance: none;
}
.orderMediaFile_avainsanatDiv .panel-body::-webkit-scrollbar:horizontal {
  height: 11px;
}
.orderMediaFile_avainsanatDiv .panel-body::-webkit-scrollbar:vertical {
  height: 11px;
}
.orderMediaFile_avainsanatDiv .panel-body::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.orderMediaFile_avainsanatDiv .panel-body::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
@media (max-width: 1000px) {
  .orderMediaFile_nimiJAkuvausDiv,
  .orderMediaFile_avainsanatDiv {
    width: 100%;
  }
  .trashFolderDiv {
    width: 100px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
  .trashFolderDiv .folderinTiedostojenMaaraDiv {
    left: 15px;
  }
}
.hiddenByHiddenTitles {
  display: none !important;
}
.defaultANDblockedTitlesEditingDiv {
  margin-top: 15px;
}
.defaultANDblockedTitlesEditingDiv .multiselect-container {
  overflow-y: scroll;
  max-height: 300px;
  -webkit-overflow-scrolling: touch;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
}
.defaultANDblockedTitlesEditingDiv .multiselect-container::-webkit-scrollbar {
  -webkit-appearance: none;
}
.defaultANDblockedTitlesEditingDiv .multiselect-container::-webkit-scrollbar:horizontal {
  height: 11px;
}
.defaultANDblockedTitlesEditingDiv .multiselect-container::-webkit-scrollbar:vertical {
  height: 11px;
}
.defaultANDblockedTitlesEditingDiv .multiselect-container::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  background-color: rgba(0,0,0,0.3);
}
.defaultANDblockedTitlesEditingDiv .multiselect-container::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0,0,0,0.5);
}
.defaultANDblockedTitlesEditingDiv .multiselect-container li a {
  text-align: left;
  min-width: 100%;
  max-width: 100%;
  display: inline-block;
}
.defaultANDblockedTitlesEditingDiv button.multiselect {
  width: 100%;
  display: inline-block;
}
.ordersPageOpJoustoDropdownMenu li.noMoreFundingPollingOrder {
  cursor: not-allowed;
  opacity: 0.8;
}
#productConfig.svgImageHiddenInConfigPage {
  margin-left: 0px !important;
  margin-right: 0px !important;
  margin-top: 15px !important;
}
#productConfig.svgImageHiddenInConfigPage #configurationForm {
  margin-left: 0px;
}
body.ihanAvustin #product-top {
  display: none !important;
}
body.ihanAvustin.piilotaMaarittelysivunValikot fieldset#mullionsFieldset,
body.ihanAvustin.piilotaMaarittelysivunValikot fieldset#openingsFieldset,
body.ihanAvustin.piilotaMaarittelysivunValikot fieldset.equipmentFieldset,
body.ihanAvustin.piilotaMaarittelysivunValikot fieldset.muutFieldset,
body.ihanAvustin.piilotaMaarittelysivunValikot div.patternControlGroup,
body.ihanAvustin.piilotaMaarittelysivunValikot div#dimensionControlsUpperDiv,
body.ihanAvustin.piilotaMaarittelysivunValikot div.frameDepthFromGroup {
  display: none;
}
body.ihanAvustin .priceBreakdownParentDiv {
  opacity: 0;
  transition: 1s opacity;
  transition-delay: 0.5s;
}
body.ihanAvustin .priceBreakdownParentDiv:hover {
  opacity: 1;
}
.taskTekopvm {
  color: rgba(150,50,20,0.6);
  margin-bottom: 5px;
}
.flexDataListSELECT::placeholder {
  opacity: 1;
}
.opRahoitushakuP {
  padding-left: 10px;
}
.taskPageContainer .taskNavBar {
  margin-bottom: 0;
  padding-left: 0;
  list-style: none;
  border-bottom: 1px solid #ddd;
  padding-left: 15px;
  border-bottom: 0;
}
.taskPageContainer .taskNavBar:before,
.taskPageContainer .taskNavBar:after {
  content: " ";
  display: table;
}
.taskPageContainer .taskNavBar:after {
  clear: both;
}
.taskPageContainer .taskNavBar:before,
.taskPageContainer .taskNavBar:after {
  content: " ";
  display: table;
}
.taskPageContainer .taskNavBar:after {
  clear: both;
}
.taskPageContainer .taskNavBar > li {
  position: relative;
  display: block;
}
.taskPageContainer .taskNavBar > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
  padding-left: 10px;
  padding-right: 10px;
}
.taskPageContainer .taskNavBar > li > a:hover,
.taskPageContainer .taskNavBar > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}
.taskPageContainer .taskNavBar > li.disabled > a {
  color: #999999;
}
.taskPageContainer .taskNavBar > li.disabled > a:hover,
.taskPageContainer .taskNavBar > li.disabled > a:focus {
  color: #999999;
  text-decoration: none;
  background-color: transparent;
  cursor: not-allowed;
}
.taskPageContainer .taskNavBar.open > a,
.taskPageContainer .taskNavBar.open > a:hover,
.taskPageContainer .taskNavBar.open > a:focus {
  color: #fff;
  background-color: #007fe0;
  border-color: #007fe0;
}
.taskPageContainer .taskNavBar.open > a .caret,
.taskPageContainer .taskNavBar.open > a:hover .caret,
.taskPageContainer .taskNavBar.open > a:focus .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}
.taskPageContainer .taskNavBar .nav-divider {
  height: 1px;
  margin: 8px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.taskPageContainer .taskNavBar > li {
  float: left;
  margin-bottom: -1px;
}
.taskPageContainer .taskNavBar > li > a {
  margin-right: 2px;
  line-height: 1.428571429;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.taskPageContainer .taskNavBar > li > a:hover {
  border-color: #eeeeee;
}
.taskPageContainer .taskNavBar > li.active > a,
.taskPageContainer .taskNavBar > li.active > a:hover,
.taskPageContainer .taskNavBar > li.active > a:focus {
  color: #555555;
  background-color: #fff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
}
.taskPageContainer .taskNavBar.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.taskPageContainer .taskNavBar.nav-justified > li {
  float: none;
  display: table-cell;
  width: 1%;
}
.taskPageContainer .taskNavBar.nav-justified > li > a {
  text-align: center;
}
.taskPageContainer .taskNavBar.nav-justified > li > a {
  border-bottom: 1px solid #ddd;
  margin-right: 0;
}
.taskPageContainer .taskNavBar.nav-justified > .active > a {
  border-bottom-color: #fff;
}
.kuormitusHeaderBar {
  background: rgba(200,200,200,0.5);
  padding: 15px;
}
.kuormittamattomatDiv .kuormittamattomatTehtavat > div {
  position: relative;
  z-index: 1;
}
.kuormittamattomatDiv {
  border-top: 1px solid #ddd;
  min-width: 150px;
  max-width: 280px;
  vertical-align: top;
  overflow-y: scroll;
  height: calc(100vh - 153px);
}
.kuormittamattomatDiv h2 {
  padding: 10px;
  padding-left: 0px;
  padding: 15px;
  padding-bottom: 11px;
  width: 100%;
  margin-top: 0px;
  margin-bottom: 6px;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  font-weight: bold;
  color: black;
  text-align: center;
}
.eiVoiKuormittaaTaskia {
  background: rgba(200,100,100,0.2) !important;
}
.kuormittamatonTask {
  border-radius: 5px;
  margin-top: 15px;
  padding: 8px;
  width: 95%;
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
}
.kuormittamatonTask.tyoaika1,
.kuormittamatonTask.tyoaika1 > div {
  height: 100px !important;
}
.kuormittamatonTask.tyoaika2,
.kuormittamatonTask.tyoaika2 > div {
  height: 200px !important;
}
.kuormittamatonTask.tyoaika3,
.kuormittamatonTask.tyoaika3 > div {
  height: 300px !important;
}
.kuormittamatonTask.tyoaika4,
.kuormittamatonTask.tyoaika4 > div {
  height: 400px !important;
}
.kuormittamatonTask.tyoaika5,
.kuormittamatonTask.tyoaika5 > div {
  height: 500px !important;
}
.kuormittamatonTask.tyoaika6,
.kuormittamatonTask.tyoaika6 > div {
  height: 600px !important;
}
.kuormittamatonTask.tyoaika7,
.kuormittamatonTask.tyoaika7 > div {
  height: 700px !important;
}
.kuormittamatonTask.tyoaika8,
.kuormittamatonTask.tyoaika8 > div {
  height: 800px !important;
}
.kuormittamatonHelper {
  width: 25%;
}
@media screen and (max-height: 650px) {
  .anyTask .taskOtsikkoDiv,
  .anyTask .kuormitettuTekijaDiv {
    font-size: 11px !important;
  }
  .kuormitettuTask > div {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
}
.paivanKuormituksetDiv {
  display: flex;
  flex-direction: column;
  gap: 0.8vh;
  margin-top: 0.8vh;
}
.paivanKuormituksetDiv .anyTask {
  margin-top: 0px;
  margin-bottom: 0px;
}
.anyTask {
  background: darkred;
  border-left-width: 4px;
  border-left-style: solid;
  border-radius: 5px;
  margin-top: 0.4vh;
  margin-bottom: 0.4vh;
  margin-left: 10px;
  margin-right: 10px;
  width: calc(100% - 2 *  10px );
}
.anyTask.ui-draggable-handle {
  cursor: grab;
}
.anyTask.ui-draggable-handle :input {
  cursor: auto;
}
.anyTask.ui-draggable-handle .otsikkoSpan {
  cursor: auto;
}
.anyTask.newTask {
  background: #beb;
  border-left-color: #41cf41;
}
.anyTask.newTask .addNewTaskBtn {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-decoration: none;
  font-size: 150%;
}
.anyTask.newTask:hover .addNewTaskBtn .rotatingSpan {
  display: inline-block;
  margin-left: auto;
  margin-right: auto;
  transform: rotate(90deg);
  transition: transform 1s;
}
.anyTask.white-taskStatus {
  background: #ffffff;
  border-left-color: #e6e6e6;
}
.anyTask.grey-taskStatus {
  background: #f0f0f0;
  border-left-color: #979797;
}
.anyTask.black-taskStatus {
  background: #e2e2e2;
  border-left-color: #5e5e5e;
}
.anyTask.yellow-taskStatus {
  background: #fdf1ab;
  border-left-color: #ffb733;
}
.anyTask.red-taskStatus {
  background: #ffbfbf;
  border-left-color: #ea1a1a;
}
.anyTask.purple-taskStatus {
  background: #dba6ff;
  border-left-color: #b300b3;
}
.anyTask.lightblue-taskStatus {
  background: #d2e6ff;
  border-left-color: #53a0ff;
}
.anyTask.lightgreen-taskStatus {
  background: #ebfff1;
  border-left-color: #45c869;
}
.anyTask.blue-taskStatus {
  background: #93b8ff;
  border-left-color: #1136ff;
}
.anyTask.green-taskStatus {
  background: #cff1d8;
  border-left-color: #45c869;
}
.kuormittamattomienJaKuormituskalenterinParentDiv {
  display: flex;
  width: 100%;
}
.kuormitetutTitleRow {
  padding: 10px;
  padding-top: 5px;
  padding-bottom: 0px;
  padding-left: 10px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.kuormitetutTitleRow h2 {
  color: black;
  font-size: 24px;
  font-weight: bold;
  flex: 1;
}
.kuormitetutTitleRow .selectedWeekAndWeekBrowserDiv {
  min-width: 173px;
  padding-bottom: 5px;
}
.kuormitetutTitleRow .selectedWeekAndWeekBrowserDiv .selectedWeekDiv {
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: bold;
}
.kuormitetutDiv {
  flex: 1;
  height: calc(100vh - 152px);
  overflow-y: scroll;
}
.kuormitetutDiv #kuormitetutTable {
  min-width: 100%;
  min-height: calc(100vh - 204px);
}
.kuormitetutDiv #kuormitetutTable .ui-droppable {
  transition: background-color 0.8s;
}
.kuormitetutDiv #kuormitetutTable .ui-droppable.ui-state-active {
  font-weight: inherit;
  background-color: rgba(50,115,246,0.2);
  color: inherit;
  transition: background-color 0.3s;
}
.kuormitetutDiv #kuormitetutTable .lauantaiDropArea {
  background: #eee;
}
.kuormitetutDiv #kuormitetutTable tr th {
  border: 1px solid #ddd;
  background: #fff;
  margin-left: 2px;
  margin-right: 2px;
  padding: 10px;
  color: black;
}
.kuormitetutDiv #kuormitetutTable tr th .titlesTrPaiva {
  font-size: 18px;
  display: block;
  vertical-align: top;
  text-align: center;
  color: black;
  text-decoration: none;
}
.kuormitetutDiv #kuormitetutTable td,
.kuormitetutDiv #kuormitetutTable th {
  width: 16.66665% !important;
  min-width: 16.66665% !important;
  max-width: 16.66665% !important;
  border: 1px solid #ddd;
  background: #fff;
  vertical-align: top;
  min-height: calc(100vh - 204px);
}
.kuormitetutDiv #kuormitetutTable td .dropArea,
.kuormitetutDiv #kuormitetutTable th .dropArea {
  height: 100%;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkkiWrapper {
  margin-top: 10px;
  padding-bottom: 7px;
  border-bottom: 1px solid #ddd;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki {
  margin-top: 15px;
  display: inline-block !important;
  width: 100%;
  height: 10px;
  border: 1px solid white;
  margin-top: 5px;
  position: relative;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki:hover {
  z-index: 1000;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki:hover .tekijanPalkkiTilaSpan {
  box-shadow: 0px 0px 10px black;
  transition: box-shadow .1s;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki .tekijanPalkkiTilaSpan {
  display: inline-block !important;
  width: 100%;
  height: 9px;
  border: 1px solid white;
  margin-top: 0px;
  position: absolute;
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki .tekijanPalkkiTilaSpan:hover {
  border: 1px solid rgba(250,150,150,0.8);
}
.kuormitetutDiv #kuormitetutTable .tekijanPalkki .tekijanPalkkiTilaSpan div {
  height: 6px;
  position: absolute;
  display: inline-block !important;
}
.kuormitetutDiv .kuormitettuTask {
  padding-top: 0.3vh;
  padding-bottom: 0.3vh;
  padding-left: 7px;
  padding-right: 7px;
  display: inline-flex;
}
.kuormitetutDiv .kuormitettuTask.tehtavaOnVientipaivanTakiaTallaPaivalla {
  border-top: 5px solid blue;
  background: white;
}
.kuormitetutDiv .kuormitettuTask.tehtavaOnVientipaivanTakiaTallaPaivalla.tehtavaVienti {
  border-top: 5px solid #1482b4 !important;
}
.kuormitetutDiv .kuormitettuTask.tehtavaOnVirheellisestiTallaPaivalla {
  border: 10px solid pink;
}
.kuormitetutDiv .kuormitettuTask .kuormitettuTaskVasenDiv {
  vertical-align: top;
  font-size: 12px !important;
  flex: 0;
}
.kuormitetutDiv .kuormitettuTask .kuormitettuTaskOikeaDiv {
  vertical-align: top;
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  flex: 1;
}
.kuormitetutDiv .kuormitettuTask .kuormitetunTaskinButtonitDiv {
  display: flex;
  flex-direction: column;
  margin-top: -4px;
}
.kuormitetutDiv .kuormitettuTask .kuormitetunTaskinButtonitDiv .editTaskBtn {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 5px 7px 5px;
  text-decoration: none;
  color: #3333ff;
  text-align: right;
}
.kuormitetutDiv .kuormitettuTask .kuormitetunTaskinButtonitDiv #tallennaTyoAikaArvioKuormituksessaSelect {
  height: 20px;
  margin-right: -3px;
  padding: 0px;
  color: black;
  max-width: 30px;
  border: none;
  box-shadow: none;
  background: inherit;
  transition: 1s background;
}
.kuormitetutDiv .kuormitettuTask .kuormitetunTaskinButtonitDiv #tallennaTyoAikaArvioKuormituksessaSelect:hover {
  background: white;
}
.kuormitetutDiv .kuormitettuTask .kuormitetunTaskinButtonitDiv .sorttauksenHandle {
  display: block;
  margin: 0px 0px 0px 0px;
  padding: 5px 10px 5px 5px;
  margin: 0px -10px 0px 0px;
  text-decoration: none;
  text-align: right;
}
.kuormitetutDiv .kuormitettuTask.tyoaika0,
.kuormitetutDiv .kuormitettuTask.tyoaika0 > divpois {
  height: calc(1 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika1,
.kuormitetutDiv .kuormitettuTask.tyoaika1 > divpois {
  height: calc(1 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika2,
.kuormitetutDiv .kuormitettuTask.tyoaika2 > divpois {
  height: calc(2 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika3,
.kuormitetutDiv .kuormitettuTask.tyoaika3 > divpois {
  height: calc(3 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika4,
.kuormitetutDiv .kuormitettuTask.tyoaika4 > divpois {
  height: calc(4 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika5,
.kuormitetutDiv .kuormitettuTask.tyoaika5 > divpois {
  height: calc(5 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika6,
.kuormitetutDiv .kuormitettuTask.tyoaika6 > divpois {
  height: calc(6 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika7,
.kuormitetutDiv .kuormitettuTask.tyoaika7 > divpois {
  height: calc(7 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTask.tyoaika8,
.kuormitetutDiv .kuormitettuTask.tyoaika8 > divpois {
  height: calc(8 * ( (100vh - 240px  - 2* 0.8vh ) /  7 ) -  0.8vh ) !important;
  overflow-y: clip;
}
.kuormitetutDiv .kuormitettuTekijaDiv {
  font-size: 13px;
  margin-bottom: 5px;
  margin-left: 2px;
  display: inline-block;
  color: gray;
}
.kuormitusHeaderBar {
  background: none;
}
.kuormitusHeaderBar h2 {
  font-size: 37px;
  letter-spacing: 3px;
  color: #001e46 !important;
}
div.providerLogoShowroomiinDiv {
  background-image: url(../img/ovikauppa/ovikauppa-logo.png);
  width: calc(120px);
  height: calc(50.666666666667px);
  background-repeat: no-repeat;
  background-size: contain;
  position: fixed;
  top: 10px;
  right: 10px;
}
body.noShowroom #container.configurationPageContainer {
  max-width: 1350px;
}
body.showroom #container.configurationPageContainer {
  max-width: 100vw;
  width: 100vw;
  margin-left: 0px;
  margin-right: 0px;
}
body.showroom #product-top {
  display: none !important;
}
body.showroom div.showroomModeDisabledInMobileModeDiv {
  width: 100vw;
  height: 100vh;
  background-color: white;
  position: fixed;
  top: 0px;
  left: 0px;
  font-size: 24px;
  color: red;
  z-index: 10000000;
  padding: 50px;
  background: white;
}
body.showroom .skaalaOperatingOptionLinks {
  overflow-x: scroll !important;
  white-space: nowrap;
}
body.showroom .skaalaOperatingOptionLinks .skaalaOperatingInnerContainerDiv {
  width: 500px;
  white-space: nowrap;
}
body.showroom #productConfig {
  border-top: none;
  height: 100vh;
  background-image: none;
  margin-left: 0px !important;
  margin-right: 0px !important;
}
body.showroom #productConfig .productConfigTopDiv {
  display: none !important;
}
body.showroom #productConfig #configurationForm {
  margin-left: 0px;
}
body.showroom #productConfig #configurationForm .leftBar {
  padding: 0 0 0 0;
  margin: 0px 0px 0px 0px;
  width: 100vw;
  height: 95vh;
  z-index: auto;
  position: fixed;
  top: 0px;
  left: 0px;
}
body.showroom #productConfig #configurationForm .rightBar {
  padding: 10px;
  margin-top: 0px;
  margin-top: 95vh;
  z-index: 10;
  margin-left: 30px;
  width: 30vw;
  min-width: 580px;
  background: rgba(255,255,255,0.3) !important;
  border-radius: 20px;
  -webkit-backdrop-filter: saturate(180%) blur(20px);
  backdrop-filter: saturate(180%) blur(20px);
  box-shadow: 0 0 20px 0px rgba(0,0,0,0.4);
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
body.showroom #productConfig #configurationForm .rightBar .toggleShowroomUpAndDownBtnContainer {
  margin-top: -5px;
  text-align: right;
}
body.showroom #productConfig #configurationForm .rightBar .toggleShowroomUpAndDownBtnContainer .toggleShowroomUpAndDownBtn {
  font-size: 2em;
}
body.showroom #productConfig #configurationForm .rightBar fieldset {
  padding-top: 10px !important;
}
body.showroom #productConfig #configurationForm .rightBar fieldset legend.hidden-sm,
body.showroom #productConfig #configurationForm .rightBar fieldset legend span.hidden-sm {
  display: none !important;
}
body.showroom .skaala_ala_info,
body.showroom .skaala_ala_info_harmaa,
body.showroom .priceFloatingMainContainer,
body.showroom .priceBreakdownParentDiv {
  display: none;
}
body.showroom img.joinerLogoShowroomiin {
  position: fixed;
  bottom: 10px;
  right: 10px;
  width: calc(90px);
  height: calc(35.5px);
}
body.showroom div.showroominHintaDiv {
  position: fixed;
  top: 10px;
  left: 20px;
  font-size: 21px;
  color: darkgreen;
  font-weight: bold;
}
pre.prettyJsonStringified {
  outline: 1px solid #ccc;
  padding: 5px;
  margin: 5px;
}
pre.prettyJsonStringified .string {
  color: green;
}
pre.prettyJsonStringified .number {
  color: darkorange;
}
pre.prettyJsonStringified .boolean {
  color: blue;
}
pre.prettyJsonStringified .null {
  color: magenta;
}
pre.prettyJsonStringified .key {
  color: red;
}
@media (max-width: 767px) {
  .cartUpperBar .leftButtons .btn {
    display: inline-block !important;
    width: 48%;
    margin: 1px;
    margin-top: 8px;
    padding: 2px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
  }
  .cartUpperBar .addSellerDirectInstallationButton,
  .cartUpperBar .removeSellerDirectInstallationButton,
  .cartUpperBar .addInstallationButton,
  .cartUpperBar .removeInstallationButton {
    font-size: 10px !important;
  }
  .cartUpperBar #saveCartDropDown {
    display: inline-block !important;
  }
  .cartUpperBar #saveCartDropDown .btn {
    width: 100%;
  }
  .cartUpperBar .emptyCartBtn {
    width: 35px !important;
    margin-left: 80px;
    display: block;
    float: right;
  }
}
.karmiReikaDiv {
  margin-top: 15px;
}
@media (max-width: 767px) {
  .tdNapit {
    margin-top: 10px;
    margin-bottom: 20px;
    max-width: 350px !important;
    margin-left: auto;
    margin-right: auto;
  }
  .tdNapit a.tuotehintaerittelyBtn {
    width: 100% !important;
    max-width: 100%;
  }
  .tdNapit a {
    margin-left: 2px;
    max-width: 170px;
    display: inline-block;
    width: 48%;
    margin-top: 10px;
  }
}
textarea.simppeliSummerNote + .note-editor .note-toolbar {
  height: 0px;
  overflow: hidden;
}
textarea.simppeliSummerNote + .note-editor .btn.btn-default {
  color: black;
  background: white;
  border: none;
}
textarea.simppeliSummerNote + .note-editor .panel-heading {
  background: white;
  border-bottom: none;
}
textarea.simppeliSummerNote + .note-editor .note-resizebar {
  display: none;
}
textarea.simppeliSummerNote.fokused + .note-editor .note-toolbar {
  height: auto;
  overflow: initial;
}
textarea.simppeliSummerNote.fokused + .note-editor .panel-heading {
  border-bottom: 1px solid #ddd;
}
textarea.simppeliSummerNote.fokused + .note-editor .note-resizebar {
  display: block;
}
.feedbackPage .faceBox {
  box-shadow: rgba(100,100,111,0.2) 0px 7px 29px 0px;
  border-radius: 9px;
  padding: 7px;
}
.feedbackPage .greyBG {
  background: #f9f9f9;
}
.feedbackPage .whiteBG {
  background: #FFF;
}
.feedbackPage .comment {
  font-size: 20px;
  align-items: center;
  border-radius: 50px;
  background: #ddd;
  border: 2px solid grey;
  height: 30px;
  margin-top: 0px;
  width: 30px;
  text-align: center;
}
.feedbackPage .feedbackHistoryButton {
  border-radius: 100%;
  width: 21px !important;
  height: 21px !important;
  margin: auto;
  border: 0px;
  color: #b9a80e;
  font-size: 13px;
  color: #222;
}
.feedbackPage input[type=radio]:checked ~ div.radio-sample {
  display: none;
}
.feedbackPage .userEventsTooltip {
  right: 20px;
  top: 0px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 430px;
  max-height: 500px;
  overflow-y: scroll;
  display: block;
  animation: fadeIn 0.3s;
}
.feedbackPage .userEventsTooltip .userEventsHeader {
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
.feedbackPage .userEventsTooltip .userEventsDiv {
  width: 100%;
  overflow-wrap: break-word;
}
.feedbackPage .userEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv {
  background: #fffefa;
  border: 1px solid #fbf6cb;
  border-radius: 5px;
  padding: 10px;
  margin-left: 0px !important;
}
.feedbackPage .userEventsTooltip .userEventsDiv div {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}
.feedbackPage .userEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i {
  display: inline-block;
  width: 50px;
}
.feedbackPage .userEventsTooltip .userEventsDiv hr {
  border-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.feedbackPage .noteEventsTooltip i {
  width: 55px !important;
}
.liitettavatRivitLabel {
  padding: 10px;
  cursor: pointer;
  margin-right: auto;
  text-left: left;
}
.liitettavatRivitLabel > div:first-child {
  width: 5%;
  display: inline-block;
  text-align: left;
  vertical-align: top;
}
.liitettavatRivitLabel > div:nth-child(2) {
  width: 25%;
  vertical-align: top;
  display: inline-flex;
  flex-direction: column;
}
.liitettavatRivitLabel > div:nth-child(3) {
  width: 68%;
  display: inline-block;
  vertical-align: top;
}
.liitettavatRivitLabel:hover {
  background: rgba(200,200,200,0.1);
}
.liitettavatRivitLabel img {
  margin-top: auto;
  margin-bottom: auto;
  height: 77vh;
  max-height: 100px;
  width: 95%;
  object-fit: contain;
  object-position: 10% 50%;
}
.newsTitleLinkBtn {
  width: 6%;
  min-width: 60px;
  max-width: 70px !important;
  display: inline-block !important;
  vertical-align: top;
  border-radius: 12px !important;
  text-decoration: none !important;
  padding: 0px;
  margin-left: 8px;
  text-align: center;
  padding-top: 13px;
  padding-bottom: 13px;
}
.newTitleH2:hover {
  background: rgba(150,150,150,0.1);
}
.newTitleH2 {
  margin-top: 0px !important;
  padding-top: 14px;
  padding-bottom: 14px;
  margin-bottom: 0px !important;
}
td.thisNewsTd {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.newTitleH2 a {
  text-decoration: none !important;
}
.newsTitleNameAndDateDiv {
  width: 75% !important;
  padding-left: 10px;
  display: inline-block !important;
}
.newTitleH2X {
  padding-left: 10px;
}
.newTextDataTD {
  width: 75% !important;
  padding-left: 5px;
  text-align: left;
  display: inline-block !important;
}
@media (max-width: 767px) {
  #genericIframeDialog .modal-dialog {
    min-width: 98% !important;
    max-width: 98% !important;
    width: 98% !important;
  }
  .thisNewsTd {
    width: 90% !important;
  }
  .customerDetailsDialog .modal-content {
    left: 0px !important;
    margin-bottom: 50px !important;
  }
}
.flexToolTipTASK {
  display: none;
  padding-top: 10px !important;
  padding-bottom: 15px !important;
  position: relative !important;
  width: 400px !important;
  text-align: left !important;
  background: white !important;
  z-index: 5000;
  border: 2px solid rgba(180,180,180,0.6);
  border-radius: 15px !important;
  z-index: 10000;
  height: auto;
  max-height: 400px;
}
.flexToolTipTASK .haivytysTooltippiin {
  display: none;
  position: absolute;
  z-index: 6000;
  bottom: 0px;
  left: 0px;
  width: 100%;
  height: 150px;
  background: linear-gradient(rgba(255,255,255,0),#ffffff);
}
.flexToolTipTASK div,
.flexToolTipTASK div * {
  color: black !important;
}
.flexToolTipTASK.tamaJaaNakyviin {
  display: block !important;
}
.flexToolTipTASK > div {
  width: 400px !important;
  padding: 10px;
  height: auto;
  max-height: 95%;
  max-width: 400px !important;
  position: fixed;
  background: white !important;
  border-radius: 10px;
  border: 2px solid rgba(150,150,150,0.4);
  top: 10px;
  left: 100px;
  overflow-y: scroll;
}
.flexToolTipTASK img {
  width: 250px !important;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa {
  padding-top: 0px;
  padding-bottom: 10px;
  margin-top: 6px;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .providerSelitteessa {
  background: rgba(180,180,180,0.5) !important;
  font-weight: bold;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa div {
  background: rgba(180,180,180,0.2);
  font-size: 13px;
  display: inline-block;
  width: 49%;
  border-radius: 5px;
  margin-top: 5px;
  padding: 4px;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .kenelleSahkopostiOtsikko {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .kenelleSahkopostiDiv {
  width: 100%;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .avaaOhjelmaDiv {
  margin-top: 5px;
  display: block;
  font-size: 12px;
  font-weight: normal;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .ohjelmalinkkiDiv {
  font-weright: normal;
  width: 100%;
  word-break: break-all;
}
.flexToolTipTASK .ylaTiedotSeliteDivissa hr {
  border: 1px solid rgba(100,100,100,0.1);
}
.flexToolTipTASK .ylaTiedotSeliteDivissa .ongelmaSeliteDivissa {
  width: 100%;
  background: rgba(120,0,0,0.2);
}
@media (max-width: 767px) {
  #testVersionDiv {
    position: absolute;
  }
}
.ikkunaLuetteloDiv,
.ikkunaovenIkkunaLuetteloDiv {
  position: absolute;
  background: #fafafa;
  z-index: 50000;
  padding: 0px;
  font-weight: bold;
  top: 0px;
  left: 0px;
  display: none;
  height: 400px;
  overflow: scroll;
  border: 1px solid rgba(100,100,100,0.5);
  border-radius: 6px;
}
.ikkunaLuetteloDiv > h4,
.ikkunaovenIkkunaLuetteloDiv > h4 {
  text-align: center;
  font-size: 16px;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 5px;
}
.ikkunaLuetteloDiv h5,
.ikkunaovenIkkunaLuetteloDiv h5 {
  text-align: center;
  padding: 20px;
  padding-top: 0px;
  padding-bottom: 0px;
}
.ikkunaLuetteloDiv hr,
.ikkunaovenIkkunaLuetteloDiv hr {
  border-width: 4px;
}
.ikkunaLuetteloDiv > div > div,
.ikkunaovenIkkunaLuetteloDiv > div > div {
  vertical-align: top;
  display: inline-block;
  padding: 7px;
}
.ikkunaLuetteloDiv > div > div h4,
.ikkunaovenIkkunaLuetteloDiv > div > div h4 {
  font-size: 13px;
}
.ikkunaLuetteloDiv >div,
.ikkunaovenIkkunaLuetteloDiv >div {
  padding: 5px;
  cursor: pointer;
}
.ikkunaLuetteloDiv >div.aktiivinenIkkuna,
.ikkunaovenIkkunaLuetteloDiv >div.aktiivinenIkkuna {
  background: #f0de3d !important;
  color: white !important;
}
.ikkunaLuetteloDiv >div:hover,
.ikkunaovenIkkunaLuetteloDiv >div:hover {
  background: #f5f5f5;
}
.tehtavanSeliteDiv {
  display: none;
}
.tilaOtsikot {
  background: none !important;
  border: none !important;
  padding: 0px !important;
}
.tilaOtsikot h3 {
  text-align: left;
  border-left: 4px solid white;
  border-right: 4px solid white;
  padding-top: 5px;
  padding-bottom: 5px;
}
.Task_asiakkaanNakymaDiv > div {
  display: inline-block;
  vertical-align: top;
}
.Task_asiakkaanNakymaDiv > div > div {
  margin-top: 15px;
  border-radius: 10px !important;
  border: none;
  margin-left: 5px;
  margin-right: 5px;
}
.Task_asiakkaanNakymaDiv > div .taskOtsikkoDiv {
  font-size: 15px;
  display: block;
  vertical-align: top !important;
}
.Task_asiakkaanNakymaDiv > div .Task_asiakkaanNakyma_buttons {
  text-align: right;
  display: inline-block !important;
  min-height: 100% !important;
  max-height: 100% !important;
}
.Task_asiakkaanNakymaDiv > div .Task_asiakkaanNakyma_buttons div.ekatKolme {
  display: inline-block !important;
  width: 45% !important;
}
.Task_asiakkaanNakymaDiv > div .Task_asiakkaanNakyma_buttons div.tokatKolme {
  display: inline-block !important;
  width: 45% !important;
}
.Task_asiakkaanNakymaDiv > div .Task_asiakkaanNakyma_buttons a {
  padding: 0px !important;
  padding-top: 5px !important;
  margin-top: -4px !important;
}
.tehtavienTiloja1 {
  width: 100%;
}
.tehtavienTiloja2 {
  width: 49%;
}
.tehtavienTiloja3 {
  width: 32%;
}
.tehtavienTiloja4 {
  width: 24%;
}
.tehtavienTiloja5 {
  width: 19%;
}
.tehtavienTiloja6 {
  width: 16%;
}
.tehtavienTiloja7 {
  width: 14%;
}
.tehtavienTiloja8 {
  width: 11%;
}
.taskSearchFormWrapper {
  margin-left: auto !important;
  margin-right: auto !important;
}
.taskNakymaBtn:hover {
  background: rgba(245,245,245,0.9) !important;
  color: #333 !important;
}
.taskNakymaBtn.active {
  background: rgba(150,150,150,0.5) !important;
}
.palloDivWrapper {
  background: rgba(200,200,200,0.5);
  border-radius: 15px 15px 0px 0px;
  padding: 10px;
  padding-bottom: 0px;
}
.toimitusRaporttiYhteensaTR td {
  background: rgba(230,230,230,0.5) !important;
}
span.flexToolTipTASK > div.seliteOikeaanReunaan {
  left: auto !important;
  right: 100px !important;
}
span.pudotaTahanTask {
  display: none;
  border: 3px dotted rgba(50,150,50,0.5);
  padding: 15px;
  border-radius: 5px;
}
@media screen and (max-width: 767px) {
  body .asiakassivuDiv {
    width: 100%;
  }
}
.asiakassivuDiv {
  margin: 10px;
  width: auto;
  display: inline-block;
  max-width: 100vw;
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.asiakassivuDiv .asiakassivunOtsikko {
  margin-bottom: 30px;
  text-align: center;
}
.asiakassivuDiv .asiakastiedotRow {
  font-size: 16px;
}
.asiakassivuDiv .asiakastiedotRow .asiakastietoDiv {
  margin-top: 10px;
}
.asiakassivuDiv .asiakastiedotRow .pieniVali {
  font-size: 3px;
}
.asiakassivuDiv .asiakastiedotRow .vali {
  font-size: 5px;
}
.asiakassivuDiv .kauppasummaJaRahoitushakunappiDiv {
  text-align: center;
  margin-bottom: 20px;
  margin-top: 30px;
}
pre[x] {
  font-family: Menlo, Courier;
}
xmp[x] {
  font-family: menlo, consolas, 'courier new', courier;
}
div.voiPudottaaTaskin {
  background: rgba(50,150,50,0.05);
}
div.voiPudottaaTaskin .Task_sarakkeenTaskDiv:hover {
  background: rgba(50,150,50,0.2) !important;
  border-top: 2px dotted rgba(50,150,50,0.5) !important;
}
.valittuTaskFixediksi {
  position: fixed;
  top: 90px;
  display: block;
  left: 0px;
  background: #f5f5f5 !important;
  z-index: 500000;
  padding: 10px;
  border: 1px solid grey !important;
  border-radius: 8px;
}
.valittuTaskFixediksi h3 {
  margin-top: 0px !important;
}
.pudotusPaalla {
  background: rgba(50,150,50,0.5);
}
div.hiiriJarjestetynTaskinPaalla.Task_sarakkeenTaskDiv {
  background: rgba(50,150,50,0.1) !important;
}
div.himmennaTaskit div.Task_sarakkeenTaskDiv {
  transition: opacity 0.5s;
  opacity: 0.3 !important;
}
div.Task_sarakkeenTaskDiv.pudotettuTaskKorostus {
  transition: background 1s;
  background: rgba(50,200,80,0.5) !important;
}
.perustetutSarakeDiv .Task_sarakkeenTaskDiv,
.tyojonoSarakeDiv .Task_sarakkeenTaskDiv,
.tehdytSarakeDiv .Task_sarakkeenTaskDiv {
  cursor: grab;
  border-radius: 5px !important;
}
.taskOtsikkoDiv .tehtavaIdSpan {
  font-weight: bold;
}
.taskOtsikkoDiv > b {
  background: rgba(200,200,200,0.5);
  display: block;
  padding: 5px;
}
.raahattavaTask {
  background: red !important;
  margin-top: 15px;
  background: none !important;
  border-radius: 10px;
  border: none;
  margin-left: 5px;
  margin-right: 5px;
  background: rgba(250,250,250,0.8) !important;
  border: 1px dotted green;
}
.raahattavaTask .taskOtsikkoDiv {
  font-size: 15px;
  display: block;
  vertical-align: top !important;
}
.raahattavaTask .Task_asiakkaanNakyma_buttons {
  text-align: right;
  display: inline-block !important;
  min-height: 100% !important;
  max-height: 100% !important;
  float: right;
}
.raahattavaTask .Task_asiakkaanNakyma_buttons div.ekatKolme {
  display: inline-block !important;
  width: 45% !important;
}
.raahattavaTask .Task_asiakkaanNakyma_buttons div.tokatKolme {
  display: inline-block !important;
  width: 45% !important;
}
.raahattavaTask .Task_asiakkaanNakyma_buttons a.editTaskBtn {
  padding: 0px !important;
  margin-top: -10px !important;
}
.muokkausToiminnotDiv {
  background: rgba(220,220,220,0.7);
  margin-bottom: 10px;
}
.muokkausToiminnotDiv a {
  color: #007fe0 !important;
  font-size: 18px;
}
.muokkausToiminnotDiv a.createDocsBtn {
  color: #b8c5cf !important;
}
.muokkausToiminnotDiv a.createDocsBtn:hover {
  color: #007fe0 !important;
}
.muokkausToiminnotDiv a:hover {
  background: none !important;
  color: #333 !important;
}
a.suljeFixedSelite {
  vertical-align: top;
  display: inline-block;
  font-size: 19px;
  float: right;
  color: rgba(50,50,50,0.5);
  padding-left: 4px;
  padding-right: 4px;
  text-decoration: none !important;
}
a.suljeFixedSelite:hover {
  background: rgba(150,150,150,0.1);
}
.Task_asiakkaanNakyma_buttons.buttonTd a.palautaTaskPerustettuihinBtn {
  color: red !important;
  padding: 4px !important;
  padding-top: 1px !important;
  padding-bottom: 1px !important;
  border-radius: 5px !important;
  border: 1px solid white;
  display: inline-block !important;
  text-decoration: none !important;
}
.Task_asiakkaanNakyma_buttons.buttonTd a.palautaTaskPerustettuihinBtn:hover {
  text-decoration: none !important;
  background: rgba(245,245,245,0.5) !important;
}
.userForm .multiselect-container,
.campaignForm .multiselect-container {
  height: 400px !important;
  overflow-y: scroll !important;
}
.tarjousKantaTable {
  width: 80%;
  max-width: 900px;
  border: none !important;
}
.tarjousKantaTable h4,
.tarjousKantaTable th,
.tarjousKantaTable td {
  text-align: left;
  padding: 8px !important;
}
.tarjousKantaTable td {
  font-size: 13px;
}
.tarjousKantaTable .tarjousKanta_jalleenMyyjaTH {
  background: rgba(100,100,100,0.4) !important;
}
.tarjousKantaTable .tarjousKanta_jalleenMyyjaTH h2 {
  font-size: 20px !important;
  margin: 0px;
  color: black !important;
}
.tarjousKantaTable .tarjousKanta_jalleenMyyjaTH b {
  display: inline-block;
  margin-top: 5px;
  font-weight: normal;
}
.tarjousKantaTable tr.myyjanYhteensaTR td {
  font-weight: normal;
  font-size: 14px;
  background: rgba(100,100,100,0.2) !important;
}
.tarjousKantaTable tr.tarjousKanta_otsikkoTR th {
  border: 1px solid white !important;
  padding-left: 0px !important;
}
.FileTypesitDiv {
  width: 45%;
  display: inline-block;
}
.FileTypesitDiv a {
  padding: 10px;
  display: block !important;
  font-size: 16px;
  display: inline-block;
}
.FileTypesitDiv a.aktiivinenFileType {
  background: rgba(200,200,200,0.4) !important;
  border-radius: 5px;
}
.FileTypesitDiv a:hover {
  background: rgba(200,200,200,0.1);
  text-decoration: none !important;
}
.hakuRoskakoriJaJarjestaRow {
  float: right;
  width: 50%;
}
.hakuRoskakoriJaJarjestaRow > div {
  padding: 5px;
}
.hakuRoskakoriJaJarjestaRow h4 {
  font-size: 16px !important;
  margin-top: 5px;
  margin-bottom: 10px;
}
.hakuRoskakoriJaJarjestaRow input[type="text"] {
  width: 80% !important;
}
@media (max-width: 767px) {
  .hakuRoskakoriJaJarjestaRow {
    margin-top: 20px;
    float: none;
    background: rgba(200,200,200,0.3);
    padding: 15px;
    width: 100%;
  }
  .hakuRoskakoriJaJarjestaRow > div {
    margin-top: 10px !important;
  }
  .FileTypesitDiv {
    width: 100%;
  }
}
#tarjouskantaForm select,
#tarjouskantaForm label {
  margin-top: 10px !important;
}
tr.valiTR td {
  background: white !important;
}
.jalleenmyyjanYhteensaTR td {
  border: none !important;
}
.jalleenmyyjanYhteensaTR td h5 {
  text-align: left !important;
  font-size: 17px;
  margin: 0px;
  padding: 0px;
}
.Task_sarakkeetDiv {
  min-height: 300px;
}
.navbar .fixedCartLinkLi {
  position: fixed !important;
  left: 0px !important;
  bottom: 15px !important;
  top: auto !important;
  padding: 0px !important;
  border-radius: 7px;
  z-index: 15;
  transition: 0.3s background;
}
.navbar .fixedCartLinkLi .badge {
  z-index: 0;
  float: left !important;
  margin-top: 15px;
  position: relative;
  background: rgba(255,255,255,0.7) !important;
  width: auto;
  position: absolute !important;
  left: 10px !important;
  top: 15px;
  right: none !important;
  height: auto;
  padding-left: 5px !important;
  text-align: center !important;
  display: block !important;
  color: black !important;
}
.navbar .fixedCartLinkLi a.cartLink {
  padding: 4px !important;
  margin-left: 0px !important;
}
.navbar .fixedCartLinkLi .shoppingCartIcon {
  cursor: pointer;
  min-width: 60px;
  font-weight: bold;
  font-size: 22px;
  height: 50px !important;
  width: auto !important;
  padding: 4px !important;
  padding-bottom: 5px !important;
  padding-left: 5px !important;
  padding-right: 0px !important;
}
.navbar .fixedCartLinkLi img {
  top: 0px !important;
  position: relative !important;
  margin-top: 0px !important;
  padding-top: 0px !important;
  vertical-align: top !important;
}
.navbar .fixedCartLinkLi .icon-shopping-cart {
  width: 50px;
  position: relative;
  left: 20px;
  margin-top: 10px !important;
  height: 20px !important;
  float: left;
  z-index: 1;
}
.fixedCartLinkLi.piklasCartLinkLi a:hover .shoppingCartIcon {
  background: #f2e254 !important;
  transition: 0.3s background;
}
.fixedCartLinkLi.piklasCartLinkLi a:hover .shoppingCartIcon:hover {
  background: #f0de3d !important;
  transition: 0.3s background;
}
.fixedCartLinkLi:not(.piklasCartLinkLi) {
  background: #f8ee9b;
  border: 1px solid rgba(50,50,50,0.3);
}
.fixedCartLinkLi:not(.piklasCartLinkLi):hover {
  background: #f6eb88;
  transition: 0.3s background;
}
.fixedCartLinkLi:not(.piklasCartLinkLi) a:hover {
  color: #323232 !important;
}
.fixedCartLinkLi:not(.piklasCartLinkLi) a {
  color: rgba(50,50,50,0.9) !important;
}
.helpButtonsChild_showCartBtn {
  background: #eed920 !important;
}
.helpButtonsChild_showCartBtn a.helpButtonsShowCartBtn {
  padding: 8px 5px 8px;
  width: 100%;
  height: 100%;
  display: block;
}
.helpButtonsChild_showCartBtn a.helpButtonsShowCartBtn div {
  display: inline-block;
  padding-left: 15px;
  font-size: 17px !important;
  transform: rotate(-90deg) !important;
  color: white !important;
  position: relative;
  top: 0px;
  left: 0px;
}
.helpButtonsChild_showCartBtn a.helpButtonsShowCartBtn div .badge {
  background: rgba(245,245,245,0.4);
  padding: 0px;
  transform: rotate(0deg) !important;
  width: 0px;
  position: relative;
  top: -18px !important;
  left: -25px !important;
  font-size: 16px !important;
  font-weight: normal;
  background: none;
  display: inline-block !important;
}
table.myynninseurantaTable {
  width: 100%;
  margin-bottom: 18px;
}
table.myynninseurantaTable thead > tr > th,
table.myynninseurantaTable thead > tr > td,
table.myynninseurantaTable tbody > tr > th,
table.myynninseurantaTable tbody > tr > td,
table.myynninseurantaTable tfoot > tr > th,
table.myynninseurantaTable tfoot > tr > td {
  padding: 8px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
table.myynninseurantaTable thead > tr > th {
  vertical-align: bottom;
}
table.myynninseurantaTable caption + thead tr:first-child th,
table.myynninseurantaTable caption + thead tr:first-child td,
table.myynninseurantaTable colgroup + thead tr:first-child th,
table.myynninseurantaTable colgroup + thead tr:first-child td,
table.myynninseurantaTable thead:first-child tr:first-child th,
table.myynninseurantaTable thead:first-child tr:first-child td {
  border-top: 0;
}
table.myynninseurantaTable tbody + tbody {
  border-top: 2px solid #ddd;
}
table.myynninseurantaTable .table {
  background-color: #fff;
}
table.myynninseurantaTable td.vahvaReunaOikealla,
table.myynninseurantaTable th.vahvaReunaOikealla {
  border-right: 2px solid rgba(20,20,20,0.3);
}
table.myynninseurantaTable th {
  font-size: 15px;
  text-align: left;
  background: rgba(20,20,20,0.3) !important;
}
table.myynninseurantaTable td {
  font-size: 15px !important;
  border: 1px solid rgba(100,100,100,0.1);
}
table.myynninseurantaTable td.valmentajaTD {
  font-weight: bold !important;
  font-size: 15px !important;
}
table.myynninseurantaTable tr.jokaToinenValmentajaTAImyyjaTR td {
  background: rgba(150,150,150,0.1) !important;
}
table.myynninseurantaTable tr.myynninseurantaTable_yhteensaTR td {
  border-left: none !important;
  border-bottom: 2px solid rgba(20,20,20,0.3);
  padding-bottom: 10px;
}
table.myynninseurantaTable tr.myynninseurantaTable_yhteensaTR td.yhteensaTitleTd {
  vertical-align: top;
  font-size: 15px !important;
  font-weight: bold;
}
table.myynninseurantaTable tr.myynninseurantaTable_yhteensaTR.valmentajaYhteensa td {
  background: #ddd !important;
}
table.myynninseurantaTable tr.myynninseurantaTable_yhteensaTR.kaikkiYhteensa td {
  background: #ddd !important;
}
table.myynninseurantaTable tr.separatorTr td {
  padding-top: 5px;
  padding-bottom: 0px;
  background: #eee !important;
}
.overTwoMonthsAgoLastLoggedUsers_TR td {
  color: rgba(200,20,20,0.9) !important;
}
.changeTaskStatusMenu a[disabled] {
  cursor: no-drop !important;
  color: rgba(100,100,100,0.2) !important;
}
.changeTaskStatusMenu a[disabled] > div {
  background: rgba(100,100,100,0.1) !important;
}
.tahdelliseksi:hover {
  text-decoration: none;
}
.tahdelliseksi i {
  font-size: 19px;
  color: rgba(100,100,100,0.4);
  transition: color 0.7s;
}
.tahdelliseksi i.tahtiKorostetuksi {
  color: rgba(255,200,50,0.5) !important;
  transition: color 0.7s;
}
i.tehtavaTahdelliseksiKorostus {
  color: #ffc832;
}
td.tehtavaTahdelliseksiKorostus {
  transition: 1s background;
  background: rgba(255,210,20,0.2);
}
.tyoPalloLink {
  position: relative;
}
.tahdellinen i {
  display: inline-block;
  opacity: 1;
  color: rgba(255,190,20,0.8) !important;
}
.tahdellinenVanha i {
  display: inline-block;
  opacity: 1;
  color: rgba(255,230,170,0.6) !important;
}
.tahdellinenVanha i:hover {
  color: #ffe6aa !important;
}
.kuormittamattomienJaKuormituskalenterinParentDiv .tahdellinenVanha i {
  color: rgba(255,231,143,0.8) !important;
}
.kuormitettuTask.yellow-taskStatus .tahdellinenVanha i {
  color: rgba(255,191,43,0.2) !important;
}
i.fa-star.tahti {
  color: rgba(100,100,100,0.4);
  font-size: 20px !important;
}
.tahdetBtn {
  cursor: default !important;
}
.tahdelliseksi {
  cursor: pointer !important;
}
.keskenValmiitDiv {
  width: 15px;
}
.keskenValmiitDiv input[type="checkbox"] {
  display: none;
}
.keskenValmiitDiv label {
  color: #444;
  font-size: 10px;
  text-align: center;
  padding: 4px;
  border-radius: 3px;
  margin-bottom: 0px;
  cursor: pointer;
}
.keskenValmiitDiv label:first-child {
  margin-bottom: 3px;
}
.keskenValmiitDiv label:hover {
  background: rgba(200,200,200,0.7) !important;
}
.taskSearchBoxinLeftDiv {
  min-width: 460px !important;
}
.tahdellisetTausta {
  background: rgba(210,210,0,0.1);
}
.ongelmainenTask {
  border: 3px solid red !important;
}
.tehtavaOtsikkoTR th {
  padding-bottom: 30px !important;
}
tr.ensimmainenTahdellinenTR td {
  margin-top: 20px !important;
}
tr.ensimmainenTahdetonTR td {
  border-top: none !important;
}
tr.tahdellistenJAmuidenValiTR td {
  padding-top: 20px !important;
  border: none !important;
}
.tyoPalloOngelma {
  border: 3px solid red !important;
  background: none !important;
  border-radius: 100%;
  width: 20px;
  height: 20px;
  text-align: center;
  display: inline-block;
}
div.raahaaMaarittelematon {
  height: 35px;
  margin-top: 20px;
  border: 2px dashed rgba(200,200,50,0.9) !important;
  border-radius: 10px;
  font-style: italic;
  padding: 20px;
  padding-top: 30px;
  font-size: 15px;
  height: 90px;
  text-align: center;
  transition: background 0.5s;
}
div.raahaaMaarittelematon div {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px dashed rgba(200,200,50,0.3);
}
div.raahaaMaarittelematon div:first-child {
  padding-top: 0px;
}
div.raahaaMaarittelematon div:last-child {
  border-bottom: 0px;
}
.draggableTask {
  cursor: grabbing;
}
.raahausTaustaTaskiin {
  border: 2px dashed rgba(200,200,50,0.3) !important;
  background: rgba(150,150,50,0.2);
}
.raahattuTaskNakymattomaksi {
  color: rgba(0,0,0,0) !important;
  background: rgba(0,0,0,0) !important;
}
.raahattuTaskNakymattomaksi * {
  visibility: hidden !important;
}
.droppableTask.raahauksenAlla {
  border: 2px dashed #aaaa32 !important;
  color: black !important;
  background: rgba(230,230,80,0.2);
}
.tyonAllaOlevaLabel {
  display: none;
  border-radius: 5px;
  text-align: center !important;
}
.tyonAllaOlevaLabel input {
  width: 20px !important;
  height: 20px !important;
}
.poistaTyonAltaAktiivinen {
  background: rgba(100,100,100,0.4) !important;
}
.buttonTd.tyonAllaButtonTD {
  position: relative;
}
.buttonTd.tyonAllaButtonTD .eventsTaskBtn {
  display: none !important;
}
td.tyonAllaCheckBoxTD {
  display: none;
  margin-top: 0px !important;
}
td.tyonAllaCheckBoxTD.cbNakyviin {
  margin-top: 0px !important;
  display: table-cell;
  text-align: right;
  padding-right: 10px;
}
.saapunutTekstiViestiDiv {
  margin-top: 10px;
  border-radius: 3px;
  background: rgba(100,100,100,0.1);
  padding: 5px;
}
.viimeinenTehtavaOsiossa td {
  border-bottom: 1px solid #c8c8c8 !important;
}
.ylaBorderTehtavissaTR td {
  border-top: 1px solid #c8c8c8 !important;
  border-left: 1px solid #c8c8c8;
  border-right: 1px solid #c8c8c8;
}
.ylaBorderTehtavissaTR td h3 {
  margin-left: 10px;
}
.tyonAllaTAImaarittelematonTehtavaTR td {
  background: rgba(210,210,0,0.1);
}
.tyonAllaTAImaarittelematonTehtavaTR > td:first-child {
  border-left: 1px solid #c8c8c8;
}
.tyonAllaTAImaarittelematonTehtavaTR td:last-child {
  border-right: 1px solid #c8c8c8;
}
.kenelleSahkopostiDiv {
  word-break: break-all;
}
tr.arkistoituTausta td {
  background: rgba(240,240,240,0.5) !important;
}
.rajausValittunaTausta {
  background: rgba(50,100,200,0.2);
  background: linear-gradient(rgba(50,100,200,0.2),rgba(50,100,200,0.1));
}
.eventsNoteBtnWrapper {
  position: relative;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip {
  color: #000;
  font-size: 85%;
  text-align: left;
  z-index: 1000000000;
  position: absolute;
  min-width: 300px;
  max-width: 600px;
  padding: 8px;
  border: 1px solid #aaa;
  background: white;
  border-radius: 5px;
  -webkit-box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
  overflow: visible;
  right: 20px;
  top: 0px;
  display: none;
  min-height: 70px;
  transition: height 0.5s;
  font-weight: normal;
  line-height: 150%;
  font-size: 12px;
  min-width: 430px;
  max-height: 500px;
  overflow-y: scroll;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .inforightArrow {
  position: absolute;
  top: calc(50% - 12px);
  right: -14px;
  font-size: 18px !important;
  line-height: 100% important;
  color: gray;
  color: white;
  text-shadow: 1px 0 0px rgba(0,0,0,0.4), 5px 0 15px rgba(0,0,0,0.25), -3px 0 0px #ffffff;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsHeader {
  font-size: 16px;
  font-weight: bold;
  line-height: 200%;
  text-align: center;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsDiv {
  width: 100%;
  overflow-wrap: break-word;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsDiv div.whenAndWhoChangedDiv {
  background: #fffefa;
  border: 1px solid #fbf6cb;
  border-radius: 5px;
  padding: 10px;
  margin-left: 0px !important;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsDiv div {
  display: block;
  margin-top: 10px;
  margin-left: 10px;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsDiv div:not(.whenAndWhoChangedDiv) i {
  display: inline-block;
  width: 50px;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip .userEventsDiv hr {
  border-width: 2px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .taskEventsTooltip {
  left: -430px;
  right: none;
}
.eventsNoteBtnWrapper .eventsNoteBtnNoStyle .noteEventsTooltip i {
  width: 55px !important;
}
@media (max-width: 767px) {
  .rightBar {
    padding-top: 70px !important;
  }
}
.tehtavienSeurantaRow h3,
.tehtavienSeurantaRow h4 {
  display: inline-block;
}
.tehtavienSeurantaRow .seurantaKuukausiOtsikko {
  background: rgba(100,100,100,0.2);
  display: block;
  margin: 5px;
  padding: 8px;
  border-radius: 5px;
  margin-left: 0px !important;
}
.tehtavienSeurantaRow .tehtavienSeurantaTable_kuukausi {
  width: 100%;
}
.tehtavienSeurantaRow .tehtavienSeurantaTable_kuukausi td {
  width: 50%;
  text-align: left;
}
.tehtavienSeurantaRow .tehtavienSeurantaTable_kuukausi td:last-child {
  text-align: left;
  padding: 5px;
}
.poistettuNimikeKorostus {
  color: rgba(200,50,50,0.6) !important;
  text-shadow: none !important;
}
.skrollattavaTable_alennus {
  height: 150px;
  overflow: scroll;
}
.alennusMuutosHistoriaTable td {
  padding: 5px;
  border-top: 1px solid rgba(100,100,100,0.1);
}
.taskChatSideBox {
  z-index: 1000;
  box-shadow: 5px 1px 15px 0 rgba(0,0,0,0.3) !important;
  position: absolute;
  top: 10px;
  border: 0px solid white;
  background: #f0f0f0;
  border-radius: 12px;
  left: 100%;
  font-size: 100%;
  border-left-width: 0px;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  min-height: 50%;
  -display: none;
  width: 0px;
  transition: width 0.4s;
  display: none;
}
.taskChatSideBox.open {
  display: block;
  width: 350px !important;
}
.taskChatSideBox .closeTaskChatSideBoxDiv {
  float: right;
}
.taskChatSideBox .closeTaskChatSideBoxDiv a.closeTaskChatSideBoxButton {
  display: inline-block;
  padding: 10px;
  font-size: 130%;
  text-decoration: none;
  color: gray;
}
.sendedTaskChatsDiv {
  height: 430px !important;
  overflow-y: scroll;
}
.sendedTaskChatsDiv .chatSendedDateTimeSpan {
  font-style: italic;
  margin-left: 10px;
}
.sendedTaskChatsDiv {
  border-bottom: 3px dotted rgba(150,150,150,0.9);
}
.eiChattejaTaskilla .sendedTaskChatsDiv {
  padding-bottom: 0px;
  height: 0px;
  border-bottom: none !important;
  display: none !important;
}
.eiChattejaTaskilla .sendTaskChatDiv {
  width: 100% !important;
}
.eiChattejaTaskilla .sendTaskChatDiv label {
  display: inline !important;
}
.eiChattejaTaskilla .chat_joinerTAIasiakasDiv {
  width: 100% !important;
  padding-left: 15px;
}
.tehtavanViestitOtsikko {
  background: linear-gradient(to right,rgba(50,50,50,0.2),rgba(50,50,50,0));
  padding: 5px;
  display: block;
  text-align: center;
}
.taskChatsDiv {
  background: rgba(100,100,100,0.2);
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.taskChatsDiv .chatsContainer {
  width: 100% !important;
  padding-right: 0px !important;
  margin-right: 0px !important;
}
.chatsContainer {
  word-wrap: break-word;
  overflow-wrap: break-word;
  word-break: break-word;
  white-space: normal;
}
.taskChatRow {
  min-width: 95% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 5px;
  margin-bottom: 10px;
  border-bottom: 2px solid rgba(50,50,50,0.2);
}
.taskChatRow .chatDescription {
  min-width: 100% !important;
  margin-left: 0px !important;
  padding-left: 0px !important;
  white-space: normal !important;
}
.taskChatRow .taskChatMessageDiv {
  font-size: 13px;
  min-width: 100% !important;
  padding-left: 10px !important;
}
.chatKayttajatDiv .chatKayttajat_osoitettavat {
  padding-bottom: 20px;
  padding-left: 0px;
}
.chatKayttajatDiv .chatKayttajat_osoitettavat .chat_joinerTAIasiakasDiv {
  display: inline-block;
  vertical-align: top !important;
  width: 45%;
}
.osoitaViestiKayttajalleOtsikko {
  margin-top: 0px;
}
.osoitaViestiKayttajalleOtsikko .naytaChatKayttajatBtn {
  padding: 5px;
}
.osoitaViestiKayttajalleOtsikko .naytaChatKayttajatBtn i {
  font-size: 20px;
}
.ChatRecipientTableWrapperDiv {
  max-height: 600px;
  overflow-y: scroll;
  margin-bottom: 150px;
}
h3.lukemattomatTAIluetutOtsikko {
  font-size: 20px;
  border-right: solid 10px white;
  padding: 15px;
  background: rgba(100,100,100,0.1);
}
.ChatRecipientTable {
  width: 98%;
  margin-right: auto;
  border-left: 2px solid rgba(230,230,230,0.5);
  border-right: 2px solid rgba(230,230,230,0.5);
}
.ChatRecipientTable hr {
  border-color: rgba(0,0,0,0.1);
}
.ChatRecipientTable tr th {
  background: rgba(100,100,100,0.2);
  padding: 15px;
}
.ChatRecipientTable td {
  padding: 10px;
  border-top: 2px solid #e6e6e6;
  vertical-align: top;
}
.ChatRecipientTable tr:first-child td {
  border-top: 0px !important;
}
.ChatRecipientTable tr:nth-child(even) td {
  background: rgba(200,200,200,0.1);
}
.ChatRecipientTable td.chatRecipientMuokkausTD {
  width: 80px;
}
.ChatRecipientTable .chatRecipient_tehtava_div {
  font-size: 14px;
}
.ChatRecipientTable .chatRecipient_viesti_div {
  margin-top: 10px;
  border-left: 7px solid rgba(150,150,150,0.1);
  background: rgba(200,200,200,0.2);
  padding: 10px;
  border-radius: 0px;
}
.taskChatSideBox {
  box-shadow: none !important;
  margin-top: -50px !important;
}
.taskChatSideBox .taskChatsDiv {
  background: rgba(50,50,50,0.2);
}
.taskChatSideBox.taskChatSideBoxViestit {
  position: static;
}
.taskChatSideBox.taskChatSideBoxViestit .taskChatsDiv {
  background: rgba(50,50,50,0);
}
.taskChatSideBox .tehtavanViestitOtsikko {
  background: none;
  padding: 15px;
  border-bottom: 2px solid rgba(50,50,50,0.3);
  font-size: 15px;
}
.taskChatSideBox .sendTaskChatDiv {
  border-left: 1px solid rgba(50,50,50,0.2);
  padding-left: 5px;
}
.taskChatSideBox .sendedTaskChatsDiv,
.taskChatSideBox .sendTaskChatDiv {
  vertical-align: top;
  display: inline-block;
  width: 100%;
}
.taskChatSideBox .sendedTaskChatsDiv label,
.taskChatSideBox .sendTaskChatDiv label {
  display: block;
}
.naytaTaskViestitBtn {
  position: relative;
  margin-left: 5px;
}
.naytaTaskViestitBtn .lukemattomatPallukka {
  font-size: 14px;
  background: red;
  position: absolute;
  top: -2px;
  right: -7px;
  border-radius: 100%;
}
.lukemattomatPallukka {
  position: relative;
  top: -10px;
  right: 10px;
  font-size: 15px;
}
.taskShowDialog .modal-dialog {
  margin-left: calc((100vw - 720px - 350px)/2);
}
.taskShowDialog .modal-dialog.taskShowDialog_uudenTaskinLuonti {
  margin-left: auto !important;
  margin-rigth: auto;
}
.taskShowDialog.taskShowDialog_uudenTaskinLuonti .modal-dialog {
  margin-left: auto;
}
.taskPage .note-editor.note-frame.panel.panel-default {
  left: 0px !important;
}
.osoitaViestiKayttajalleOtsikko {
  color: black;
  display: block;
}
.chatVainJoinerille .chatSendedDateTimeSpan,
.chatVainJoinerille .senderSpan,
.chatVainJoinerilleViestit .chatRecipient_viesti_div {
  color: #0078dc;
}
.sendTaskChatDiv .note-editor {
  height: 160px !important;
}
.taskChatsDiv .chatsContainer .multiselect-container {
  max-height: 200px !important;
  overflow-y: scroll;
}
.osoitaViestiKayttajalleDiv {
  padding-left: 10px;
}
textarea.workOptionTextArea {
  height: 70px !important;
}
#palauteJAreklamaatioForm h4 {
  background: rgba(240,240,240,0.5);
  padding: 10px;
}
.margin70koneella {
  margin-left: 70px;
  margin-top: 30px;
}
@media (max-width: 767px) {
  .margin70koneella {
    margin-left: 0px !important;
  }
}
.TaskProjektiPage {
  width: 700px;
  margin-left: auto;
  margin-right: auto;
}
.projektiShowDialog .modal-dialog,
.projektiShowDialog .modal-content {
  margin-left: auto;
  margin-right: auto;
  max-width: 500px !important;
  max-height: 500px !important;
  padding: 10px !important;
}
.projektiShowDialog .modal-body {
  height: 400px !important;
}
.chatsContainer p {
  white-space: normal;
}
select#provideri + .btn-group .dropdown-menu {
  overflow-y: scroll !important;
  max-height: 300px !important;
}
.eiVoiValitaTata label {
  cursor: no-drop !important;
  color: grey !important;
  pointer-events: none !important;
}
.taskinProjektinNimi {
  font-style: italic;
  color: #787878;
  font-size: 10px;
  word-wrap: break-word;
  overflow-wrap: break-word;
  white-space: normal;
  display: inline-block;
  width: 60px;
}
#logo {
  background-size: 100%;
}
body {
  background-color: #F3F4F8;
  font-family: 'Roboto', sans-serif;
}
#container {
  background-color: #fff;
}
.navbar-nav > .active > a,
.navbar-nav > .active > a:hover,
.navbar-nav > .active > a:focus {
  color: #000000;
  background-color: #efda25;
}
.navbar-nav > .open > a,
.navbar-nav > .open > a:hover,
.navbar-nav > .open > a:focus {
  background-color: #efda25;
  color: #000000;
}
#cartLink {
  color: #000;
  padding: 10px 15px;
  border-radius: 4px;
  margin-top: 17px;
  border: solid 1px #e8e8e8;
  background: #ffffff;
  background: -moz-linear-gradient(top,#ffffff 0%,#f3f2f0 100%);
  background: -webkit-linear-gradient(top,#ffffff 0%,#f3f2f0 100%);
  background: linear-gradient(to bottom,#ffffff 0%,#f3f2f0 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f3f2f0',GradientType=0);
}
a#cartLink.cartLink:hover {
  color: #000;
  background: #fff283;
  border: solid 1px #cad969;
}
#navRightPart .badge {
  background-color: #f4e66c;
}
#container.container {
  max-width: 1050px;
}
.container .row {
  margin-left: 0;
  margin-right: 0;
}
body #nav.navbar {
  margin: 0px !important;
  border-bottom: 1px solid #ddd;
}
body #top {
  padding-top: 20px;
  padding-bottom: 30px;
}
.etusivuOtsikko {
  font-size: 60px;
  font-weight: 700;
  line-height: 1.1;
}
#hitnordicEtusivu {
  width: 100% !important;
  text-align: center;
  padding-bottom: 25px;
}
#hitnordicEtusivu .etusivuPallo {
  display: inline-block;
  vertical-align: top;
  width: 280px;
  height: 280px;
  border-radius: 140px;
  font-size: 36px;
  font-weight: 700;
  line-height: 44px;
  text-align: center;
  background: #f4e66c;
  text-decoration: none;
  margin-bottom: 25px;
  border: solid 1px #f0de3d;
  color: #444;
}
#hitnordicEtusivu .etusivuPallo img {
  filter: grayscale(100%) brightness(50%);
}
#hitnordicEtusivu .etusivuPallo:hover {
  background: #f4e66c;
  border: solid 1px #f0de3d;
}
#hitnordicEtusivu .namiskakuvaIkkuna {
  margin-top: 40px;
  margin-bottom: 5px;
}
#hitnordicEtusivu .namiskakuvaOvi {
  margin-top: 25px;
}
#hitnordicEtusivu .etusivuNappula {
  border-radius: 9px;
  padding: 10px 25px;
  background: #fff;
  color: #6b859e;
  border: 1px solid #6b859e;
  font-size: 18px;
}
#hitnordicEtusivu .etusivuNappula:hover {
  color: #000;
  background: #fff283;
  border-color: #cad969;
}
.rako {
  display: inline-block;
  width: 50px;
}
@media (max-width: 690px) {
  .rako {
    display: none;
  }
}
.kehote {
  position: relative;
  display: inline-block;
  color: #fff;
  font-size: 21px;
  padding: 21px;
  padding-left: 30px;
  font-weight: 500;
  margin-top: 25px;
  margin-right: 30px;
  background-color: #363636;
}
.kehote:after,
.kehote:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.kehote:after {
  border-color: rgba(230,237,185,0);
  border-left-color: #363636;
  border-width: 36px;
  margin-top: -36px;
}
.kehote:before {
  border-color: rgba(202,217,105,0);
  border-width: 37px;
  margin-top: -37px;
}
#category-top {
  display: none;
}
#categories a {
  padding-top: 10px;
  padding-bottom: 8px;
  background: rgba(174,7,5,0.7);
  border-radius: 5px;
  border-width: 2px;
  border-color: #ae0705;
}
#categories a:hover {
  background: rgba(174,7,5,0.5);
  border-width: 2px;
  border-color: rgba(174,7,5,0.5);
}
#categories a {
  text-decoration: none;
  color: #ffffff;
}
#tuoteIkkuna,
#tuoteOvi {
  position: relative;
  background: #f4e66c;
  background: -moz-linear-gradient(left,#f4e66c 0%,#ffffff 30%,#ffffff 100%);
  background: -webkit-linear-gradient(left,#f4e66c 0%,#ffffff 30%,#ffffff 100%);
  background: linear-gradient(to right,#f4e66c 0%,#ffffff 30%,#ffffff 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4e66c',endColorstr='#ffffff',GradientType=1);
  color: #6b859e;
  padding: 15px;
  margin-left: 31px;
  margin-bottom: 35px;
  margin-top: 30px;
  width: 94%;
}
#tuoteIkkuna img,
#tuoteOvi img {
  max-width: 200px;
}
@media (max-width: 991px) {
  #tuoteIkkuna img,
  #tuoteOvi img {
    max-width: 300px;
  }
}
#tuoteIkkuna a,
#tuoteOvi a {
  color: #44566e;
}
#tuoteIkkuna h1 a,
#tuoteOvi h1 a {
  color: #000;
}
.tuoteKehys:before {
  content: "";
  position: absolute;
  top: -6px;
  bottom: -6px;
  left: -6px;
  right: -6px;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
  -moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
  box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.15);
}
.tuotetietoLyhyt {
  font-size: 18px;
}
.tuoteValitseBtn {
  position: relative;
  display: inline-block;
  padding: 20px;
  margin-top: 30px;
  font-size: 24px;
  font-weight: 500;
  background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%,#f4e66c 100%);
  background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,#f4e66c 100%);
  background: linear-gradient(to right,rgba(255,255,255,0) 0%,#f4e66c 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#f4e66c',GradientType=1);
}
.tuoteValitseBtn:after,
.tuoteValitseBtn:before {
  left: 100%;
  top: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
.tuoteValitseBtn:after {
  border-color: rgba(185,213,237,0);
  border-left-color: #f4e66c;
  border-width: 36px;
  margin-top: -36px;
}
.tuoteValitseBtn:before {
  border-color: rgba(169,187,202,0);
  border-width: 37px;
  margin-top: -37px;
}
.tuoteValitseBtn:hover {
  color: #000 !important;
}
#product-top p {
  font-size: 15px;
}
#product-top p.lead {
  font-size: 18px;
  font-weight: 500;
}
.btn-success {
  color: #fff;
  background-color: #696969;
  border-color: #030303;
}
.btn-primary {
  color: #222;
}
.navbar {
  background: #f4e66c;
}
#navRightPart #cartLink {
  background: transparent;
  border: none;
}
#top.row.homepage {
  color: #eee;
  background: #363636;
  margin-bottom: 40px;
}
#top.row.homepage h1 {
  color: #eee;
  text-shadow: none;
}