html {
  height: 100%; }

body {
  background-color: #f0f0f0;
  color: #333;
  position: relative;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 14px;
  min-height: 100%;
  padding-bottom: 180px; }

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: "Lato", sans-serif; }

.week-calendar.readonly input {
  color: #bbb;
  background-color: #f0f0f0;
  border: 1px solid #d4d4d4; }
.week-calendar.readonly:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0; }

.pre-line {
  white-space: pre-line; }

body > header {
  background-color: #0b4476; }
  @media (min-width: 768px) {
    body > header {
      margin-bottom: 4em; } }
  body > header .navbar {
    -moz-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.125);
    -webkit-box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.125);
    box-shadow: 0px 0px 5px 0px rgba(50, 50, 50, 0.125);
    padding: 8px 0 9px; }
    body > header .navbar .navbar-header img.navbar-brand {
      height: auto;
      max-width: 100%;
      padding: 0; }
    body > header .navbar .nav > li > a {
      font-weight: bold;
      color: white;
      font-size: 15px;
      text-transform: uppercase; }
  body > header .navbar-toggle .icon-bar {
    background-color: #333; }
  body > header .nav li {
    margin: 0.5em 0; }
    body > header .nav li a:hover {
      background-color: #286090; }
    body > header .nav li.active a {
      color: white;
      background-color: #2daae1; }
  body > header .form-group {
    margin: 0.5em 0; }
  body > header .navbar-collapse > .btn-group {
    margin-top: 0.5em;
    margin-bottom: 0.5em; }

.navbar-btn-logout {
  margin-top: 15px;
  margin-bottom: 15px; }

body > footer {
  position: absolute;
  bottom: 0;
  width: 100%; }
  body > footer address {
    margin: 0; }
  body > footer a {
    text-decoration: underline;
    color: white; }
  body > footer > div {
    padding: 15px 0; }
    body > footer > div:first-child {
      background: #78ac19;
      color: white; }
    body > footer > div:last-child {
      background: #444444;
      color: white;
      margin-top: 3px; }

.btn {
  font-size: 14px; }

.btn-primary {
  background-color: #0b4476;
  color: white;
  border: none; }
  .btn-primary:hover, .btn-primary:active, .btn-primary:focus {
    background-color: #286090; }

.btn-dismiss {
  position: relative;
  width: 48px;
  height: 48px;
  background-color: white;
  border: none;
  border-radius: 50%;
  z-index: 10; }
  .btn-dismiss:before, .btn-dismiss:after {
    content: '';
    display: block;
    width: 50%;
    height: 2px;
    background: gray;
    position: absolute;
    left: 25%;
    top: 50%;
    margin-top: -1px; }
  .btn-dismiss:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg); }
  .btn-dismiss:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg); }
  .btn-dismiss:hover, .btn-dismiss:active, .btn-dismiss:focus {
    background-color: #286090; }

.btn-wrap {
  white-space: normal; }

.required > div > label:not(.error):after, .required > label:not(.error):after {
  content: " *"; }

.alert:empty {
  display: none; }

.label:empty {
  display: none; }

.lock-screen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(255, 255, 255, 0.5); }
  .lock-screen .message {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    background: url("../../images/ajax-loader.gif") white no-repeat 15px center;
    padding: 15px 15px 15px 57px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%); }

.row.narrow-gaps {
  margin-right: -5px;
  margin-left: -5px; }
  .row.narrow-gaps .col-xs-1, .row.narrow-gaps .col-xs-2, .row.narrow-gaps .col-xs-3, .row.narrow-gaps .col-xs-4, .row.narrow-gaps .col-xs-5, .row.narrow-gaps .col-xs-6, .row.narrow-gaps .col-xs-12,
  .row.narrow-gaps .col-md-1, .row.narrow-gaps .col-md-2, .row.narrow-gaps .col-md-3, .row.narrow-gaps .col-md-4, .row.narrow-gaps .col-md-5, .row.narrow-gaps .col-md-6, .row.narrow-gaps .col-md-12 {
    padding-left: 5px;
    padding-right: 5px; }

.disabled[title] {
  cursor: help; }

.modal-content {
  background-color: #e0e0e0; }

[data-toggle="tooltip"] {
  cursor: help; }

/* Kendo UI */
.form-control.k-widget {
  padding: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  /* Fixes disappearing borders when browser is zoomed out */ }

.form-control .k-picker-wrap {
  overflow: hidden;
  /* Fixes disappearing borders when browser is zoomed out */ }

.form-control.date-selector[readonly] {
  background-color: inherit; }

.k-grid-norecords-template {
  width: auto; }

@media screen and (min-width: 0) and (min-resolution: 72dpi) {
  .invoices .k-grid-content {
    height: auto !important; } }

/*.form-control.k-widget:not(.k-autocomplete) { border-width: 0; }*/
/* DHTMLX */
.dhx_toolbar_dhx_terrace,
.dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 {
  background-color: transparent;
  display: inline-block;
  height: auto !important;
  font-family: inherit;
  font-size: inherit;
  padding: 0; }
  .dhx_toolbar_dhx_terrace div.dhx_toolbar_btn,
  .dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhx_toolbar_btn {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0; }
  .dhx_toolbar_dhx_terrace div.dhxtoolbar_float_left,
  .dhx_toolbar_dhx_terrace.dhxtoolbar_icons_48 div.dhxtoolbar_float_left {
    float: none; }

.dhx_dataview_item {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  margin: 0 !important; }

div.gridbox.gridbox_dhx_skyblue {
  font-family: "Lato", sans-serif;
  font-size: 14px; }
  div.gridbox.gridbox_dhx_skyblue table.hdr,
  div.gridbox.gridbox_dhx_skyblue table.hdr td {
    font-family: inherit;
    font-size: inherit; }
  div.gridbox.gridbox_dhx_skyblue table.obj,
  div.gridbox.gridbox_dhx_skyblue table.obj td {
    font-family: inherit;
    font-size: inherit; }

.dhtmlx_modal_box .dhtmlx_popup_controls .dhtmlx_popup_button div {
  background-color: #0b4476; }

.dhxform_obj_dhx_terrace {
  float: none;
  font-family: "Lato", sans-serif;
  font-weight: normal;
  font-size: 14px; }
  .dhxform_obj_dhx_terrace .no-block-offset + .dhxform_base_nested {
    padding-left: 0 !important; }
  .dhxform_obj_dhx_terrace .dhxform_txt_label2:empty {
    height: 0;
    margin: 0; }
  .dhxform_obj_dhx_terrace input.dhxform_textarea,
  .dhxform_obj_dhx_terrace textarea.dhxform_textarea,
  .dhxform_obj_dhx_terrace .dhxform_select,
  .dhxform_obj_dhx_terrace div.dhxform_label,
  .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    font-size: 14px; }
  .dhxform_obj_dhx_terrace div.dhxform_label {
    font-family: "Lato", sans-serif; }
  .dhxform_obj_dhx_terrace div.dhxform_txt_label2,
  .dhxform_obj_dhx_terrace div.dhxform_item_label_right,
  .dhxform_obj_dhx_terrace div.dhxform_item_label_left,
  .dhxform_obj_dhx_terrace .dhxform_select,
  .dhxform_obj_dhx_terrace .dhxform_textarea,
  .dhxform_obj_dhx_terrace div.dhxform_label .dhxform_label_nav_link {
    font-family: "Lato", sans-serif;
    font-weight: normal; }
  .dhxform_obj_dhx_terrace .dhxform_obj_dhx_terrace fieldset.dhxform_fs legend.fs_legend {
    font-family: "Lato", sans-serif; }
  .dhxform_obj_dhx_terrace div.dhxform_base {
    float: none; }
  .dhxform_obj_dhx_terrace fieldset.dhxform_fs, .dhxform_obj_dhx_terrace div.disabled fieldset.dhxform_fs {
    border: none; }
  .dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left.col-md-6,
  .dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left.col-lg-6 {
    padding-left: 15px;
    padding-right: 15px; }
  .dhxform_obj_dhx_terrace div.block_dhxform_item_label_left.col-md-6,
  .dhxform_obj_dhx_terrace div.dhxform_item_label_left.col-md-3 {
    clear: none; }
  .dhxform_obj_dhx_terrace fieldset.dhxform_fs legend.fs_legend {
    margin-left: 0;
    padding: 0;
    font-size: 21px;
    color: #333; }
  .dhxform_obj_dhx_terrace div.dhxform_txt_label2 {
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height: 1.4; }
  .dhxform_obj_dhx_terrace div.fs_dhxform_item_label_left fieldset.dhxform_fs div.dhxform_base_nested.dhxform_fs_nested {
    margin: 0;
    padding: 0 !important; }
  .dhxform_obj_dhx_terrace div.dhxform_control {
    position: relative; }
    .dhxform_obj_dhx_terrace div.dhxform_control img.loader {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%, -50%); }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_control,
  .dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_control {
    float: none;
    margin: 0;
    display: inline; }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_left div.dhxform_label,
  .dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_label {
    float: none; }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_right {
    padding: 0;
    margin-bottom: 10px; }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_right div.dhxform_control.dhxform_img_node {
    float: left;
    margin-right: 10px; }
  .dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:focus {
    color: inherit; }
  .dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link,
  .dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:visited,
  .dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:active,
  .dhxform_obj_dhx_terrace div.dhxform_label div.dhxform_label_nav_link:hover {
    display: inline;
    line-height: 1.4; }
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node .dhxform_textarea {
    position: absolute; }
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_r,
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_img {
    float: none;
    position: static;
    display: inline-block; }
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_c,
  .dhxform_obj_dhx_terrace div.dhxform_control.dhxform_img_node div.dhxform_actv_r {
    margin: 2px 1px 1px 2px; }
  .dhxform_obj_dhx_terrace input.dhxform_textarea,
  .dhxform_obj_dhx_terrace textarea.dhxform_textarea,
  .dhxform_obj_dhx_terrace .dhxform_select {
    padding: 6px 12px !important; }
  .dhxform_obj_dhx_terrace div.dhxform_btn,
  .dhxform_obj_dhx_terrace div.dhxform_btn:hover,
  .dhxform_obj_dhx_terrace div.dhxform_btn:active {
    border: none;
    background: transparent;
    float: none;
    clear: none;
    color: inherit;
    font-size: inherit;
    font-family: inherit;
    margin: 0;
    padding: 6px 12px;
    cursor: inherit;
    outline: none;
    box-shadow: none; }
  .dhxform_obj_dhx_terrace div.dhxform_btn div.dhxform_btn_txt,
  .dhxform_obj_dhx_terrace div.dhxform_btn div.dhxform_btn_txt:hover,
  .dhxform_obj_dhx_terrace div.dhxform_btn div.dhxform_btn_txt:active {
    float: none;
    height: auto;
    line-height: inherit;
    border-radius: 0;
    white-space: inherit;
    vertical-align: inherit;
    text-align: inherit;
    margin: 0;
    outline: none;
    box-shadow: none; }
  .dhxform_obj_dhx_terrace .dhxform_btn[role="button"]:focus {
    background-color: #286090; }
  .dhxform_obj_dhx_terrace .dhxform_select:focus {
    box-shadow: 0 0 4px #c0c0c0;
    border: 2px solid #bfbfbf;
    outline: none; }
  .dhxform_obj_dhx_terrace input.dhxform_textarea:focus,
  .dhxform_obj_dhx_terrace textarea.dhxform_textarea:focus {
    box-shadow: 0 0 4px #c0c0c0;
    border: 2px solid #bfbfbf;
    outline: none; }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_top {
    clear: none; }
  .dhxform_obj_dhx_terrace div.dhxform_item_label_left.btn {
    padding: 0; }
  .dhxform_obj_dhx_terrace div.dhxform_control div.dhxform_note {
    width: auto !important; }
  .dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_info {
    font-family: inherit;
    font-size: inherit;
    position: relative;
    top: 1px;
    color: transparent;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }
    .dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_info[data-original-title=""] {
      display: none; }
    .dhxform_obj_dhx_terrace div.dhxform_label span.dhxform_info:before {
      color: black;
      content: "\e085";
      visibility: visible;
      position: absolute; }
  .dhxform_obj_dhx_terrace div.label-left div.dhxform_label {
    display: inline-block;
    margin-right: 1em;
    vertical-align: sub; }
  .dhxform_obj_dhx_terrace div.label-left div.dhxform_control > * {
    display: inline-block;
    width: auto; }

.dhtmlxcalendar_dhx_terrace {
  z-index: 10000 !important; }

.calendar input, input.calendar {
  background: url(../../images/icons/glyphicons-46-calendar-16.png) no-repeat right 7px center; }

.jumbotron {
  margin-top: -20px;
  min-height: 240px;
  background-position-x: center; }
  @media (max-width: 767px) {
    .jumbotron {
      margin-bottom: 0; } }

.login-page-message {
  text-align: center; }

.disabled.hide-if-not-enabled, .disabled .hide-if-not-enabled {
  display: none; }

.dhxform_obj_dhx_terrace .rakenne-fieldset div.dhxform_base,
.dhxform_obj_dhx_terrace .rakenne-fieldset + .dhxform_base_nested > div.dhxform_base {
  float: left;
  width: 50%; }

.dhxform_obj_dhx_terrace .rakenne-fieldset + div + div {
  clear: left; }

.dhxform_obj_dhx_terrace .month-fieldset div.dhxform_base,
.dhxform_obj_dhx_terrace .month-fieldset + .dhxform_base_nested > div.dhxform_base {
  float: left;
  width: 25%; }

.dhxform_obj_dhx_terrace .month-fieldset + div + div {
  clear: left; }

.dhx_dataview_product_item {
  width: 100%; }

.service-selector {
  width: 100%; }
  .service-selector .k-input {
    height: auto; }
  .service-selector .k-state-disabled {
    opacity: 1;
    background-color: #FFF; }
    .service-selector .k-state-disabled .k-i-arrow-s {
      display: none; }

.k-grid tbody td > .k-grid-delete {
  padding: 0;
  text-align: center;
  min-width: auto; }
  .k-grid tbody td > .k-grid-delete .k-icon {
    margin: 0; }

.panel {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em; }

.panel.panel-form {
  background-color: white; }

.hide-dis .disabled {
  display: none; }

.tooltip .tooltip-inner {
  max-width: 100%;
  text-align: left; }

div.dhxform_item_label_left.validate_error > div.dhxform_txt_label2 {
  color: red; }

.modal.in .modal-dialog {
  -webkit-transform: none;
  -ms-transform: none;
  -o-transform: none;
  transform: none; }

/*
 * Service selector list
 */
#service-selector-list .k-list-optionlabel {
  display: none; }

@media (max-width: 400px) {
  #service-selector-list {
    box-sizing: border-box;
    margin-left: 10px; } }
/*
 * The main header
 */
body > header img.navbar-brand {
  max-width: 100%; }
@media (min-width: 768px) {
  body > header #navbar-collapse .login-page-action {
    display: none; } }
body > header #help-links {
  clear: right;
  margin-right: -15px; }

body.modal-open > header #navbar-collapse .login-page-action, body:not(.login) > header #navbar-collapse .login-page-action {
  display: none; }

main header .service-selector {
  margin-top: -1em;
  margin-bottom: 3em; }
main header .tab-list {
  border-right: 1px solid #444444;
  padding-right: 3px; }
main section.container.login {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em; }
  main section.container.login .nav-tabs {
    margin-bottom: 3em; }
  main section.container.login .login-page-actions {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
    main section.container.login .login-page-actions > div {
      text-align: center;
      margin-top: 3em;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -ms-flex-direction: column;
      -webkit-flex-direction: column;
      flex-direction: column; }
      main section.container.login .login-page-actions > div button {
        margin-top: auto; }
  main section.container.login .error-bulletin {
    white-space: pre-wrap; }
main section.container.customer-data > .row {
  margin-bottom: 2em; }
main section.container.shopping-page .shopping-cart-content > .row > div {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em; }
main section.container.shopping-page .shopping-cart {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  padding-right: 2em;
  margin-bottom: 3em; }
main section.services [data-role="action-buttons"] {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
  align-items: start;
  flex-wrap: wrap; }
  main section.services [data-role="action-buttons"] > * {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    -ms-flex: 0 0 0;
    flex: 0 0 0; }
    main section.services [data-role="action-buttons"] > * button {
      max-width: 100%;
      text-overflow: ellipsis;
      overflow: hidden; }
main section.services .service-item {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em;
  margin-top: 3em;
  padding-left: 3em;
  padding-right: 3em; }
  main section.services .service-item > legend {
    float: left; }
  main section.services .service-item > legend ~ * {
    clear: left; }
  main section.services .service-item .service-name .description {
    margin-left: 0.5em; }
  main section.services .service-item .service-info {
    display: flex;
    flex-wrap: wrap; }
    main section.services .service-item .service-info > div {
      flex-grow: 1; }
      main section.services .service-item .service-info > div [data-header] {
        border-top: 1px solid #f0f0f0;
        border-bottom: 1px solid #f0f0f0;
        font-weight: bold;
        min-height: 2.85714286em;
        /* 2x line-height */
        box-sizing: content-box; }
        main section.services .service-item .service-info > div [data-header] [data-header], main section.services .service-item .service-info > div [data-header] + [data-header] {
          font-weight: normal; }
    main section.services .service-item .service-info > div > div {
      padding: 10px; }
  main section.services .service-item [data-value="ASTMatkaPrice"]:before {
    content: '('; }
  main section.services .service-item [data-value="ASTMatkaPrice"]:after {
    content: ' €)'; }
  @media (min-width: 768px) {
    main section.services .service-item .kimppa-info .resign-kimppa-button {
      float: right; } }
main section .panel > .page-header {
  margin-top: 0; }
  main section .panel > .page-header h2 {
    margin-top: 0; }

.kimppa {
  overflow: hidden;
  position: relative; }
  .kimppa span.isanta:before {
    display: block;
    text-transform: lowercase;
    font-variant: small-caps;
    font-size: 1.2em;
    font-weight: bold; }
  .kimppa th[data-field="KIRPros"], .kimppa th[data-field="KIRPaino"], .kimppa .paino-column {
    text-align: center; }
  .kimppa td, .kimppa th, .kimppa td > div, .kimppa th > div {
    position: relative; }
  .kimppa .percent-column {
    text-align: center; }
    .kimppa .percent-column .fake-text-input {
      border: 1px solid #999;
      border-radius: 4px;
      display: inline-block;
      line-height: 1em;
      padding: 1.2em 0;
      margin: 0.6em 0;
      text-align: center;
      width: 5em;
      box-shadow: inset 3px 3px 15px #e4e4e4; }
    .kimppa .percent-column .k-numerictextbox {
      border: 1px solid #999;
      border-radius: 4px;
      display: inline-block;
      line-height: 1em;
      padding: 0;
      margin: 0.6em 0;
      text-align: center;
      width: 5em;
      box-shadow: inset 3px 3px 15px #e4e4e4; }
    .kimppa .percent-column .k-numeric-wrap {
      border: none;
      background: transparent;
      line-height: 3.4em; }
    .kimppa .percent-column .k-input {
      display: inline-block;
      background: transparent;
      text-align: center;
      line-height: 3.4em;
      height: auto;
      padding: 0; }
  .kimppa .disabled-cell:after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: '';
    background-color: white;
    opacity: 0.8; }
  .kimppa .add-osakas {
    margin: -0.4em -0.6em 0.4em;
    padding: 0.4em 0.6em;
    background-color: #0b4476;
    color: white;
    cursor: pointer; }
  .kimppa .icon {
    display: inline-block;
    margin-top: -1.5px;
    width: 13px;
    position: absolute;
    top: 50%; }
    .kimppa .icon + span {
      display: inline-block;
      margin-left: 29px; }
    .kimppa .icon:before, .kimppa .icon:after {
      content: '';
      position: relative;
      display: block; }
    .kimppa .icon.handle {
      height: 3px;
      width: 8px;
      vertical-align: middle;
      margin-left: 5px; }
      .kimppa .icon.handle:before, .kimppa .icon.handle:after {
        height: 3px;
        width: 8px; }
      .kimppa .icon.handle:before {
        top: -7px; }
      .kimppa .icon.handle:after {
        top: 4px; }
    .kimppa .icon.dark, .kimppa .icon.dark:before, .kimppa .icon.dark:after {
      background: #444; }
    .kimppa .icon.disabled, .kimppa .icon.disabled:before, .kimppa .icon.disabled:after {
      background: #f0f0f0; }
    .kimppa .icon.white, .kimppa .icon.white:before, .kimppa .icon.white:after {
      background: white; }
  .kimppa .menu {
    position: absolute;
    background: white;
    box-shadow: inset 3px 3px 10px #f0f0f0, inset -3px -3px 10px #f0f0f0;
    width: 100%;
    animation-duration: 0.5s;
    animation-timing-function: linear; }
    .kimppa .menu .row {
      margin: 0;
      height: 100%;
      padding: 0.6em 0; }
      .kimppa .menu .row .col-xs-4, .kimppa .menu .row .col-xs-4 .btn {
        height: 100%;
        margin: 0; }
  .kimppa .edit-menu {
    animation-name: slidein-left; }
    .kimppa .edit-menu.out {
      right: 100%;
      animation-name: slideout-left; }
  .kimppa .paino-menu {
    animation-name: slidein-right; }
    .kimppa .paino-menu.out {
      animation-name: slideout-right; }
  .kimppa .edited-row.right {
    transform: translateX(100%);
    animation-duration: 0.5s;
    animation-name: translateout-right;
    animation-timing-function: linear; }
    .kimppa .edited-row.right.in {
      transform: translateX(0%);
      animation-name: translatein-right; }
  .kimppa .edited-row.left {
    transform: translateX(-100%);
    animation-duration: 0.5s;
    animation-name: translateout-left;
    animation-timing-function: linear; }
    .kimppa .edited-row.left.in {
      transform: translateX(0%);
      animation-duration: 0.5s;
      animation-name: translatein-left;
      animation-timing-function: linear; }
@keyframes slidein-left {
  from {
    right: 100%; }
  to {
    right: 0; } }
@keyframes slideout-left {
  from {
    right: 0; }
  to {
    right: 100%; } }
@keyframes slidein-right {
  from {
    left: 100%; }
  to {
    left: 0; } }
@keyframes slideout-right {
  from {
    left: 0; }
  to {
    left: 100%; } }
@keyframes translatein-right {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0%); } }
@keyframes translateout-right {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(100%); } }
@keyframes translatein-left {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0%); } }
@keyframes translateout-left {
  from {
    transform: translateX(0%); }
  to {
    transform: translateX(-100%); } }
  .kimppa .osakas-editor * {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box; }

/* Feedback */
#feedback-modal .feedback-textarea .dhxform_note, #feedback .feedback-textarea .dhxform_note {
  text-align: right; }

/* Modal tabbar */
.modal-body .tab-list {
  border-bottom: 1px solid white; }
  .modal-body .tab-list li {
    border: 1px solid white;
    border-radius: 3px 3px 0 0;
    margin-bottom: -1px;
    padding: 1em; }
    .modal-body .tab-list li.active {
      border-bottom: 1px solid #e0e0e0; }
      .modal-body .tab-list li.active a {
        color: inherit; }

/* Joining */
#order-modal .product-line, #create-new-service-modal .product-line, #change-join-type-modal .product-line, #resign-kimppa-modal .product-line {
  margin-bottom: 1em; }
  #order-modal .product-line .delete-button, #create-new-service-modal .product-line .delete-button, #change-join-type-modal .product-line .delete-button, #resign-kimppa-modal .product-line .delete-button {
    margin-left: 15px;
    margin-right: 15px; }
  @media (min-width: 992px) {
    #order-modal .product-line > div > div > div > .row:first-child > div > div > div, #create-new-service-modal .product-line > div > div > div > .row:first-child > div > div > div, #change-join-type-modal .product-line > div > div > div > .row:first-child > div > div > div, #resign-kimppa-modal .product-line > div > div > div > .row:first-child > div > div > div {
      display: -ms-flexbox;
      display: flex;
      -ms-flex-align: flex-end;
      align-items: flex-end; }
      #order-modal .product-line > div > div > div > .row:first-child > div > div > div > div:not(.delete-button):not(.washing-ring), #create-new-service-modal .product-line > div > div > div > .row:first-child > div > div > div > div:not(.delete-button):not(.washing-ring), #change-join-type-modal .product-line > div > div > div > .row:first-child > div > div > div > div:not(.delete-button):not(.washing-ring), #resign-kimppa-modal .product-line > div > div > div > .row:first-child > div > div > div > div:not(.delete-button):not(.washing-ring) {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto; } }
  #order-modal .product-line .two-emptying-intervals, #create-new-service-modal .product-line .two-emptying-intervals, #change-join-type-modal .product-line .two-emptying-intervals, #resign-kimppa-modal .product-line .two-emptying-intervals {
    padding-top: 2em; }
    #order-modal .product-line .two-emptying-intervals .week-selection input[disabled], #order-modal .product-line .two-emptying-intervals .week-selection select[disabled], #create-new-service-modal .product-line .two-emptying-intervals .week-selection input[disabled], #create-new-service-modal .product-line .two-emptying-intervals .week-selection select[disabled], #change-join-type-modal .product-line .two-emptying-intervals .week-selection input[disabled], #change-join-type-modal .product-line .two-emptying-intervals .week-selection select[disabled], #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection input[disabled], #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection select[disabled] {
      display: none; }
    #order-modal .product-line .two-emptying-intervals .week-selection .yearly-emptying-rhythm-header > div:after, #create-new-service-modal .product-line .two-emptying-intervals .week-selection .yearly-emptying-rhythm-header > div:after, #change-join-type-modal .product-line .two-emptying-intervals .week-selection .yearly-emptying-rhythm-header > div:after, #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection .yearly-emptying-rhythm-header > div:after {
      content: ' *'; }
    #order-modal .product-line .two-emptying-intervals .week-selection .required > div > label:after, #create-new-service-modal .product-line .two-emptying-intervals .week-selection .required > div > label:after, #change-join-type-modal .product-line .two-emptying-intervals .week-selection .required > div > label:after, #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection .required > div > label:after {
      content: ''; }
    #order-modal .product-line .two-emptying-intervals .week-selection:first-child, #create-new-service-modal .product-line .two-emptying-intervals .week-selection:first-child, #change-join-type-modal .product-line .two-emptying-intervals .week-selection:first-child, #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection:first-child {
      padding-left: 0; }
    #order-modal .product-line .two-emptying-intervals .week-selection:last-child, #create-new-service-modal .product-line .two-emptying-intervals .week-selection:last-child, #change-join-type-modal .product-line .two-emptying-intervals .week-selection:last-child, #resign-kimppa-modal .product-line .two-emptying-intervals .week-selection:last-child {
      padding-right: 0; }
#order-modal .week-selection, #create-new-service-modal .week-selection, #change-join-type-modal .week-selection, #resign-kimppa-modal .week-selection {
  clear: none; }
  #order-modal .week-selection .selection-row, #create-new-service-modal .week-selection .selection-row, #change-join-type-modal .week-selection .selection-row, #resign-kimppa-modal .week-selection .selection-row {
    margin-left: -5px;
    margin-right: -5px; }
    #order-modal .week-selection .selection-row > div > div > div, #create-new-service-modal .week-selection .selection-row > div > div > div, #change-join-type-modal .week-selection .selection-row > div > div > div, #resign-kimppa-modal .week-selection .selection-row > div > div > div {
      display: flex; }
      #order-modal .week-selection .selection-row > div > div > div .dhxform_label, #order-modal .week-selection .selection-row > div > div > div label, #create-new-service-modal .week-selection .selection-row > div > div > div .dhxform_label, #create-new-service-modal .week-selection .selection-row > div > div > div label, #change-join-type-modal .week-selection .selection-row > div > div > div .dhxform_label, #change-join-type-modal .week-selection .selection-row > div > div > div label, #resign-kimppa-modal .week-selection .selection-row > div > div > div .dhxform_label, #resign-kimppa-modal .week-selection .selection-row > div > div > div label {
        white-space: nowrap;
        overflow: visible; }
  #order-modal .week-selection .two-intervals div.dhxform_label, #create-new-service-modal .week-selection .two-intervals div.dhxform_label, #change-join-type-modal .week-selection .two-intervals div.dhxform_label, #resign-kimppa-modal .week-selection .two-intervals div.dhxform_label {
    overflow: visible; }
    #order-modal .week-selection .two-intervals div.dhxform_label div.dhxform_label_nav_link, #create-new-service-modal .week-selection .two-intervals div.dhxform_label div.dhxform_label_nav_link, #change-join-type-modal .week-selection .two-intervals div.dhxform_label div.dhxform_label_nav_link, #resign-kimppa-modal .week-selection .two-intervals div.dhxform_label div.dhxform_label_nav_link {
      display: block;
      overflow: visible;
      white-space: nowrap; }
  #order-modal .week-selection .week-calendar.disabled .dhxform_label, #create-new-service-modal .week-selection .week-calendar.disabled .dhxform_label, #change-join-type-modal .week-selection .week-calendar.disabled .dhxform_label, #resign-kimppa-modal .week-selection .week-calendar.disabled .dhxform_label {
    color: inherit; }
  #order-modal .week-selection .week-calendar.disabled input[disabled], #create-new-service-modal .week-selection .week-calendar.disabled input[disabled], #change-join-type-modal .week-selection .week-calendar.disabled input[disabled], #resign-kimppa-modal .week-selection .week-calendar.disabled input[disabled] {
    display: block; }
#order-modal .emptying-intervals-block > div > div > div.dhxform_base:after, #create-new-service-modal .emptying-intervals-block > div > div > div.dhxform_base:after, #change-join-type-modal .emptying-intervals-block > div > div > div.dhxform_base:after, #resign-kimppa-modal .emptying-intervals-block > div > div > div.dhxform_base:after {
  content: '';
  display: block;
  clear: both; }
#order-modal .yearly-emptying-rhythm-header, #create-new-service-modal .yearly-emptying-rhythm-header, #change-join-type-modal .yearly-emptying-rhythm-header, #resign-kimppa-modal .yearly-emptying-rhythm-header {
  white-space: nowrap; }
  @media (min-width: 992px) {
    #order-modal .yearly-emptying-rhythm-header, #create-new-service-modal .yearly-emptying-rhythm-header, #change-join-type-modal .yearly-emptying-rhythm-header, #resign-kimppa-modal .yearly-emptying-rhythm-header {
      position: absolute;
      top: -2em; } }
  #order-modal .yearly-emptying-rhythm-header div, #create-new-service-modal .yearly-emptying-rhythm-header div, #change-join-type-modal .yearly-emptying-rhythm-header div, #resign-kimppa-modal .yearly-emptying-rhythm-header div {
    font-weight: bold; }
@media (max-width: 991px) {
  #order-modal .emptying-intervals-block .week-selection:last-child > div > div > div > div:first-child .dhxform_item_label_top, #create-new-service-modal .emptying-intervals-block .week-selection:last-child > div > div > div > div:first-child .dhxform_item_label_top, #change-join-type-modal .emptying-intervals-block .week-selection:last-child > div > div > div > div:first-child .dhxform_item_label_top, #resign-kimppa-modal .emptying-intervals-block .week-selection:last-child > div > div > div > div:first-child .dhxform_item_label_top {
    margin-top: 2em;
    padding-top: 10px; } }
#order-modal .waste-water, #create-new-service-modal .waste-water, #change-join-type-modal .waste-water, #resign-kimppa-modal .waste-water {
  /* spacing */ }
  #order-modal .waste-water .tab-list, #create-new-service-modal .waste-water .tab-list, #change-join-type-modal .waste-water .tab-list, #resign-kimppa-modal .waste-water .tab-list {
    display: none !important; }
  #order-modal .waste-water .a1, #create-new-service-modal .waste-water .a1, #change-join-type-modal .waste-water .a1, #resign-kimppa-modal .waste-water .a1 {
    display: block !important; }
    #order-modal .waste-water .a1 .form-buttons, #create-new-service-modal .waste-water .a1 .form-buttons, #change-join-type-modal .waste-water .a1 .form-buttons, #resign-kimppa-modal .waste-water .a1 .form-buttons {
      display: none !important; }
  #order-modal .waste-water .a2, #create-new-service-modal .waste-water .a2, #change-join-type-modal .waste-water .a2, #resign-kimppa-modal .waste-water .a2 {
    display: block !important; }
    #order-modal .waste-water .a2 .form-buttons, #create-new-service-modal .waste-water .a2 .form-buttons, #change-join-type-modal .waste-water .a2 .form-buttons, #resign-kimppa-modal .waste-water .a2 .form-buttons {
      display: none !important; }
  #order-modal .waste-water .a1 > div > div > div:nth-child(2), #create-new-service-modal .waste-water .a1 > div > div > div:nth-child(2), #change-join-type-modal .waste-water .a1 > div > div > div:nth-child(2), #resign-kimppa-modal .waste-water .a1 > div > div > div:nth-child(2) {
    margin-top: -2em; }
  #order-modal .waste-water .a2, #create-new-service-modal .waste-water .a2, #change-join-type-modal .waste-water .a2, #resign-kimppa-modal .waste-water .a2 {
    margin-top: -1em; }
  #order-modal .waste-water legend, #create-new-service-modal .waste-water legend, #change-join-type-modal .waste-water legend, #resign-kimppa-modal .waste-water legend {
    padding-top: 1em; }
#order-modal .location .dhxform_note, #create-new-service-modal .location .dhxform_note, #change-join-type-modal .location .dhxform_note, #resign-kimppa-modal .location .dhxform_note {
  color: black;
  font-family: inherit;
  font-size: 14px; }

.form-buttons > * + *, .form-buttons .btn + .btn {
  margin-left: 1em; }

:not(.modal-footer) .form-buttons .btn, :not(.modal-footer) .form-buttons > * {
  margin-bottom: 1em; }

/* Waste water */
#waste-water-modal .dhxform_base_nested, .waste-water .dhxform_base_nested {
  padding-left: 0 !important; }
#waste-water-modal .WELKaiTyhOng > fieldset > div > div, .waste-water .WELKaiTyhOng > fieldset > div > div {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  max-height: 12em; }
  #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .waste-water .WELKaiTyhOng > fieldset > div > div > div {
    width: 33%; }
#waste-water-modal .WELKaiTyhOng.validate_error label, .waste-water .WELKaiTyhOng.validate_error label {
  color: red !important; }
#waste-water-modal .WELKaiTyhOng .other + .dhxform_base_nested, .waste-water .WELKaiTyhOng .other + .dhxform_base_nested {
  margin-top: -1em; }
#waste-water-modal .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_label, .waste-water .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_label {
  position: absolute;
  top: -1.2em;
  left: 28px;
  margin-top: -5px;
  pointer-events: none; }
#waste-water-modal .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_label label, .waste-water .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_label label {
  font-weight: normal; }
#waste-water-modal .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_item_label_left:not(.validate_error) .dhxform_label label, .waste-water .WELKaiTyhOng .other + .dhxform_base_nested .dhxform_item_label_left:not(.validate_error) .dhxform_label label {
  color: black; }
#waste-water-modal .dhxform_img_node + .dhxform_label, .waste-water .dhxform_img_node + .dhxform_label {
  padding-top: 0;
  margin-top: 0; }
#waste-water-modal .map, .waste-water .map {
  min-height: 500px; }

.k-ie #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ie .waste-water .WELKaiTyhOng > fieldset > div > div {
  height: 15em;
  max-height: none; }

.k-ie9 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ie9 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ie10 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ie10 .waste-water .WELKaiTyhOng > fieldset > div > div {
  height: auto;
  max-height: none;
  width: 100%; }
.k-ie9 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ie9 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ie10 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ie10 .waste-water .WELKaiTyhOng > fieldset > div > div > div {
  width: 100%; }

.k-ff #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff .waste-water .WELKaiTyhOng > fieldset > div > div {
  max-height: 15em; }

.k-ff27 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff27 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff26 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff26 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff25 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff25 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff24 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff24 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff23 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff23 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff22 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff22 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff21 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff21 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff20 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff20 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff19 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff19 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff18 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff18 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff17 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff17 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff16 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff16 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff15 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff15 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff15 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff15 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff13 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff13 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff12 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff12 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff11 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff11 .waste-water .WELKaiTyhOng > fieldset > div > div, .k-ff10 #waste-water-modal .WELKaiTyhOng > fieldset > div > div, .k-ff10 .waste-water .WELKaiTyhOng > fieldset > div > div {
  max-height: none; }
.k-ff27 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff27 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff26 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff26 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff25 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff25 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff24 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff24 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff23 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff23 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff22 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff22 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff21 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff21 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff20 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff20 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff19 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff19 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff18 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff18 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff17 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff17 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff16 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff16 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff15 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff15 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff15 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff15 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff13 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff13 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff12 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff12 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff11 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff11 .waste-water .WELKaiTyhOng > fieldset > div > div > div, .k-ff10 #waste-water-modal .WELKaiTyhOng > fieldset > div > div > div, .k-ff10 .waste-water .WELKaiTyhOng > fieldset > div > div > div {
  width: 100%; }

/* Shopping */
.product {
  background-color: white;
  border-radius: 4px;
  -moz-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  -webkit-box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  box-shadow: 0 0 1px 0 rgba(50, 50, 50, 0.125);
  padding-top: 2em;
  padding-bottom: 2em;
  margin-bottom: 2em;
  padding-left: 1em;
  padding-right: 1em; }
  .product img {
    -ms-interpolation-mode: bicubic; }
  .product h4 {
    margin-top: 0; }
  .product .price {
    font-size: 18px;
    white-space: pre; }
  .product > div > .row > div:last-child .row:not(:last-child) {
    margin-bottom: 1em; }
    .product > div > .row > div:last-child .row:not(:last-child) > div:first-child {
      text-align: right; }
  .product .product-name {
    overflow-wrap: break-word; }
  .product .image-fullscreen {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    z-index: 1000;
    box-shadow: 0 0 3px #ccc;
    max-width: 95%;
    max-height: 95%; }

.shopping-toolbar, .subcategory-toolbar {
  margin-bottom: 2em; }

.product-list {
  height: auto !important;
  overflow: visible !important; }
  .product-list > div {
    float: none !important; }

.modal .product-list {
  background-color: #f0f0f0;
  border-radius: 4px;
  padding: 1em; }

.required label:not(.error):after,
.required legend:after,
.required div.dhxform_txt_label2:after {
  content: ' *'; }

.not-required label:not(.error):after,
.not-required legend:after,
.not-required div.dhxform_txt_label2:after {
  content: normal; }

legend.fs_legend:empty {
  display: none; }

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

.col-centered {
  display: inline-block;
  float: none;
  /* reset the text-align */
  text-align: left;
  /* inline-block space fix */
  margin-right: -4px; }

.modal-dialog {
  height: 101%; }

.radio-button-label > div {
  display: inline-block !important;
  max-width: 100% !important;
  margin-bottom: 5px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  font-family: "Lato", sans-serif !important; }

/*# sourceMappingURL=main_base.css.map */