@font-face {
  font-family: "vaprio";
  src: url("../fonts/vaprio.eot");
  src: url("../fonts/vaprio.eot?#iefix") format("embedded-opentype"), url("../fonts/vaprio.woff") format("woff"), url("../fonts/vaprio.ttf") format("truetype"), url("../fonts/vaprio.svg#vaprio") format("svg");
  font-weight: normal;
  font-style: normal; }

[data-icon]:before {
  font-family: "vaprio" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.iconFont,
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vaprio" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.icon-arrow-left:before {
  content: "\61"; }

.icon-arrow-light-left:before {
  content: "\62"; }

.icon-arrow-light-right:before {
  content: "\63"; }

.icon-arrow-right:before {
  content: "\64"; }

.icon-close:before {
  content: "\65"; }

.icon-plus-circle:before {
  content: "\66"; }

.icon-search:before {
  content: "\67"; }

.icon-cart-1:before {
  content: "\68"; }

.icon-eye:before {
  content: "\69"; }

.icon-home:before {
  content: "\6a"; }

.icon-star:before {
  content: "\6b"; }

.icon-cart:before {
  content: "\6c"; }

.icon-pin:before {
  content: "\6d"; }

.icon-phone-circle:before {
  content: "\6e"; }

.icon-exclamation-mark-circle:before {
  content: "\6f"; }

.icon-envelope-circle:before {
  content: "\70"; }

.icon-facebook-circle:before {
  content: "\71"; }

.icon-laptop:before {
  content: "\72"; }

.icon-clock:before {
  content: "\73"; }

.icon-like:before {
  content: "\74"; }

.icon-mobile-phone:before {
  content: "\75"; }

.icon-envelope:before {
  content: "\76"; }

.icon-facebook:before {
  content: "\77"; }

.icon-check:before {
  content: "\78"; }

.icon-info:before {
  content: "\79"; }

.icon-error:before {
  content: "\7a"; }

.icon-user:before {
  content: "\41"; }

.icon-star-full:before {
  content: "\42"; }

.icon-compare:before {
  content: "\43"; }

.icon-minus-circle:before {
  content: "\44"; }

.icon-pin-2:before {
  content: "\45"; }

.icon-check-2:before {
  content: "\46"; }

.icon-printer:before {
  content: "\47"; }

.icon-info-2:before {
  content: "\48"; }

.icon-edit:before {
  content: "\49"; }

.icon-minus-circle-full:before {
  content: "\4a"; }

.icon-plus-circle-full:before {
  content: "\4b"; }

.icon-trash:before {
  content: "\4c"; }

.icon-arrow-circle-right:before {
  content: "\4d"; }

.icon-arrow-circle-left:before {
  content: "\4e"; }

.icon-tag:before {
  content: "\4f"; }

.icon-arrow-full-right:before {
  content: "\50"; }

.icon-arrow-full-left:before {
  content: "\51"; }

.icon-logout:before {
  content: "\52"; }

.icon-calendar:before {
  content: "\53"; }

.icon-user-outline:before {
  content: "\54"; }

.icon-key:before {
  content: "\55"; }

.icon-eye-closed-2:before {
  content: "\56"; }

.icon-eye-2:before {
  content: "\57"; }

.icon-calculator:before {
  content: "\58"; }

.icon-table-chart:before {
  content: "\59"; }

.icon-check-2:before {
  content: "\46"; }

.icon-cart-2-outline:before {
  content: "\5a"; }

.icon-gear:before {
  content: "\30"; }

.icon-view:before {
  content: "\31"; }

.icon-book:before {
  content: "\32"; }

.icon-chart:before {
  content: "\33"; }

.icon-bank:before {
  content: "\34"; }

.icon-bookmark:before {
  content: "\35"; }

.icon-document:before {
  content: "\36"; }

.icon-key-2:before {
  content: "\37"; }

.icon-link:before {
  content: "\38"; }

.icon-cloud-check:before {
  content: "\39"; }

.icon-calendar-2:before {
  content: "\21"; }

.icon-coins:before {
  content: "\22"; }

.icon-card:before {
  content: "\23"; }

.icon-gift:before {
  content: "\24"; }

.icon-cupon:before {
  content: "\25"; }

.icon-arrow-full-2-left:before {
  content: "\26"; }

.icon-arrow-full-2-right:before {
  content: "\27"; }

.icon-pdf:before {
  content: "\28"; }

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block; }

audio,
canvas,
progress,
video {
  display: inline-block;
  vertical-align: baseline; }

audio:not([controls]) {
  display: none;
  height: 0; }

[hidden],
template {
  display: none; }

a {
  background-color: transparent; }

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

abbr[title] {
  border-bottom: 1px dotted; }

b,
strong {
  font-weight: bold; }

dfn {
  font-style: italic; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

mark {
  background: #ff0;
  color: #000; }

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: 1em 40px; }

hr {
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box;
  height: 0; }

pre {
  overflow: auto; }

code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

button,
input,
optgroup,
select,
textarea {
  color: inherit;
  font: inherit;
  margin: 0; }

button {
  overflow: visible; }

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; }

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0; }

input {
  line-height: normal; }

input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  padding: 0; }

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto; }

input[type="search"] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
     -moz-box-sizing: content-box;
          box-sizing: content-box; }

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em; }

legend {
  border: 0;
  padding: 0; }

textarea {
  overflow: auto; }

optgroup {
  font-weight: bold; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

.grid {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-flex;
  display: -webkit-box;
  display: -moz-box;
  display: flex;
  -webkit-flex: 0 1 auto;
  -webkit-box-flex: 0;
  -moz-box-flex: 0;
       flex: 0 1 auto;
  -webkit-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
       flex-direction: row;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0 -8px 0 -8px; }
  .grid.grid-nogutter {
    margin: 0; }
    .grid.grid-nogutter > .col {
      padding: 0; }

.col {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-flex: 0 0 auto;
  -moz-box-flex: 0;
       flex: 0 0 auto;
  -webkit-flex-grow: 1;
  -webkit-box-flex: 1;
  -moz-box-flex: 1;
       flex-grow: 1;
  -webkit-flex-basis: 0;
  flex-basis: 0;
  max-width: 100%;
  min-width: 0;
  padding: 0 8px 0 8px; }

.col-align-top {
  -webkit-align-self: flex-start;
  align-self: flex-start; }

.col-align-bottom {
  -webkit-align-self: flex-end;
          align-self: flex-end; }

.col-align-middle {
  -webkit-align-self: center;
  align-self: center; }

.col-top {
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
     -moz-box-pack: start !important;
          justify-content: flex-start !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }

.col-bottom {
  -webkit-box-pack: end !important;
  -webkit-justify-content: flex-end !important;
     -moz-box-pack: end !important;
          justify-content: flex-end !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }

.col-middle {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
     -moz-box-orient: vertical;
     -moz-box-direction: normal;
          flex-direction: column;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }

.grid-start {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
     -moz-box-pack: start;
          justify-content: flex-start; }

.grid-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }

.grid-end {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
     -moz-box-pack: end;
          justify-content: flex-end; }

.grid-around {
  -webkit-justify-content: space-around;
          justify-content: space-around; }

.grid-between {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
     -moz-box-pack: justify;
          justify-content: space-between; }

.col-first {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
     -moz-box-ordinal-group: 0;
          order: -1; }

.col-last {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
     -moz-box-ordinal-group: 2;
          order: 1; }

.grid-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
     -moz-box-orient: horizontal;
     -moz-box-direction: reverse;
          flex-direction: row-reverse; }

.col-fixed {
  -webkit-box-flex: initial;
  -webkit-flex: initial;
     -moz-box-flex: initial;
          flex: initial; }

.col-grow-2 {
  -webkit-box-flex: 2;
  -webkit-flex-grow: 2;
     -moz-box-flex: 2;
          flex-grow: 2; }

.col-grow-3 {
  -webkit-box-flex: 3;
  -webkit-flex-grow: 3;
     -moz-box-flex: 3;
          flex-grow: 3; }

.col-grow-4 {
  -webkit-box-flex: 4;
  -webkit-flex-grow: 4;
     -moz-box-flex: 4;
          flex-grow: 4; }

.col-grow-5 {
  -webkit-box-flex: 5;
  -webkit-flex-grow: 5;
     -moz-box-flex: 5;
          flex-grow: 5; }

.col-grow-6 {
  -webkit-box-flex: 6;
  -webkit-flex-grow: 6;
     -moz-box-flex: 6;
          flex-grow: 6; }

.col-grow-7 {
  -webkit-box-flex: 7;
  -webkit-flex-grow: 7;
     -moz-box-flex: 7;
          flex-grow: 7; }

.col-grow-8 {
  -webkit-box-flex: 8;
  -webkit-flex-grow: 8;
     -moz-box-flex: 8;
          flex-grow: 8; }

.col-grow-9 {
  -webkit-box-flex: 9;
  -webkit-flex-grow: 9;
     -moz-box-flex: 9;
          flex-grow: 9; }

.col-grow-10 {
  -webkit-box-flex: 10;
  -webkit-flex-grow: 10;
     -moz-box-flex: 10;
          flex-grow: 10; }

.col-grow-11 {
  -webkit-box-flex: 11;
  -webkit-flex-grow: 11;
     -moz-box-flex: 11;
          flex-grow: 11; }

.col-1 {
  -webkit-flex-basis: 8.33333%;
  flex-basis: 8.33333%;
  max-width: 8.33333%; }

.col-2 {
  -webkit-flex-basis: 16.66667%;
  flex-basis: 16.66667%;
  max-width: 16.66667%; }

.col-3 {
  -webkit-flex-basis: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-4 {
  -webkit-flex-basis: 33.33333%;
  flex-basis: 33.33333%;
  max-width: 33.33333%; }

.col-5 {
  -webkit-flex-basis: 41.66667%;
  flex-basis: 41.66667%;
  max-width: 41.66667%; }

.col-6 {
  -webkit-flex-basis: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-7 {
  -webkit-flex-basis: 58.33333%;
  flex-basis: 58.33333%;
  max-width: 58.33333%; }

.col-8 {
  -webkit-flex-basis: 66.66667%;
  flex-basis: 66.66667%;
  max-width: 66.66667%; }

.col-9 {
  -webkit-flex-basis: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-10 {
  -webkit-flex-basis: 83.33333%;
  flex-basis: 83.33333%;
  max-width: 83.33333%; }

.col-11 {
  -webkit-flex-basis: 91.66667%;
  flex-basis: 91.66667%;
  max-width: 91.66667%; }

.col-12 {
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  max-width: 100%; }

@media only screen and (max-width: 480px) {
  .col-sm {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
       -moz-box-flex: 100%;
            flex: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 624px) {
  .col-md {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
       -moz-box-flex: 100%;
            flex: 100%;
    max-width: 100%; } }

@media only screen and (max-width: 744px) {
  .col-lg {
    -webkit-box-flex: 100%;
    -webkit-flex: 100%;
       -moz-box-flex: 100%;
            flex: 100%;
    max-width: 100%; } }

/*
This .scss loop will create "margin helpers" and "padding helpers" for use in your web projects.
It will generate several classes such as:

.m-r-10 which gives margin-right 10 pixels.
.m-r-15 gives MARGIN to the RIGHT 15 pixels.
.m-t-15 gives MARGIN to the TOP 15 pixels and so on.

.p-b-5 gives PADDING to the BOTTOM of 5 pixels
.p-l-40 gives PADDING to the LEFT of 40 pixels

The first letter is "m" or "p" for MARGIN or PADDING
Second letter is "t", "b", "l", or "r" for TOP, BOTTOM, LEFT, or RIGHT
Third letter is the number of spacing in pixels. Adjust the amounts generated by editing the $spaceamounts variable below.

*/
.mt-0 {
  margin-top: 0px !important; }

.pt-0 {
  padding-top: 0px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.pb-0 {
  padding-bottom: 0px !important; }

.ml-0 {
  margin-left: 0px !important; }

.pl-0 {
  padding-left: 0px !important; }

.mr-0 {
  margin-right: 0px !important; }

.pr-0 {
  padding-right: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.pt-5 {
  padding-top: 5px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.pb-5 {
  padding-bottom: 5px !important; }

.ml-5 {
  margin-left: 5px !important; }

.pl-5 {
  padding-left: 5px !important; }

.mr-5 {
  margin-right: 5px !important; }

.pr-5 {
  padding-right: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.pt-10 {
  padding-top: 10px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.pb-10 {
  padding-bottom: 10px !important; }

.ml-10 {
  margin-left: 10px !important; }

.pl-10 {
  padding-left: 10px !important; }

.mr-10 {
  margin-right: 10px !important; }

.pr-10 {
  padding-right: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.pt-15 {
  padding-top: 15px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.pb-15 {
  padding-bottom: 15px !important; }

.ml-15 {
  margin-left: 15px !important; }

.pl-15 {
  padding-left: 15px !important; }

.mr-15 {
  margin-right: 15px !important; }

.pr-15 {
  padding-right: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.pt-20 {
  padding-top: 20px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.pb-20 {
  padding-bottom: 20px !important; }

.ml-20 {
  margin-left: 20px !important; }

.pl-20 {
  padding-left: 20px !important; }

.mr-20 {
  margin-right: 20px !important; }

.pr-20 {
  padding-right: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.pt-25 {
  padding-top: 25px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.pb-25 {
  padding-bottom: 25px !important; }

.ml-25 {
  margin-left: 25px !important; }

.pl-25 {
  padding-left: 25px !important; }

.mr-25 {
  margin-right: 25px !important; }

.pr-25 {
  padding-right: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.pt-30 {
  padding-top: 30px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.pb-30 {
  padding-bottom: 30px !important; }

.ml-30 {
  margin-left: 30px !important; }

.pl-30 {
  padding-left: 30px !important; }

.mr-30 {
  margin-right: 30px !important; }

.pr-30 {
  padding-right: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.pt-35 {
  padding-top: 35px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.pb-35 {
  padding-bottom: 35px !important; }

.ml-35 {
  margin-left: 35px !important; }

.pl-35 {
  padding-left: 35px !important; }

.mr-35 {
  margin-right: 35px !important; }

.pr-35 {
  padding-right: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.pt-40 {
  padding-top: 40px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.pb-40 {
  padding-bottom: 40px !important; }

.ml-40 {
  margin-left: 40px !important; }

.pl-40 {
  padding-left: 40px !important; }

.mr-40 {
  margin-right: 40px !important; }

.pr-40 {
  padding-right: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.pt-45 {
  padding-top: 45px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.pb-45 {
  padding-bottom: 45px !important; }

.ml-45 {
  margin-left: 45px !important; }

.pl-45 {
  padding-left: 45px !important; }

.mr-45 {
  margin-right: 45px !important; }

.pr-45 {
  padding-right: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.pt-50 {
  padding-top: 50px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.pb-50 {
  padding-bottom: 50px !important; }

.ml-50 {
  margin-left: 50px !important; }

.pl-50 {
  padding-left: 50px !important; }

.mr-50 {
  margin-right: 50px !important; }

.pr-50 {
  padding-right: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.pt-55 {
  padding-top: 55px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.pb-55 {
  padding-bottom: 55px !important; }

.ml-55 {
  margin-left: 55px !important; }

.pl-55 {
  padding-left: 55px !important; }

.mr-55 {
  margin-right: 55px !important; }

.pr-55 {
  padding-right: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.pt-60 {
  padding-top: 60px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.pb-60 {
  padding-bottom: 60px !important; }

.ml-60 {
  margin-left: 60px !important; }

.pl-60 {
  padding-left: 60px !important; }

.mr-60 {
  margin-right: 60px !important; }

.pr-60 {
  padding-right: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.pt-65 {
  padding-top: 65px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.pb-65 {
  padding-bottom: 65px !important; }

.ml-65 {
  margin-left: 65px !important; }

.pl-65 {
  padding-left: 65px !important; }

.mr-65 {
  margin-right: 65px !important; }

.pr-65 {
  padding-right: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.pt-70 {
  padding-top: 70px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.pb-70 {
  padding-bottom: 70px !important; }

.ml-70 {
  margin-left: 70px !important; }

.pl-70 {
  padding-left: 70px !important; }

.mr-70 {
  margin-right: 70px !important; }

.pr-70 {
  padding-right: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.pt-75 {
  padding-top: 75px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.pb-75 {
  padding-bottom: 75px !important; }

.ml-75 {
  margin-left: 75px !important; }

.pl-75 {
  padding-left: 75px !important; }

.mr-75 {
  margin-right: 75px !important; }

.pr-75 {
  padding-right: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.pt-80 {
  padding-top: 80px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.pb-80 {
  padding-bottom: 80px !important; }

.ml-80 {
  margin-left: 80px !important; }

.pl-80 {
  padding-left: 80px !important; }

.mr-80 {
  margin-right: 80px !important; }

.pr-80 {
  padding-right: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.pt-85 {
  padding-top: 85px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.pb-85 {
  padding-bottom: 85px !important; }

.ml-85 {
  margin-left: 85px !important; }

.pl-85 {
  padding-left: 85px !important; }

.mr-85 {
  margin-right: 85px !important; }

.pr-85 {
  padding-right: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.pt-90 {
  padding-top: 90px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.pb-90 {
  padding-bottom: 90px !important; }

.ml-90 {
  margin-left: 90px !important; }

.pl-90 {
  padding-left: 90px !important; }

.mr-90 {
  margin-right: 90px !important; }

.pr-90 {
  padding-right: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.pt-95 {
  padding-top: 95px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.pb-95 {
  padding-bottom: 95px !important; }

.ml-95 {
  margin-left: 95px !important; }

.pl-95 {
  padding-left: 95px !important; }

.mr-95 {
  margin-right: 95px !important; }

.pr-95 {
  padding-right: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

.pt-100 {
  padding-top: 100px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

.pb-100 {
  padding-bottom: 100px !important; }

.ml-100 {
  margin-left: 100px !important; }

.pl-100 {
  padding-left: 100px !important; }

.mr-100 {
  margin-right: 100px !important; }

.pr-100 {
  padding-right: 100px !important; }

/*
  RUN GULP to generate the classes. Now you can use these helpers to customize spacing on HTML elements.
*/
.fs-0 {
  font-size: 0px !important; }

.fs-1 {
  font-size: 1px !important; }

.fs-2 {
  font-size: 2px !important; }

.fs-3 {
  font-size: 3px !important; }

.fs-4 {
  font-size: 4px !important; }

.fs-5 {
  font-size: 5px !important; }

.fs-6 {
  font-size: 6px !important; }

.fs-7 {
  font-size: 7px !important; }

.fs-8 {
  font-size: 8px !important; }

.fs-9 {
  font-size: 9px !important; }

.fs-10 {
  font-size: 10px !important; }

.fs-11 {
  font-size: 11px !important; }

.fs-12 {
  font-size: 12px !important; }

.fs-13 {
  font-size: 13px !important; }

.fs-14 {
  font-size: 14px !important; }

.fs-15 {
  font-size: 15px !important; }

.fs-16 {
  font-size: 16px !important; }

.fs-17 {
  font-size: 17px !important; }

.fs-18 {
  font-size: 18px !important; }

.fs-19 {
  font-size: 19px !important; }

.fs-20 {
  font-size: 20px !important; }

.fs-21 {
  font-size: 21px !important; }

.fs-22 {
  font-size: 22px !important; }

.fs-23 {
  font-size: 23px !important; }

.fs-24 {
  font-size: 24px !important; }

.fs-25 {
  font-size: 25px !important; }

.fs-26 {
  font-size: 26px !important; }

.fs-27 {
  font-size: 27px !important; }

.fs-28 {
  font-size: 28px !important; }

.fs-29 {
  font-size: 29px !important; }

.fs-30 {
  font-size: 30px !important; }

.fs-31 {
  font-size: 31px !important; }

.fs-32 {
  font-size: 32px !important; }

.fs-33 {
  font-size: 33px !important; }

.fs-34 {
  font-size: 34px !important; }

.fs-35 {
  font-size: 35px !important; }

.fs-36 {
  font-size: 36px !important; }

.fs-37 {
  font-size: 37px !important; }

.fs-38 {
  font-size: 38px !important; }

.fs-39 {
  font-size: 39px !important; }

.fs-40 {
  font-size: 40px !important; }

.fs-41 {
  font-size: 41px !important; }

.fs-42 {
  font-size: 42px !important; }

.fs-43 {
  font-size: 43px !important; }

.fs-44 {
  font-size: 44px !important; }

.fs-45 {
  font-size: 45px !important; }

.fs-46 {
  font-size: 46px !important; }

.fs-47 {
  font-size: 47px !important; }

.fs-48 {
  font-size: 48px !important; }

.fs-49 {
  font-size: 49px !important; }

.fs-50 {
  font-size: 50px !important; }

.fs-51 {
  font-size: 51px !important; }

.fs-52 {
  font-size: 52px !important; }

.fs-53 {
  font-size: 53px !important; }

.fs-54 {
  font-size: 54px !important; }

.fs-55 {
  font-size: 55px !important; }

.fs-56 {
  font-size: 56px !important; }

.fs-57 {
  font-size: 57px !important; }

.fs-58 {
  font-size: 58px !important; }

.fs-59 {
  font-size: 59px !important; }

.fs-60 {
  font-size: 60px !important; }

.fs-61 {
  font-size: 61px !important; }

.fs-62 {
  font-size: 62px !important; }

.fs-63 {
  font-size: 63px !important; }

.fs-64 {
  font-size: 64px !important; }

.fs-65 {
  font-size: 65px !important; }

.fs-66 {
  font-size: 66px !important; }

.fs-67 {
  font-size: 67px !important; }

.fs-68 {
  font-size: 68px !important; }

.fs-69 {
  font-size: 69px !important; }

.fs-70 {
  font-size: 70px !important; }

.fs-71 {
  font-size: 71px !important; }

.fs-72 {
  font-size: 72px !important; }

.fs-73 {
  font-size: 73px !important; }

.fs-74 {
  font-size: 74px !important; }

.fs-75 {
  font-size: 75px !important; }

.fs-76 {
  font-size: 76px !important; }

.fs-77 {
  font-size: 77px !important; }

.fs-78 {
  font-size: 78px !important; }

.fs-79 {
  font-size: 79px !important; }

.fs-80 {
  font-size: 80px !important; }

.fs-81 {
  font-size: 81px !important; }

.fs-82 {
  font-size: 82px !important; }

.fs-83 {
  font-size: 83px !important; }

.fs-84 {
  font-size: 84px !important; }

.fs-85 {
  font-size: 85px !important; }

.fs-86 {
  font-size: 86px !important; }

.fs-87 {
  font-size: 87px !important; }

.fs-88 {
  font-size: 88px !important; }

.fs-89 {
  font-size: 89px !important; }

.fs-90 {
  font-size: 90px !important; }

.fs-91 {
  font-size: 91px !important; }

.fs-92 {
  font-size: 92px !important; }

.fs-93 {
  font-size: 93px !important; }

.fs-94 {
  font-size: 94px !important; }

.fs-95 {
  font-size: 95px !important; }

.fs-96 {
  font-size: 96px !important; }

.fs-97 {
  font-size: 97px !important; }

.fs-98 {
  font-size: 98px !important; }

.fs-99 {
  font-size: 99px !important; }

.fs-100 {
  font-size: 100px !important; }

.clearfix:before, .clearfix:after {
  content: " ";
  display: table; }

.clearfix:after {
  clear: both; }

@-moz-keyframes "fpFadeInDown" {
  from {
    opacity: 0;
    -moz-transform: translate3d(0, -20px, 0);
         transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -moz-transform: translate3d(0, 0, 0);
         transform: translate3d(0, 0, 0); } }

@-webkit-keyframes "fpFadeInDown" {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

@-o-keyframes "fpFadeInDown" {
  from {
    opacity: 0;
    transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0); } }

@keyframes "fpFadeInDown" {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, -20px, 0);
       -moz-transform: translate3d(0, -20px, 0);
            transform: translate3d(0, -20px, 0); }
  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0); } }

body {
  font-family: Ubuntu; }

.flatpickr-calendar {
  background: #f8f8f8;
  opacity: 0;
  display: none;
  text-align: center;
  visibility: hidden;
  padding: 20px;
  margin: 10px;
  -webkit-animation: none;
     -moz-animation: none;
       -o-animation: none;
          animation: none;
  direction: ltr;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
  position: absolute;
  width: 440.25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  touch-action: manipulation; }
  body.darkTheme .flatpickr-calendar {
    background: #333; }
  .flatpickr-calendar .hasWeeks .dayContainer {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
    border-left: 0; }
  .flatpickr-calendar .hasTime .dayContainer {
    border-bottom: 0;
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0; }
  .flatpickr-calendar:before {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    display: block;
    height: -webkit-calc(100% + 20px);
    height: -moz-calc(100% + 20px);
    height: calc(100% + 20px);
    width: -webkit-calc(100% + 20px);
    width: -moz-calc(100% + 20px);
    width: calc(100% + 20px);
    background-image: -webkit-gradient(linear, left bottom, left top, from(#690), to(#95c11f));
    background-image: -webkit-linear-gradient(bottom, #690 0%, #95c11f 100%);
    background-image: -moz-linear-gradient(bottom, #690 0%, #95c11f 100%);
    background-image: -o-linear-gradient(bottom, #690 0%, #95c11f 100%);
    background-image: linear-gradient(0deg, #690 0%, #95c11f 100%);
    -webkit-box-shadow: 0 25px 150px 0 rgba(0, 0, 0, 0.25);
       -moz-box-shadow: 0 25px 150px 0 rgba(0, 0, 0, 0.25);
            box-shadow: 0 25px 150px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    z-index: -1; }
  .flatpickr-calendar:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 100%;
    width: 100%;
    background: #f8f8f8;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    z-index: -1; }
    body.darkTheme .flatpickr-calendar:after {
      background: #333; }
  .flatpickr-calendar:focus {
    outline: 0; }

.flatpickr-calendar.open {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
  display: inline-block;
  z-index: 99999; }

.flatpickr-calendar.inline {
  opacity: 1;
  max-height: 640px;
  visibility: visible;
  display: block;
  position: relative;
  top: 2px; }

.flatpickr-calendar.animate.open {
  -webkit-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
     -moz-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
       -o-animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1);
          animation: fpFadeInDown 300ms cubic-bezier(0.23, 1, 0.32, 1); }

.flatpickr-calendar.static {
  position: absolute;
  top: -webkit-calc(100% + 2px);
  top: -moz-calc(100% + 2px);
  top: calc(100% + 2px); }

.flatpickr-calendar.static.open {
  z-index: 999;
  display: block; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+1) .flatpickr-day.inRange:nth-child(7n+7) {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important; }

.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n+2) .flatpickr-day.inRange:nth-child(7n+1) {
  -webkit-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
     -moz-box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6;
          box-shadow: -2px 0 0 #e6e6e6, 5px 0 0 #e6e6e6; }

.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time {
  height: 51px;
  margin-top: 15px;
  border-top: 1px solid transparent; }

.flatpickr-calendar.noCalendar.hasTime .flatpickr-time {
  margin-top: 0;
  height: auto; }

.flatpickr-wrapper {
  position: relative;
  display: inline-block; }

.flatpickr-months {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  margin-top: 5px;
  margin-bottom: 19px; }
  .flatpickr-months .flatpickr-month {
    background: transparent;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9);
    height: 34px;
    line-height: 1;
    text-align: center;
    position: relative;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1; }
    body.darkTheme .flatpickr-months .flatpickr-month {
      color: rgba(255, 255, 255, 0.9);
      fill: rgba(255, 255, 255, 0.9); }
  .flatpickr-months .flatpickr-prev-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 18px;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9); }
    body.darkTheme .flatpickr-months .flatpickr-prev-month {
      color: rgba(255, 255, 255, 0.9);
      fill: rgba(255, 255, 255, 0.9); }
    .flatpickr-months .flatpickr-prev-month i {
      position: relative; }
    .flatpickr-months .flatpickr-prev-month:hover {
      color: #95c11f !important; }
      .flatpickr-months .flatpickr-prev-month:hover path {
        fill: #690 !important; }
    .flatpickr-months .flatpickr-prev-month svg {
      width: 24px;
      height: 24px; }
      .flatpickr-months .flatpickr-prev-month svg path {
        -webkit-transition: fill 0.2s ease-in-out;
        -o-transition: fill 0.2s ease-in-out;
        -moz-transition: fill 0.2s ease-in-out;
        transition: fill 0.2s ease-in-out;
        fill: #95c11f !important; }
  .flatpickr-months .flatpickr-next-month {
    text-decoration: none;
    cursor: pointer;
    position: absolute;
    top: 18px;
    height: 34px;
    padding: 10px;
    z-index: 3;
    color: rgba(0, 0, 0, 0.9);
    fill: rgba(0, 0, 0, 0.9); }
    .flatpickr-months .flatpickr-next-month i {
      position: relative; }
    .flatpickr-months .flatpickr-next-month:hover {
      color: #95c11f; }
      .flatpickr-months .flatpickr-next-month:hover path {
        fill: #690; }
    .flatpickr-months .flatpickr-next-month svg {
      width: 24px;
      height: 24px; }
      .flatpickr-months .flatpickr-next-month svg path {
        -webkit-transition: fill 0.2s ease-in-out;
        -o-transition: fill 0.2s ease-in-out;
        -moz-transition: fill 0.2s ease-in-out;
        transition: fill 0.2s ease-in-out;
        fill: #95c11f; }
  .flatpickr-months .flatpickr-prev-month.flatpickr-disabled {
    display: none; }
  .flatpickr-months .flatpickr-next-month.flatpickr-disabled {
    display: none; }
  .flatpickr-months .flatpickr-prev-month.flatpickr-prev-month {
    left: 20px; }
  .flatpickr-months .flatpickr-next-month.flatpickr-prev-month {
    left: 20px; }
  .flatpickr-months .flatpickr-prev-month.flatpickr-next-month {
    right: 20px; }
  .flatpickr-months .flatpickr-next-month.flatpickr-next-month {
    right: 20px; }

.numInputWrapper {
  position: relative;
  height: auto; }
  .numInputWrapper input {
    display: inline-block;
    width: 100%; }
    .numInputWrapper input::-ms-clear {
      display: none; }
    .numInputWrapper input::-webkit-outer-spin-button {
      margin: 0;
      -webkit-appearance: none; }
    .numInputWrapper input::-webkit-inner-spin-button {
      margin: 0;
      -webkit-appearance: none; }
  .numInputWrapper span {
    display: inline-block;
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box; }
    body.darkTheme .numInputWrapper span {
      border-color: rgba(255, 255, 255, 0.15); }
    .numInputWrapper span:hover {
      background: rgba(0, 0, 0, 0.1); }
      body.darkTheme .numInputWrapper span:hover {
        background: rgba(255, 255, 255, 0.1); }
    .numInputWrapper span:active {
      background: rgba(0, 0, 0, 0.2); }
      body.darkTheme .numInputWrapper span:active {
        background: rgba(255, 255, 255, 0.2); }
    .numInputWrapper span:after {
      display: block;
      content: "";
      position: absolute; }
    .numInputWrapper span svg {
      width: inherit;
      height: auto; }
      .numInputWrapper span svg path {
        fill: rgba(0, 0, 0, 0.5); }
        body.darkTheme .numInputWrapper span svg path {
          fill: rgba(255, 255, 255, 0.5); }
  .numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0; }
    .numInputWrapper span.arrowUp:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-bottom: 4px solid rgba(0, 0, 0, 0.6);
      top: 26%; }
      body.darkTheme .numInputWrapper span.arrowUp:after {
        border-bottom: 4px solid rgba(255, 255, 255, 0.6); }
  .numInputWrapper span.arrowDown {
    top: 50%; }
    .numInputWrapper span.arrowDown:after {
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid rgba(0, 0, 0, 0.6);
      top: 40%; }
      body.darkTheme .numInputWrapper span.arrowDown:after {
        border-top: 4px solid rgba(255, 255, 255, 0.6); }
  .numInputWrapper:hover {
    background: rgba(0, 0, 0, 0.05); }
    body.darkTheme .numInputWrapper:hover {
      background: rgba(255, 255, 255, 0.05); }
    .numInputWrapper:hover span {
      opacity: 1; }

.flatpickr-current-month {
  font-size: 24px;
  font-weight: bold;
  color: inherit;
  position: absolute;
  width: 75%;
  left: 12.5%;
  padding: 0;
  line-height: 1;
  height: 34px;
  display: inline-block;
  text-align: center;
  -webkit-transform: translate3d(0px, 0px, 0px);
     -moz-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px); }
  .flatpickr-current-month span.cur-month {
    font-family: inherit;
    font-weight: 700;
    color: inherit;
    display: inline-block;
    margin-left: 0.5ch;
    padding: 0; }
    .flatpickr-current-month span.cur-month:hover {
      background: rgba(0, 0, 0, 0.05); }
      body.darkTheme .flatpickr-current-month span.cur-month:hover {
        background: rgba(255, 255, 255, 0.05); }
  .flatpickr-current-month .numInputWrapper {
    width: 6ch;
    width: 7ch \0;
    display: inline-block; }
    .flatpickr-current-month .numInputWrapper span.arrowUp:after {
      border-bottom-color: rgba(0, 0, 0, 0.9); }
      body.darkTheme .flatpickr-current-month .numInputWrapper span.arrowUp:after {
        border-bottom-color: rgba(255, 255, 255, 0.9); }
    .flatpickr-current-month .numInputWrapper span.arrowDown:after {
      border-top-color: rgba(0, 0, 0, 0.9); }
      body.darkTheme .flatpickr-current-month .numInputWrapper span.arrowDown:after {
        border-top-color: rgba(255, 255, 255, 0.9); }
  .flatpickr-current-month input.cur-year {
    background: transparent;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    color: inherit;
    cursor: text;
    padding: 0 0 0 0.5ch;
    margin: 0;
    display: inline-block;
    font-size: inherit;
    font-family: inherit;
    font-weight: bold;
    line-height: inherit;
    height: auto;
    border: 0;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    vertical-align: initial;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield; }
    .flatpickr-current-month input.cur-year:focus {
      outline: 0; }
  .flatpickr-current-month input.cur-year[disabled] {
    font-size: 100%;
    color: rgba(0, 0, 0, 0.5);
    background: transparent;
    pointer-events: none; }
    body.darkTheme .flatpickr-current-month input.cur-year[disabled] {
      color: rgba(255, 255, 255, 0.5); }
    .flatpickr-current-month input.cur-year[disabled]:hover {
      font-size: 100%;
      color: rgba(0, 0, 0, 0.5);
      background: transparent;
      pointer-events: none; }
      body.darkTheme .flatpickr-current-month input.cur-year[disabled]:hover {
        color: rgba(255, 255, 255, 0.5); }
  .flatpickr-current-month .flatpickr-monthDropdown-months {
    -moz-appearance: none;
         appearance: none;
    background: transparent;
    border: none;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    color: inherit;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    font-weight: bold;
    height: auto;
    line-height: inherit;
    margin: -1px 0 0 0;
    outline: none;
    padding: 0 0 0 0.5ch;
    position: relative;
    vertical-align: initial;
    -webkit-box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    width: auto; }
    .flatpickr-current-month .flatpickr-monthDropdown-months:focus {
      outline: none; }
    .flatpickr-current-month .flatpickr-monthDropdown-months:active {
      outline: none; }
    .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
      background: rgba(0, 0, 0, 0.05); }
      body.darkTheme .flatpickr-current-month .flatpickr-monthDropdown-months:hover {
        background: rgba(255, 255, 255, 0.05); }
    .flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month {
      background-color: transparent;
      outline: none;
      padding: 0; }

.flatpickr-weekdays {
  background: transparent;
  text-align: center;
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  height: 28px;
  margin-bottom: 8px; }
  .flatpickr-weekdays .flatpickr-weekdaycontainer {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1; }

span.flatpickr-weekday {
  cursor: default;
  font-size: 16px;
  background: transparent;
  color: #000;
  line-height: 1;
  margin: 0;
  text-align: center;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
     -moz-box-flex: 1;
          flex: 1;
  font-weight: 500;
  display: inline-block;
  width: 14.2857143%; }
  body.darkTheme span.flatpickr-weekday {
    color: #fff; }

.dayContainer {
  padding: 1px 0 0 0;
  padding: 0;
  outline: 0;
  text-align: left;
  width: 400.25px;
  min-width: 400.25px;
  max-width: 400.25px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  display: inline-block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-flex-wrap: wrap;
          flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  -webkit-justify-content: space-around;
          justify-content: space-around;
  -webkit-transform: translate3d(0px, 0px, 0px);
     -moz-transform: translate3d(0px, 0px, 0px);
          transform: translate3d(0px, 0px, 0px);
  opacity: 1; }
  .dayContainer + .dayContainer {
    -webkit-box-shadow: -1px 0 0 transparent;
       -moz-box-shadow: -1px 0 0 transparent;
            box-shadow: -1px 0 0 transparent; }

.flatpickr-weeks {
  padding: 1px 0 0 0; }

.flatpickr-days {
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
     -moz-box-align: start;
          align-items: flex-start;
  width: 400.25px; }
  .flatpickr-days:focus {
    outline: 0; }

.flatpickr-day {
  background: none;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  color: #000;
  cursor: pointer;
  font-weight: 500;
  width: 14.2857143%;
  -webkit-flex-basis: 14.2857143%;
          flex-basis: 14.2857143%;
  max-width: 50px;
  height: 50px;
  line-height: 50px;
  margin: 0;
  display: inline-block;
  position: relative;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center;
  text-align: center; }
  body.darkTheme .flatpickr-day {
    color: #ccc;
    border-color: #000; }
  .flatpickr-day:hover {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }
    body.darkTheme .flatpickr-day:hover {
      color: #000; }
  .flatpickr-day:focus {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }
    body.darkTheme .flatpickr-day:focus {
      color: #000; }

.flatpickr-day.inRange {
  cursor: pointer;
  outline: 0;
  background: #95c11f !important;
  border-color: #95c11f !important;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f;
     -moz-box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f;
          box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f; }

.flatpickr-day.prevMonthDay.inRange,
body.darkTheme .flatpickr-day.prevMonthDay.inRange,
.flatpickr-day.nextMonthDay.inRange,
body.darkTheme
.flatpickr-day.nextMonthDay.inRange,
.flatpickr-day.today.inRange,
body.darkTheme
.flatpickr-day.today.inRange,
.flatpickr-day.prevMonthDay.today.inRange,
body.darkTheme
.flatpickr-day.prevMonthDay.today.inRange,
.flatpickr-day.nextMonthDay.today.inRange,
body.darkTheme
.flatpickr-day.nextMonthDay.today.inRange {
  cursor: pointer;
  outline: 0;
  background: #95c11f !important;
  border-color: #95c11f !important; }

body.darkTheme .flatpickr-day.prevMonthDay.inRange, body.darkTheme
.flatpickr-day.nextMonthDay.inRange, body.darkTheme
.flatpickr-day.today.inRange, body.darkTheme
.flatpickr-day.prevMonthDay.today.inRange, body.darkTheme
.flatpickr-day.nextMonthDay.today.inRange {
  color: #000 !important; }

.flatpickr-day.prevMonthDay {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }
  body.darkTheme .flatpickr-day.prevMonthDay {
    color: rgba(255, 255, 255, 0.3); }
  .flatpickr-day.prevMonthDay:hover,
  body.darkTheme .flatpickr-day.prevMonthDay:hover {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }
  .flatpickr-day.prevMonthDay:focus,
  body.darkTheme .flatpickr-day.prevMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }

.flatpickr-day.nextMonthDay {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }
  body.darkTheme .flatpickr-day.nextMonthDay {
    color: rgba(255, 255, 255, 0.3);
    border-color: transparent; }
  .flatpickr-day.nextMonthDay:hover,
  body.darkTheme .flatpickr-day.nextMonthDay:hover {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }
  .flatpickr-day.nextMonthDay:focus,
  body.darkTheme .flatpickr-day.nextMonthDay:focus {
    cursor: pointer;
    outline: 0;
    background: #95c11f !important;
    border-color: #95c11f !important; }

.flatpickr-day.today,
body.darkTheme .flatpickr-day.today {
  border-color: #95c11f !important; }
  .flatpickr-day.today:hover,
  body.darkTheme .flatpickr-day.today:hover {
    border-color: #95c11f !important;
    background: #95c11f !important;
    color: #fff !important; }
  .flatpickr-day.today:focus,
  body.darkTheme .flatpickr-day.today:focus {
    border-color: #95c11f !important;
    background: #95c11f !important;
    color: #fff !important; }

.flatpickr-day.selected,
body.darkTheme .flatpickr-day.selected {
  background: #95c11f !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: #fff;
  border-color: #95c11f !important; }
  .flatpickr-day.selected:focus,
  body.darkTheme .flatpickr-day.selected:focus {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #fff;
    border-color: #95c11f !important; }
  .flatpickr-day.selected:hover,
  body.darkTheme .flatpickr-day.selected:hover {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #fff;
    border-color: #95c11f !important; }

.flatpickr-day.startRange,
body.darkTheme .flatpickr-day.startRange {
  background: #95c11f !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: #ccc;
  border-color: #95c11f !important; }
  .flatpickr-day.startRange:focus,
  body.darkTheme .flatpickr-day.startRange:focus {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #ccc;
    border-color: #95c11f !important; }
  .flatpickr-day.startRange:hover,
  body.darkTheme .flatpickr-day.startRange:hover {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #ccc;
    border-color: #95c11f !important; }

.flatpickr-day.endRange,
body.darkTheme .flatpickr-day.endRange {
  background: #95c11f !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: #ccc;
  border-color: #95c11f !important; }
  .flatpickr-day.endRange:focus,
  body.darkTheme .flatpickr-day.endRange:focus {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #ccc;
    border-color: #95c11f !important; }
  .flatpickr-day.endRange:hover,
  body.darkTheme .flatpickr-day.endRange:hover {
    background: #95c11f !important;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    color: #ccc;
    border-color: #95c11f !important; }

.flatpickr-day.selected.inRange,
body.darkTheme .flatpickr-day.selected.inRange,
.flatpickr-day.startRange.inRange,
body.darkTheme
.flatpickr-day.startRange.inRange,
.flatpickr-day.endRange.inRange,
body.darkTheme
.flatpickr-day.endRange.inRange,
.flatpickr-day.selected.prevMonthDay,
body.darkTheme
.flatpickr-day.selected.prevMonthDay,
.flatpickr-day.startRange.prevMonthDay,
body.darkTheme
.flatpickr-day.startRange.prevMonthDay,
.flatpickr-day.endRange.prevMonthDay,
body.darkTheme
.flatpickr-day.endRange.prevMonthDay,
.flatpickr-day.selected.nextMonthDay,
body.darkTheme
.flatpickr-day.selected.nextMonthDay,
.flatpickr-day.startRange.nextMonthDay,
body.darkTheme
.flatpickr-day.startRange.nextMonthDay,
.flatpickr-day.endRange.nextMonthDay,
body.darkTheme
.flatpickr-day.endRange.nextMonthDay {
  background: #95c11f !important;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
  color: #ccc;
  border-color: #95c11f !important; }

.flatpickr-day.selected.startRange {
  -webkit-border-radius: 50px 0 0 50px;
     -moz-border-radius: 50px 0 0 50px;
          border-radius: 50px 0 0 50px; }
  .flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -15px 0 0 #95c11f;
       -moz-box-shadow: -15px 0 0 #95c11f;
            box-shadow: -15px 0 0 #95c11f; }

.flatpickr-day.startRange.startRange {
  -webkit-border-radius: 50px 0 0 50px;
     -moz-border-radius: 50px 0 0 50px;
          border-radius: 50px 0 0 50px; }
  .flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -15px 0 0 #95c11f;
       -moz-box-shadow: -15px 0 0 #95c11f;
            box-shadow: -15px 0 0 #95c11f; }

.flatpickr-day.endRange.startRange {
  -webkit-border-radius: 50px 0 0 50px;
     -moz-border-radius: 50px 0 0 50px;
          border-radius: 50px 0 0 50px; }
  .flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n+1)) {
    -webkit-box-shadow: -15px 0 0 #95c11f;
       -moz-box-shadow: -15px 0 0 #95c11f;
            box-shadow: -15px 0 0 #95c11f; }

.flatpickr-day.selected.endRange {
  -webkit-border-radius: 0 50px 50px 0;
     -moz-border-radius: 0 50px 50px 0;
          border-radius: 0 50px 50px 0; }

.flatpickr-day.startRange.endRange {
  -webkit-border-radius: 0 50px 50px 0;
     -moz-border-radius: 0 50px 50px 0;
          border-radius: 0 50px 50px 0; }

.flatpickr-day.endRange.endRange {
  -webkit-border-radius: 0 50px 50px 0;
     -moz-border-radius: 0 50px 50px 0;
          border-radius: 0 50px 50px 0; }

.flatpickr-day.selected.startRange.endRange {
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px; }

.flatpickr-day.startRange.startRange.endRange {
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px; }

.flatpickr-day.endRange.startRange.endRange {
  -webkit-border-radius: 50px;
     -moz-border-radius: 50px;
          border-radius: 50px; }

.flatpickr-day.flatpickr-disabled {
  background: transparent;
  color: rgba(0, 0, 0, 0.1); }
  .flatpickr-day.flatpickr-disabled,
  body.darkTheme .flatpickr-day.flatpickr-disabled {
    border-color: transparent;
    cursor: default;
    cursor: not-allowed; }
    .flatpickr-day.flatpickr-disabled:hover,
    body.darkTheme .flatpickr-day.flatpickr-disabled:hover {
      background: transparent;
      border-color: transparent;
      cursor: default;
      cursor: not-allowed; }
  .flatpickr-day.flatpickr-disabled:hover {
    color: rgba(0, 0, 0, 0.1); }
  body.darkTheme .flatpickr-day.flatpickr-disabled {
    color: rgba(255, 255, 255, 0.1); }
    body.darkTheme .flatpickr-day.flatpickr-disabled:hover {
      color: rgba(255, 255, 255, 0.1); }

.flatpickr-day.notAllowed {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }
  body.darkTheme .flatpickr-day.notAllowed {
    color: rgba(255, 255, 255, 0.3); }

.flatpickr-day.notAllowed.prevMonthDay {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }
  body.darkTheme .flatpickr-day.notAllowed.prevMonthDay {
    color: rgba(255, 255, 255, 0.3); }

.flatpickr-day.notAllowed.nextMonthDay {
  color: rgba(0, 0, 0, 0.3);
  background: transparent;
  border-color: transparent;
  cursor: default; }
  body.darkTheme .flatpickr-day.notAllowed.nextMonthDay {
    color: rgba(255, 255, 255, 0.3); }

.flatpickr-day.week.selected {
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f;
     -moz-box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f;
          box-shadow: -7.5px 0 0 #95c11f, 7.5px 0 0 #95c11f; }

.flatpickr-day.hidden {
  visibility: hidden; }

.rangeMode .flatpickr-day {
  margin-top: 1px; }

.flatpickr-weekwrapper {
  float: left; }
  .flatpickr-weekwrapper .flatpickr-weeks {
    padding: 0 12px;
    -webkit-box-shadow: 1px 0 0 transparent;
       -moz-box-shadow: 1px 0 0 transparent;
            box-shadow: 1px 0 0 transparent; }
  .flatpickr-weekwrapper .flatpickr-weekday {
    float: none;
    width: 100%;
    line-height: 28px; }
  .flatpickr-weekwrapper span.flatpickr-day {
    display: block;
    width: 100%;
    max-width: none;
    color: rgba(0, 0, 0, 0.3);
    background: transparent;
    cursor: default;
    border: none; }
    .flatpickr-weekwrapper span.flatpickr-day:hover {
      display: block;
      width: 100%;
      max-width: none;
      color: rgba(0, 0, 0, 0.3);
      background: transparent;
      cursor: default;
      border: none; }

.flatpickr-innerContainer {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden; }

.flatpickr-rContainer {
  display: inline-block;
  padding: 0;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

.flatpickr-time {
  text-align: center;
  outline: 0;
  display: block;
  height: 0;
  line-height: 50px;
  max-height: 51px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }
  .flatpickr-time:after {
    content: "";
    display: table;
    clear: both; }
  .flatpickr-time .numInputWrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
       -moz-box-flex: 1;
            flex: 1;
    width: 40%;
    height: 50px;
    float: left; }
    .flatpickr-time .numInputWrapper span.arrowUp:after {
      border-bottom-color: #000; }
    .flatpickr-time .numInputWrapper span.arrowDown:after {
      border-top-color: #000; }
  .flatpickr-time input {
    background: transparent;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none;
    border: 1px solid #ccc;
    -webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
    text-align: center;
    margin: 0;
    padding: 0;
    height: inherit;
    line-height: inherit;
    color: #000;
    font-size: 14px;
    position: relative;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: textfield;
    appearance: none; }
    body.darkTheme .flatpickr-time input {
      color: #fff;
      border-color: #666; }
    .flatpickr-time input:focus {
      outline: 0;
      border-color: #9fce21; }
    .flatpickr-time input:hover {
      border-color: #9fce21; }
  .flatpickr-time input.flatpickr-hour {
    font-weight: bold; }
  .flatpickr-time input.flatpickr-minute {
    font-weight: 400; }
  .flatpickr-time input.flatpickr-second {
    font-weight: 400; }
  .flatpickr-time .flatpickr-time-separator {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #000;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-align-self: center;
            align-self: center; }
    body.darkTheme .flatpickr-time .flatpickr-time-separator {
      color: #fff; }
  .flatpickr-time .flatpickr-am-pm {
    height: inherit;
    float: left;
    line-height: inherit;
    color: #000;
    font-weight: bold;
    width: 2%;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-align-self: center;
            align-self: center;
    outline: 0;
    width: 18%;
    cursor: pointer;
    text-align: center;
    font-weight: 400; }
    body.darkTheme .flatpickr-time .flatpickr-am-pm {
      color: #fff; }
    .flatpickr-time .flatpickr-am-pm:hover {
      border-color: #9fce21 !important; }
    .flatpickr-time .flatpickr-am-pm:focus {
      border-color: #9fce21 !important; }

.flatpickr-time.hasSeconds .numInputWrapper {
  width: 26%; }

.flatpickr-time.time24hr .numInputWrapper {
  width: 49%; }

.flatpickr-input[readonly] {
  cursor: pointer; }

span.flatpickr-day {
  width: 14.2857143%;
  margin: 3.589285714285714px; }

@media screen and (min-width: 0\0) {
  div.flatpickr-current-month {
    padding-top: 0px !important; } }

.container > .container-column--fixed {
  position: fixed;
  top: 103px;
  height: -webkit-calc(100% - 103px);
  height: -moz-calc(100% - 103px);
  height: calc(100% - 103px);
  width: -webkit-calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: calc(100% - 150px); }
  @media screen and (min-width: 1920px) {
    .container > .container-column--fixed {
      top: 133px;
      height: -webkit-calc(100% - 133px);
      height: -moz-calc(100% - 133px);
      height: calc(100% - 133px);
      width: -webkit-calc(100% - 210px);
      width: -moz-calc(100% - 210px);
      width: calc(100% - 210px); } }

.container > .container-column--fixed-left {
  left: 120px; }
  @media screen and (min-width: 1920px) {
    .container > .container-column--fixed-left {
      left: 150px; } }

.container > .container-column--fixed-right {
  right: 30px; }
  @media screen and (min-width: 1920px) {
    .container > .container-column--fixed-right {
      right: 60px; } }

@media screen and (min-width: 1240px) {
  .container--col-2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .container--col-2 > .container-column {
      width: -webkit-calc(50% - 15px);
      width: -moz-calc(50% - 15px);
      width: calc(50% - 15px); }
      .container--col-2 > .container-column--fixed {
        width: -webkit-calc(((100% - 150px) / 2) - 15px);
        width: -moz-calc(((100% - 150px) / 2) - 15px);
        width: calc(((100% - 150px) / 2) - 15px); } }

@media screen and (min-width: 1920px) {
  .container--col-2 > .container-column {
    width: -webkit-calc(50% - 35px);
    width: -moz-calc(50% - 35px);
    width: calc(50% - 35px); }
    .container--col-2 > .container-column--fixed {
      width: -webkit-calc(((100% - 210px) / 2) - 35px);
      width: -moz-calc(((100% - 210px) / 2) - 35px);
      width: calc(((100% - 210px) / 2) - 35px); } }

.btn, .productRow--complaint .productRow-remove-item, .bill-header-remove {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  display: inline-block;
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 700;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-color: transparent;
  border: 0 solid transparent;
  padding: 0 30px;
  height: 33px;
  font-size: 14px;
  line-height: 33px;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  text-decoration: none; }
  .btn::-moz-focus-inner, .productRow--complaint .productRow-remove-item::-moz-focus-inner, .bill-header-remove::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .btn:hover, .productRow--complaint .productRow-remove-item:hover, .bill-header-remove:hover {
    text-decoration: none; }
  .btn:focus, .productRow--complaint .productRow-remove-item:focus, .bill-header-remove:focus, .btn.isActive, .productRow--complaint .isActive.productRow-remove-item, .isActive.bill-header-remove {
    outline: 0; }

a.btn.isDisabled, .productRow--complaint a.isDisabled.productRow-remove-item, a.isDisabled.bill-header-remove,
fieldset:disabled a.btn,
fieldset:disabled .productRow--complaint a.productRow-remove-item,
.productRow--complaint fieldset:disabled a.productRow-remove-item,
fieldset:disabled a.bill-header-remove {
  pointer-events: none; }

.btn--full--green {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#669900), to(#95C11F));
  background-image: -webkit-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -moz-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: -o-linear-gradient(bottom, #669900 0%, #95C11F 100%);
  background-image: linear-gradient(0deg, #669900 0%, #95C11F 100%); }
  body.darkTheme .btn--full--green {
    color: #fff; }
  .btn--full--green:hover {
    color: #fff;
    background-color: #669900;
    background-image: none; }
  .btn--full--green:focus, .btn--full--green.isActive {
    color: #fff;
    background-color: #669900;
    background-image: none; }
  .btn--full--green.isDisabled, .btn--full--green:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--green.isDisabled, body.darkTheme .btn--full--green:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--green:not(:disabled):not(.isDisabled):active, .btn--full--green:not(:disabled):not(.isDisabled).active {
    background-color: #669900;
    background-image: none; }

.btn--full--red {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#d30000), to(#FF0000));
  background-image: -webkit-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: -moz-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: -o-linear-gradient(bottom, #d30000 0%, #FF0000 100%);
  background-image: linear-gradient(0deg, #d30000 0%, #FF0000 100%); }
  body.darkTheme .btn--full--red {
    color: #fff; }
  .btn--full--red:hover {
    color: #fff;
    background-color: #d30000;
    background-image: none; }
  .btn--full--red:focus, .btn--full--red.isActive {
    color: #fff;
    background-color: #d30000;
    background-image: none; }
  .btn--full--red.isDisabled, .btn--full--red:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--red.isDisabled, body.darkTheme .btn--full--red:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--red:not(:disabled):not(.isDisabled):active, .btn--full--red:not(:disabled):not(.isDisabled).active {
    background-color: #d30000;
    background-image: none; }

.btn--full--blue {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#0066FF), to(#3CA0FF));
  background-image: -webkit-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: -moz-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: -o-linear-gradient(bottom, #0066FF 0%, #3CA0FF 100%);
  background-image: linear-gradient(0deg, #0066FF 0%, #3CA0FF 100%); }
  body.darkTheme .btn--full--blue {
    color: #fff; }
  .btn--full--blue:hover {
    color: #fff;
    background-color: #0066FF;
    background-image: none; }
  .btn--full--blue:focus, .btn--full--blue.isActive {
    color: #fff;
    background-color: #0066FF;
    background-image: none; }
  .btn--full--blue.isDisabled, .btn--full--blue:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--blue.isDisabled, body.darkTheme .btn--full--blue:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--blue:not(:disabled):not(.isDisabled):active, .btn--full--blue:not(:disabled):not(.isDisabled).active {
    background-color: #0066FF;
    background-image: none; }

.btn--full--yellow {
  color: #000;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#FFCC00), to(#FFE800));
  background-image: -webkit-linear-gradient(bottom, #FFCC00 0%, #FFE800 100%);
  background-image: -moz-linear-gradient(bottom, #FFCC00 0%, #FFE800 100%);
  background-image: -o-linear-gradient(bottom, #FFCC00 0%, #FFE800 100%);
  background-image: linear-gradient(0deg, #FFCC00 0%, #FFE800 100%); }
  body.darkTheme .btn--full--yellow {
    color: #000; }
  .btn--full--yellow:hover {
    color: #000;
    background-color: #FFCC00;
    background-image: none; }
  .btn--full--yellow:focus, .btn--full--yellow.isActive {
    color: #000;
    background-color: #FFCC00;
    background-image: none; }
  .btn--full--yellow.isDisabled, .btn--full--yellow:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--yellow.isDisabled, body.darkTheme .btn--full--yellow:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--yellow:not(:disabled):not(.isDisabled):active, .btn--full--yellow:not(:disabled):not(.isDisabled).active {
    background-color: #FFCC00;
    background-image: none; }
  .btn--full--yellow.isDisabled, .btn--full--yellow:disabled {
    color: #fff; }
  body.darkTheme .btn--full--yellow {
    color: #000; }

.btn--full--orange {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ff7102), to(#FF9900));
  background-image: -webkit-linear-gradient(bottom, #ff7102 0%, #FF9900 100%);
  background-image: -moz-linear-gradient(bottom, #ff7102 0%, #FF9900 100%);
  background-image: -o-linear-gradient(bottom, #ff7102 0%, #FF9900 100%);
  background-image: linear-gradient(0deg, #ff7102 0%, #FF9900 100%); }
  body.darkTheme .btn--full--orange {
    color: #fff; }
  .btn--full--orange:hover {
    color: #fff;
    background-color: #ff7102;
    background-image: none; }
  .btn--full--orange:focus, .btn--full--orange.isActive {
    color: #fff;
    background-color: #ff7102;
    background-image: none; }
  .btn--full--orange.isDisabled, .btn--full--orange:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--orange.isDisabled, body.darkTheme .btn--full--orange:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--orange:not(:disabled):not(.isDisabled):active, .btn--full--orange:not(:disabled):not(.isDisabled).active {
    background-color: #ff7102;
    background-image: none; }

.btn--full--gray {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#ccc), to(#ccc));
  background-image: -webkit-linear-gradient(bottom, #ccc 0%, #ccc 100%);
  background-image: -moz-linear-gradient(bottom, #ccc 0%, #ccc 100%);
  background-image: -o-linear-gradient(bottom, #ccc 0%, #ccc 100%);
  background-image: linear-gradient(0deg, #ccc 0%, #ccc 100%); }
  body.darkTheme .btn--full--gray {
    color: #fff; }
  .btn--full--gray:hover {
    color: #fff;
    background-color: #666;
    background-image: none; }
  .btn--full--gray:focus, .btn--full--gray.isActive {
    color: #fff;
    background-color: #666;
    background-image: none; }
  .btn--full--gray.isDisabled, .btn--full--gray:disabled {
    background-image: none;
    background-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--full--gray.isDisabled, body.darkTheme .btn--full--gray:disabled {
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--full--gray:not(:disabled):not(.isDisabled):active, .btn--full--gray:not(:disabled):not(.isDisabled).active {
    background-color: #666;
    background-image: none; }
  body.darkTheme .btn--full--gray {
    background-color: #666;
    background-image: none; }
    body.darkTheme .btn--full--gray:hover {
      color: #fff;
      background-color: #444;
      background-image: none; }
    body.darkTheme .btn--full--gray:focus, body.darkTheme .btn--full--gray.isActive {
      color: #fff;
      background-color: #444;
      background-image: none; }

.btn--outline--green {
  color: #95C11F;
  border: 1px solid #95C11F; }
  .btn--outline--green:hover {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }
    body.darkTheme .btn--outline--green:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #669900; }
  .btn--outline--green:focus, .btn--outline--green.isActive {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }
    body.darkTheme .btn--outline--green:focus, body.darkTheme .btn--outline--green.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #669900; }
  .btn--outline--green.isDisabled, .btn--outline--green:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--green.isDisabled, body.darkTheme .btn--outline--green:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--green:not(:disabled):not(.isDisabled):active, .btn--outline--green:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--green.dropdown-toggle {
    color: #669900;
    background-color: #fff;
    border-color: #669900; }

.btn--outline--red {
  color: #FF0000;
  border: 1px solid #FF0000; }
  .btn--outline--red:hover {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }
    body.darkTheme .btn--outline--red:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #d30000; }
  .btn--outline--red:focus, .btn--outline--red.isActive {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }
    body.darkTheme .btn--outline--red:focus, body.darkTheme .btn--outline--red.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #d30000; }
  .btn--outline--red.isDisabled, .btn--outline--red:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--red.isDisabled, body.darkTheme .btn--outline--red:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--red:not(:disabled):not(.isDisabled):active, .btn--outline--red:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--red.dropdown-toggle {
    color: #d30000;
    background-color: #fff;
    border-color: #d30000; }

.btn--outline--blue {
  color: #0077E7;
  border: 1px solid #0077E7; }
  .btn--outline--blue:hover {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }
    body.darkTheme .btn--outline--blue:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #0066FF; }
  .btn--outline--blue:focus, .btn--outline--blue.isActive {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }
    body.darkTheme .btn--outline--blue:focus, body.darkTheme .btn--outline--blue.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #0066FF; }
  .btn--outline--blue.isDisabled, .btn--outline--blue:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--blue.isDisabled, body.darkTheme .btn--outline--blue:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--blue:not(:disabled):not(.isDisabled):active, .btn--outline--blue:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--blue.dropdown-toggle {
    color: #0066FF;
    background-color: #fff;
    border-color: #0066FF; }

.btn--outline--yellow {
  color: #FFE800;
  border: 1px solid #FFE800; }
  .btn--outline--yellow:hover {
    color: #FFCC00;
    background-color: #fff;
    border-color: #FFCC00; }
    body.darkTheme .btn--outline--yellow:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #FFCC00; }
  .btn--outline--yellow:focus, .btn--outline--yellow.isActive {
    color: #FFCC00;
    background-color: #fff;
    border-color: #FFCC00; }
    body.darkTheme .btn--outline--yellow:focus, body.darkTheme .btn--outline--yellow.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #FFCC00; }
  .btn--outline--yellow.isDisabled, .btn--outline--yellow:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--yellow.isDisabled, body.darkTheme .btn--outline--yellow:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--yellow:not(:disabled):not(.isDisabled):active, .btn--outline--yellow:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--yellow.dropdown-toggle {
    color: #FFCC00;
    background-color: #fff;
    border-color: #FFCC00; }

.btn--outline--orange {
  color: #FF9900;
  border: 1px solid #FF9900; }
  .btn--outline--orange:hover {
    color: #ff7102;
    background-color: #fff;
    border-color: #ff7102; }
    body.darkTheme .btn--outline--orange:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #ff7102; }
  .btn--outline--orange:focus, .btn--outline--orange.isActive {
    color: #ff7102;
    background-color: #fff;
    border-color: #ff7102; }
    body.darkTheme .btn--outline--orange:focus, body.darkTheme .btn--outline--orange.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #ff7102; }
  .btn--outline--orange.isDisabled, .btn--outline--orange:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--orange.isDisabled, body.darkTheme .btn--outline--orange:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--orange:not(:disabled):not(.isDisabled):active, .btn--outline--orange:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--orange.dropdown-toggle {
    color: #ff7102;
    background-color: #fff;
    border-color: #ff7102; }

.btn--outline--gray {
  color: #ccc;
  border: 1px solid #ccc; }
  .btn--outline--gray:hover {
    color: #666;
    background-color: #fff;
    border-color: #666; }
    body.darkTheme .btn--outline--gray:hover {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #666; }
  .btn--outline--gray:focus, .btn--outline--gray.isActive {
    color: #666;
    background-color: #fff;
    border-color: #666; }
    body.darkTheme .btn--outline--gray:focus, body.darkTheme .btn--outline--gray.isActive {
      background-color: rgba(0, 0, 0, 0.25);
      border-color: #666; }
  .btn--outline--gray.isDisabled, .btn--outline--gray:disabled {
    color: #ccc;
    background-color: #fff;
    border-color: #ccc;
    cursor: not-allowed; }
    body.darkTheme .btn--outline--gray.isDisabled, body.darkTheme .btn--outline--gray:disabled {
      border-color: rgba(0, 0, 0, 0.15);
      background-color: rgba(0, 0, 0, 0.15);
      color: rgba(255, 255, 255, 0.15); }
  .btn--outline--gray:not(:disabled):not(.isDisabled):active, .btn--outline--gray:not(:disabled):not(.isDisabled).active,
  .show > .btn--outline--gray.dropdown-toggle {
    color: #666;
    background-color: #fff;
    border-color: #666; }

.btn--clean--green {
  color: #95C11F;
  background: transparent; }
  .btn--clean--green:hover {
    background: transparent;
    color: #669900; }
  .btn--clean--green:focus, .btn--clean--green.isActive {
    color: #669900;
    background: transparent; }
  .btn--clean--green.isDisabled, .btn--clean--green:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--green:not(:disabled):not(.isDisabled):active, .btn--clean--green:not(:disabled):not(.isDisabled).active {
    color: #669900;
    background: transparent; }

.btn--clean--red, .productRow--complaint .productRow-remove-item, .bill-header-remove {
  color: #FF0000;
  background: transparent; }
  .btn--clean--red:hover, .productRow--complaint .productRow-remove-item:hover, .bill-header-remove:hover {
    background: transparent;
    color: #d30000; }
  .btn--clean--red:focus, .productRow--complaint .productRow-remove-item:focus, .bill-header-remove:focus, .btn--clean--red.isActive, .productRow--complaint .isActive.productRow-remove-item, .isActive.bill-header-remove {
    color: #d30000;
    background: transparent; }
  .btn--clean--red.isDisabled, .productRow--complaint .isDisabled.productRow-remove-item, .isDisabled.bill-header-remove, .btn--clean--red:disabled, .productRow--complaint .productRow-remove-item:disabled, .bill-header-remove:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--red:not(:disabled):not(.isDisabled):active, .productRow--complaint .productRow-remove-item:not(:disabled):not(.isDisabled):active, .bill-header-remove:not(:disabled):not(.isDisabled):active, .btn--clean--red:not(:disabled):not(.isDisabled).active, .productRow--complaint .productRow-remove-item:not(:disabled):not(.isDisabled).active, .bill-header-remove:not(:disabled):not(.isDisabled).active {
    color: #d30000;
    background: transparent; }

.btn--clean--blue {
  color: #0077E7;
  background: transparent; }
  .btn--clean--blue:hover {
    background: transparent;
    color: #0066FF; }
  .btn--clean--blue:focus, .btn--clean--blue.isActive {
    color: #0066FF;
    background: transparent; }
  .btn--clean--blue.isDisabled, .btn--clean--blue:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--blue:not(:disabled):not(.isDisabled):active, .btn--clean--blue:not(:disabled):not(.isDisabled).active {
    color: #0066FF;
    background: transparent; }

.btn--clean--yellow {
  color: #FFE800;
  background: transparent; }
  .btn--clean--yellow:hover {
    background: transparent;
    color: #FFCC00; }
  .btn--clean--yellow:focus, .btn--clean--yellow.isActive {
    color: #FFCC00;
    background: transparent; }
  .btn--clean--yellow.isDisabled, .btn--clean--yellow:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--yellow:not(:disabled):not(.isDisabled):active, .btn--clean--yellow:not(:disabled):not(.isDisabled).active {
    color: #FFCC00;
    background: transparent; }

.btn--clean--orange {
  color: #FF9900;
  background: transparent; }
  .btn--clean--orange:hover {
    background: transparent;
    color: #ff7102; }
  .btn--clean--orange:focus, .btn--clean--orange.isActive {
    color: #ff7102;
    background: transparent; }
  .btn--clean--orange.isDisabled, .btn--clean--orange:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--orange:not(:disabled):not(.isDisabled):active, .btn--clean--orange:not(:disabled):not(.isDisabled).active {
    color: #ff7102;
    background: transparent; }

.btn--clean--gray {
  color: #ccc;
  background: transparent; }
  .btn--clean--gray:hover {
    background: transparent;
    color: #666; }
  .btn--clean--gray:focus, .btn--clean--gray.isActive {
    color: #666;
    background: transparent; }
  .btn--clean--gray.isDisabled, .btn--clean--gray:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  .btn--clean--gray:not(:disabled):not(.isDisabled):active, .btn--clean--gray:not(:disabled):not(.isDisabled).active {
    color: #666;
    background: transparent; }
  .btn--clean--gray.isDisabled, .btn--clean--gray:disabled {
    color: #ddd; }

body.darkTheme .btn--clean--gray {
  color: #ccc;
  background: transparent; }
  body.darkTheme .btn--clean--gray:hover {
    background: transparent;
    color: #fff; }
  body.darkTheme .btn--clean--gray:focus, body.darkTheme .btn--clean--gray.isActive {
    color: #fff;
    background: transparent; }
  body.darkTheme .btn--clean--gray.isDisabled, body.darkTheme .btn--clean--gray:disabled {
    color: #ccc;
    cursor: not-allowed;
    background: transparent; }
  body.darkTheme .btn--clean--gray:not(:disabled):not(.isDisabled):active, body.darkTheme .btn--clean--gray:not(:disabled):not(.isDisabled).active {
    color: #fff;
    background: transparent; }
  body.darkTheme .btn--clean--gray.isDisabled, body.darkTheme .btn--clean--gray:disabled {
    color: rgba(255, 255, 255, 0.15); }

.btn--link {
  color: #95C11F;
  display: inline;
  font-weight: inherit;
  text-decoration: underline;
  padding: 0;
  line-height: inherit;
  font-size: inherit;
  height: inherit;
  vertical-align: inherit; }
  .btn--link:hover {
    text-decoration: none;
    color: #669900; }
  .btn--link:focus, .btn--link.isActive {
    color: #669900;
    text-decoration: none;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none; }
  .btn--link:disabled, .btn--link.isDisabled {
    color: #999;
    pointer-events: none;
    cursor: not-allowed; }

.btn--big {
  padding: 0 40px;
  height: 80px;
  font-size: 36px;
  line-height: 80px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  .btn--big.btn--square, .btn--big.btn--icon {
    width: 80px; }

.btn--large {
  padding: 0 40px;
  height: 45px;
  font-size: 16px;
  line-height: 45px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px; }
  .btn--large.btn--square, .btn--large.btn--icon {
    width: 45px; }

.btn--small {
  padding: 0 20px;
  height: 25px;
  font-size: 12px;
  line-height: 25px;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }
  .btn--small.btn--square, .btn--small.btn--icon {
    width: 25px; }

.btn--block {
  display: block;
  width: 100%; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn--square, .btn--icon {
  padding: 0;
  width: 33px; }

.btn--icon {
  font-size: 18px;
  color: #999; }
  body.darkTheme .btn--icon {
    color: #666; }
  .btn--icon:hover, .btn--icon:focus,
  body.darkTheme .btn--icon:hover,
  body.darkTheme .btn--icon:focus {
    color: #95C11F; }

.btn-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }
  .btn-group--start {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
       -moz-box-pack: start;
            justify-content: flex-start; }
  .btn-group--end {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end; }
  .btn-group--center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center; }
  .btn-group .btn:not(:first-child), .btn-group .productRow--complaint .productRow-remove-item:not(:first-child), .productRow--complaint .btn-group .productRow-remove-item:not(:first-child), .btn-group .bill-header-remove:not(:first-child) {
    margin-left: 5px; }
  .btn-group .btn:not(:last-child), .btn-group .productRow--complaint .productRow-remove-item:not(:last-child), .productRow--complaint .btn-group .productRow-remove-item:not(:last-child), .btn-group .bill-header-remove:not(:last-child) {
    margin-right: 5px; }

h1,
.h1 {
  margin: 0;
  padding: 0;
  font-size: 36px;
  font-weight: 700;
  line-height: 41px; }

h2,
.h2 {
  margin: 0;
  padding: 0;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px; }

h3,
.h3 {
  margin: 0;
  padding: 0;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px; }

h4,
.h4 {
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px; }

th, td {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  background-color: transparent; }
  .table th,
  .table td {
    font-weight: 500;
    padding: 0 15px;
    line-height: 1.2;
    vertical-align: center;
    color: #666; }
    .table th:first-child,
    .table td:first-child {
      padding-left: 30px; }
    .table th:last-child,
    .table td:last-child {
      padding-right: 30px; }
    body.darkTheme .table th, body.darkTheme
    .table td {
      color: #999; }
  .table thead th,
  .table thead td,
  .table tfoot th,
  .table tfoot td {
    padding: 32px 15px;
    vertical-align: top; }
    .table thead th:first-child,
    .table thead td:first-child,
    .table tfoot th:first-child,
    .table tfoot td:first-child {
      padding-left: 30px; }
    .table thead th:last-child,
    .table thead td:last-child,
    .table tfoot th:last-child,
    .table tfoot td:last-child {
      padding-right: 30px; }
  .table.table--fixedHeight > tbody th, .table.table--fixedHeight > tbody td {
    height: 64px;
    padding-top: 15px;
    padding-bottom: 15px; }
  .table.table--bordered > thead > tr > th,
  .table.table--bordered > thead > tr > td,
  .table.table--bordered > tbody > tr > th,
  .table.table--bordered > tbody > tr > td,
  .table.table--bordered > tfoot > tr > th,
  .table.table--bordered > tfoot > tr > td {
    padding: 10px 20px; }
  .table > thead > tr > th {
    vertical-align: bottom; }
  .table th {
    font-weight: 500;
    font-size: 11px;
    color: #999;
    text-transform: uppercase; }
    body.darkTheme .table th {
      color: #666; }
  .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 .table {
    background-color: transparent; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }
  @media screen and (max-width: 500px) {
    .table-responsive {
      width: 100%;
      overflow-y: hidden;
      -ms-overflow-style: -ms-autohiding-scrollbar;
      border: 1px solid #DEDEDE; }
      .table-responsive > .table {
        margin-bottom: 0; }
        .table-responsive > .table > thead > tr > th,
        .table-responsive > .table > thead > tr > td,
        .table-responsive > .table > tbody > tr > th,
        .table-responsive > .table > tbody > tr > td,
        .table-responsive > .table > tfoot > tr > th,
        .table-responsive > .table > tfoot > tr > td {
          white-space: nowrap; }
      .table-responsive > .table--bordered {
        border: 0; }
        .table-responsive > .table--bordered > thead > tr > th:first-child,
        .table-responsive > .table--bordered > thead > tr > td:first-child,
        .table-responsive > .table--bordered > tbody > tr > th:first-child,
        .table-responsive > .table--bordered > tbody > tr > td:first-child,
        .table-responsive > .table--bordered > tfoot > tr > th:first-child,
        .table-responsive > .table--bordered > tfoot > tr > td:first-child {
          border-left: 0; }
        .table-responsive > .table--bordered > thead > tr > th:last-child,
        .table-responsive > .table--bordered > thead > tr > td:last-child,
        .table-responsive > .table--bordered > tbody > tr > th:last-child,
        .table-responsive > .table--bordered > tbody > tr > td:last-child,
        .table-responsive > .table--bordered > tfoot > tr > th:last-child,
        .table-responsive > .table--bordered > tfoot > tr > td:last-child {
          border-right: 0; }
        .table-responsive > .table--bordered > tbody > tr:last-child > th,
        .table-responsive > .table--bordered > tbody > tr:last-child > td,
        .table-responsive > .table--bordered > tfoot > tr:last-child > th,
        .table-responsive > .table--bordered > tfoot > tr:last-child > td {
          border-bottom: 0; } }

.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 10px 6px; }

.table--condensed.table--bordered > thead > tr > th,
.table--condensed.table--bordered > thead > tr > td,
.table--condensed.table--bordered > tbody > tr > th,
.table--condensed.table--bordered > tbody > tr > td,
.table--condensed.table--bordered > tfoot > tr > th,
.table--condensed.table--bordered > tfoot > tr > td {
  padding: 5px 10px; }

.table--stretched > thead > tr > th,
.table--stretched > thead > tr > td,
.table--stretched > tbody > tr > th,
.table--stretched > tbody > tr > td,
.table--stretched > tfoot > tr > th,
.table--stretched > tfoot > tr > td {
  padding: 23px 10px; }

.table--stretched.table--bordered > thead > tr > th,
.table--stretched.table--bordered > thead > tr > td,
.table--stretched.table--bordered > tbody > tr > th,
.table--stretched.table--bordered > tbody > tr > td,
.table--stretched.table--bordered > tfoot > tr > th,
.table--stretched.table--bordered > tfoot > tr > td {
  padding: 22px 10px 23px; }

.table--bordered {
  border: 1px solid #DEDEDE; }
  .table--bordered > thead > tr > th {
    border-bottom: 2px solid #DEDEDE; }
  .table--bordered > tbody + tbody {
    border-top: 2px solid #DEDEDE; }
  .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 #DEDEDE; }
  .table--bordered > thead > tr > th,
  .table--bordered > thead > tr > td {
    border-bottom-width: 2px; }
  body.darkTheme .table--bordered {
    border: 1px solid #000000; }
    body.darkTheme .table--bordered > thead > tr > th {
      border-bottom: 2px solid #000000; }
    body.darkTheme .table--bordered > thead > tr > th,
    body.darkTheme .table--bordered > thead > tr > td,
    body.darkTheme .table--bordered > tbody > tr > th,
    body.darkTheme .table--bordered > tbody > tr > td,
    body.darkTheme .table--bordered > tfoot > tr > th,
    body.darkTheme .table--bordered > tfoot > tr > td {
      border: 1px solid #000000; }
    body.darkTheme .table--bordered > thead > tr > th,
    body.darkTheme .table--bordered > thead > tr > td {
      border-bottom-width: 2px; }

.table--striped > tbody > tr > th:first-child,
.table--striped > tbody > tr > td:first-child {
  -webkit-border-top-left-radius: 10px;
     -moz-border-radius-topleft: 10px;
          border-top-left-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
     -moz-border-radius-bottomleft: 10px;
          border-bottom-left-radius: 10px; }

.table--striped > tbody > tr > th:last-child,
.table--striped > tbody > tr > td:last-child {
  -webkit-border-top-right-radius: 10px;
     -moz-border-radius-topright: 10px;
          border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
     -moz-border-radius-bottomright: 10px;
          border-bottom-right-radius: 10px; }

.table--striped > tbody > tr:nth-of-type(odd) td,
.table--striped > tbody > tr:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.03); }

.table--striped > tbody > tr:nth-of-type(even) td,
.table--striped > tbody > tr:nth-of-type(even) th {
  background-color: transparent; }

body.darkTheme .table--striped > tbody > tr:nth-of-type(odd) td,
body.darkTheme .table--striped > tbody > tr:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.25); }

body.darkTheme .table--striped > tbody > tr:nth-of-type(even) td,
body.darkTheme .table--striped > tbody > tr:nth-of-type(even) th {
  background-color: transparent; }

.table--hover > tbody > tr td,
.table--hover > tbody > tr th {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }

.table--hover > tbody > tr:hover td {
  background-color: rgba(0, 0, 0, 0.01); }

.table--hover > tbody > tr:hover .inlineTimePicker-input,
body.darkTheme .table--hover > tbody > tr:hover .inlineTimePicker-input,
.table--hover > tbody > tr:hover .inlineTimePicker-dots,
body.darkTheme
.table--hover > tbody > tr:hover .inlineTimePicker-dots,
.table--hover > tbody > tr:hover .btn--icon,
body.darkTheme
.table--hover > tbody > tr:hover .btn--icon,
.table--hover > tbody > tr:hover td,
body.darkTheme
.table--hover > tbody > tr:hover td,
.table--hover > tbody > tr:hover th,
body.darkTheme
.table--hover > tbody > tr:hover th {
  color: #95C11F; }

.table--hover > tbody > tr:hover .hover-green {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-green,
  body.darkTheme .table--hover > tbody > tr:hover .hover-green {
    color: #95C11F; }

.table--hover > tbody > tr:hover .hover-red {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-red,
  body.darkTheme .table--hover > tbody > tr:hover .hover-red {
    color: #FF0000; }

.table--hover > tbody > tr:hover .hover-blue {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-blue,
  body.darkTheme .table--hover > tbody > tr:hover .hover-blue {
    color: #0077E7; }

.table--hover > tbody > tr:hover .hover-yellow {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-yellow,
  body.darkTheme .table--hover > tbody > tr:hover .hover-yellow {
    color: #FFE800; }

.table--hover > tbody > tr:hover .hover-orange {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-orange,
  body.darkTheme .table--hover > tbody > tr:hover .hover-orange {
    color: #FF9900; }

.table--hover > tbody > tr:hover .hover-gray {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-gray,
  body.darkTheme .table--hover > tbody > tr:hover .hover-gray {
    color: #ccc; }

.table--hover > tbody > tr:hover .hover-white {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-white,
  body.darkTheme .table--hover > tbody > tr:hover .hover-white {
    color: #fff; }

.table--hover > tbody > tr:hover .hover-black {
  -webkit-transition: color 0.25s ease-in-out;
  -o-transition: color 0.25s ease-in-out;
  -moz-transition: color 0.25s ease-in-out;
  transition: color 0.25s ease-in-out; }
  .table--hover > tbody > tr:hover .hover-black,
  body.darkTheme .table--hover > tbody > tr:hover .hover-black {
    color: #000; }

.table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) td,
.table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.05); }

.table--hover.table--striped > tbody > tr:hover:nth-of-type(even) td,
.table--hover.table--striped > tbody > tr:hover:nth-of-type(even) th {
  background-color: rgba(0, 0, 0, 0.01); }

body.darkTheme .table--hover > tbody > tr:hover td,
body.darkTheme .table--hover > tbody > tr:hover th {
  background-color: rgba(0, 0, 0, 0.1); }

body.darkTheme .table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) td,
body.darkTheme .table--hover.table--striped > tbody > tr:hover:nth-of-type(odd) th {
  background-color: rgba(0, 0, 0, 0.35); }

body.darkTheme .table--hover.table--striped > tbody > tr:hover:nth-of-type(even) td,
body.darkTheme .table--hover.table--striped > tbody > tr:hover:nth-of-type(even) th {
  background-color: rgba(0, 0, 0, 0.1); }

td[data-redirect] {
  cursor: pointer; }

.table > thead > tr > td.green,
.table > thead > tr > th.green,
.table > thead > tr.green > td,
.table > thead > tr.green > th,
.table > tbody > tr > td.green,
.table > tbody > tr > th.green,
.table > tbody > tr.green > td,
.table > tbody > tr.green > th,
.table > tfoot > tr > td.green,
.table > tfoot > tr > th.green,
.table > tfoot > tr.green > td,
.table > tfoot > tr.green > th {
  background-color: #CAE08F; }

.table--hover > tbody > tr > td.green:hover,
.table--hover > tbody > tr > th.green:hover,
.table--hover > tbody > tr.green:hover > td,
.table--hover > tbody > tr:hover > .green,
.table--hover > tbody > tr.green:hover > th {
  background-color: #c1da7b; }

.table > thead > tr > td.red,
.table > thead > tr > th.red,
.table > thead > tr.red > td,
.table > thead > tr.red > th,
.table > tbody > tr > td.red,
.table > tbody > tr > th.red,
.table > tbody > tr.red > td,
.table > tbody > tr.red > th,
.table > tfoot > tr > td.red,
.table > tfoot > tr > th.red,
.table > tfoot > tr.red > td,
.table > tfoot > tr.red > th {
  background-color: #F2B5B5; }

.table--hover > tbody > tr > td.red:hover,
.table--hover > tbody > tr > th.red:hover,
.table--hover > tbody > tr.red:hover > td,
.table--hover > tbody > tr:hover > .red,
.table--hover > tbody > tr.red:hover > th {
  background-color: #ee9f9f; }

.table > thead > tr > td.blue,
.table > thead > tr > th.blue,
.table > thead > tr.blue > td,
.table > thead > tr.blue > th,
.table > tbody > tr > td.blue,
.table > tbody > tr > th.blue,
.table > tbody > tr.blue > td,
.table > tbody > tr.blue > th,
.table > tfoot > tr > td.blue,
.table > tfoot > tr > th.blue,
.table > tfoot > tr.blue > td,
.table > tfoot > tr.blue > th {
  background-color: #7FBBF3; }

.table--hover > tbody > tr > td.blue:hover,
.table--hover > tbody > tr > th.blue:hover,
.table--hover > tbody > tr.blue:hover > td,
.table--hover > tbody > tr:hover > .blue,
.table--hover > tbody > tr.blue:hover > th {
  background-color: #68aff1; }

.table > thead > tr > td.yellow,
.table > thead > tr > th.yellow,
.table > thead > tr.yellow > td,
.table > thead > tr.yellow > th,
.table > tbody > tr > td.yellow,
.table > tbody > tr > th.yellow,
.table > tbody > tr.yellow > td,
.table > tbody > tr.yellow > th,
.table > tfoot > tr > td.yellow,
.table > tfoot > tr > th.yellow,
.table > tfoot > tr.yellow > td,
.table > tfoot > tr.yellow > th {
  background-color: #fffede; }

.table--hover > tbody > tr > td.yellow:hover,
.table--hover > tbody > tr > th.yellow:hover,
.table--hover > tbody > tr.yellow:hover > td,
.table--hover > tbody > tr:hover > .yellow,
.table--hover > tbody > tr.yellow:hover > th {
  background-color: #fffdc5; }

.table > thead > tr > td.orange,
.table > thead > tr > th.orange,
.table > thead > tr.orange > td,
.table > thead > tr.orange > th,
.table > tbody > tr > td.orange,
.table > tbody > tr > th.orange,
.table > tbody > tr.orange > td,
.table > tbody > tr.orange > th,
.table > tfoot > tr > td.orange,
.table > tfoot > tr > th.orange,
.table > tfoot > tr.orange > td,
.table > tfoot > tr.orange > th {
  background-color: #FFC56F; }

.table--hover > tbody > tr > td.orange:hover,
.table--hover > tbody > tr > th.orange:hover,
.table--hover > tbody > tr.orange:hover > td,
.table--hover > tbody > tr:hover > .orange,
.table--hover > tbody > tr.orange:hover > th {
  background-color: #ffbb56; }

.table > thead > tr > td.gray,
.table > thead > tr > th.gray,
.table > thead > tr.gray > td,
.table > thead > tr.gray > th,
.table > tbody > tr > td.gray,
.table > tbody > tr > th.gray,
.table > tbody > tr.gray > td,
.table > tbody > tr.gray > th,
.table > tfoot > tr > td.gray,
.table > tfoot > tr > th.gray,
.table > tfoot > tr.gray > td,
.table > tfoot > tr.gray > th {
  background-color: #F8F8F8; }

.table--hover > tbody > tr > td.gray:hover,
.table--hover > tbody > tr > th.gray:hover,
.table--hover > tbody > tr.gray:hover > td,
.table--hover > tbody > tr:hover > .gray,
.table--hover > tbody > tr.gray:hover > th {
  background-color: #ebebeb; }

.table > thead > tr > td.white,
.table > thead > tr > th.white,
.table > thead > tr.white > td,
.table > thead > tr.white > th,
.table > tbody > tr > td.white,
.table > tbody > tr > th.white,
.table > tbody > tr.white > td,
.table > tbody > tr.white > th,
.table > tfoot > tr > td.white,
.table > tfoot > tr > th.white,
.table > tfoot > tr.white > td,
.table > tfoot > tr.white > th {
  background-color: #fff; }

.table--hover > tbody > tr > td.white:hover,
.table--hover > tbody > tr > th.white:hover,
.table--hover > tbody > tr.white:hover > td,
.table--hover > tbody > tr:hover > .white,
.table--hover > tbody > tr.white:hover > th {
  background-color: #f2f2f2; }

.table > thead > tr > td.black,
.table > thead > tr > th.black,
.table > thead > tr.black > td,
.table > thead > tr.black > th,
.table > tbody > tr > td.black,
.table > tbody > tr > th.black,
.table > tbody > tr.black > td,
.table > tbody > tr.black > th,
.table > tfoot > tr > td.black,
.table > tfoot > tr > th.black,
.table > tfoot > tr.black > td,
.table > tfoot > tr.black > th {
  background-color: #000;
  color: #fff; }

.table--hover > tbody > tr > td.black:hover,
.table--hover > tbody > tr > th.black:hover,
.table--hover > tbody > tr.black:hover > td,
.table--hover > tbody > tr:hover > .black,
.table--hover > tbody > tr.black:hover > th {
  background-color: black;
  color: #fff; }

body.darkTheme .table > thead > tr > td.green,
body.darkTheme .table > thead > tr > th.green,
body.darkTheme .table > thead > tr.green > td,
body.darkTheme .table > thead > tr.green > th,
body.darkTheme .table > tbody > tr > td.green,
body.darkTheme .table > tbody > tr > th.green,
body.darkTheme .table > tbody > tr.green > td,
body.darkTheme .table > tbody > tr.green > th,
body.darkTheme .table > tfoot > tr > td.green,
body.darkTheme .table > tfoot > tr > th.green,
body.darkTheme .table > tfoot > tr.green > td,
body.darkTheme .table > tfoot > tr.green > th {
  background-color: #95C11F; }

body.darkTheme .table--hover > tbody > tr > td.green:hover,
body.darkTheme .table--hover > tbody > tr > th.green:hover,
body.darkTheme .table--hover > tbody > tr.green:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .green,
body.darkTheme .table--hover > tbody > tr.green:hover > th {
  background-color: #84ab1b; }

body.darkTheme .table > thead > tr > td.red,
body.darkTheme .table > thead > tr > th.red,
body.darkTheme .table > thead > tr.red > td,
body.darkTheme .table > thead > tr.red > th,
body.darkTheme .table > tbody > tr > td.red,
body.darkTheme .table > tbody > tr > th.red,
body.darkTheme .table > tbody > tr.red > td,
body.darkTheme .table > tbody > tr.red > th,
body.darkTheme .table > tfoot > tr > td.red,
body.darkTheme .table > tfoot > tr > th.red,
body.darkTheme .table > tfoot > tr.red > td,
body.darkTheme .table > tfoot > tr.red > th {
  background-color: #FF0000; }

body.darkTheme .table--hover > tbody > tr > td.red:hover,
body.darkTheme .table--hover > tbody > tr > th.red:hover,
body.darkTheme .table--hover > tbody > tr.red:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .red,
body.darkTheme .table--hover > tbody > tr.red:hover > th {
  background-color: #e60000; }

body.darkTheme .table > thead > tr > td.blue,
body.darkTheme .table > thead > tr > th.blue,
body.darkTheme .table > thead > tr.blue > td,
body.darkTheme .table > thead > tr.blue > th,
body.darkTheme .table > tbody > tr > td.blue,
body.darkTheme .table > tbody > tr > th.blue,
body.darkTheme .table > tbody > tr.blue > td,
body.darkTheme .table > tbody > tr.blue > th,
body.darkTheme .table > tfoot > tr > td.blue,
body.darkTheme .table > tfoot > tr > th.blue,
body.darkTheme .table > tfoot > tr.blue > td,
body.darkTheme .table > tfoot > tr.blue > th {
  background-color: #0077E7; }

body.darkTheme .table--hover > tbody > tr > td.blue:hover,
body.darkTheme .table--hover > tbody > tr > th.blue:hover,
body.darkTheme .table--hover > tbody > tr.blue:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .blue,
body.darkTheme .table--hover > tbody > tr.blue:hover > th {
  background-color: #006ace; }

body.darkTheme .table > thead > tr > td.yellow,
body.darkTheme .table > thead > tr > th.yellow,
body.darkTheme .table > thead > tr.yellow > td,
body.darkTheme .table > thead > tr.yellow > th,
body.darkTheme .table > tbody > tr > td.yellow,
body.darkTheme .table > tbody > tr > th.yellow,
body.darkTheme .table > tbody > tr.yellow > td,
body.darkTheme .table > tbody > tr.yellow > th,
body.darkTheme .table > tfoot > tr > td.yellow,
body.darkTheme .table > tfoot > tr > th.yellow,
body.darkTheme .table > tfoot > tr.yellow > td,
body.darkTheme .table > tfoot > tr.yellow > th {
  background-color: #FFE800;
  color: #000; }

body.darkTheme .table--hover > tbody > tr > td.yellow:hover,
body.darkTheme .table--hover > tbody > tr > th.yellow:hover,
body.darkTheme .table--hover > tbody > tr.yellow:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .yellow,
body.darkTheme .table--hover > tbody > tr.yellow:hover > th {
  background-color: #e6d100;
  color: #000; }

body.darkTheme .table > thead > tr > td.orange,
body.darkTheme .table > thead > tr > th.orange,
body.darkTheme .table > thead > tr.orange > td,
body.darkTheme .table > thead > tr.orange > th,
body.darkTheme .table > tbody > tr > td.orange,
body.darkTheme .table > tbody > tr > th.orange,
body.darkTheme .table > tbody > tr.orange > td,
body.darkTheme .table > tbody > tr.orange > th,
body.darkTheme .table > tfoot > tr > td.orange,
body.darkTheme .table > tfoot > tr > th.orange,
body.darkTheme .table > tfoot > tr.orange > td,
body.darkTheme .table > tfoot > tr.orange > th {
  background-color: #FF9900;
  color: #000; }

body.darkTheme .table--hover > tbody > tr > td.orange:hover,
body.darkTheme .table--hover > tbody > tr > th.orange:hover,
body.darkTheme .table--hover > tbody > tr.orange:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .orange,
body.darkTheme .table--hover > tbody > tr.orange:hover > th {
  background-color: #e68a00;
  color: #000; }

body.darkTheme .table > thead > tr > td.gray,
body.darkTheme .table > thead > tr > th.gray,
body.darkTheme .table > thead > tr.gray > td,
body.darkTheme .table > thead > tr.gray > th,
body.darkTheme .table > tbody > tr > td.gray,
body.darkTheme .table > tbody > tr > th.gray,
body.darkTheme .table > tbody > tr.gray > td,
body.darkTheme .table > tbody > tr.gray > th,
body.darkTheme .table > tfoot > tr > td.gray,
body.darkTheme .table > tfoot > tr > th.gray,
body.darkTheme .table > tfoot > tr.gray > td,
body.darkTheme .table > tfoot > tr.gray > th {
  background-color: #ccc;
  color: #000; }

body.darkTheme .table--hover > tbody > tr > td.gray:hover,
body.darkTheme .table--hover > tbody > tr > th.gray:hover,
body.darkTheme .table--hover > tbody > tr.gray:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .gray,
body.darkTheme .table--hover > tbody > tr.gray:hover > th {
  background-color: #bfbfbf;
  color: #000; }

body.darkTheme .table > thead > tr > td.white,
body.darkTheme .table > thead > tr > th.white,
body.darkTheme .table > thead > tr.white > td,
body.darkTheme .table > thead > tr.white > th,
body.darkTheme .table > tbody > tr > td.white,
body.darkTheme .table > tbody > tr > th.white,
body.darkTheme .table > tbody > tr.white > td,
body.darkTheme .table > tbody > tr.white > th,
body.darkTheme .table > tfoot > tr > td.white,
body.darkTheme .table > tfoot > tr > th.white,
body.darkTheme .table > tfoot > tr.white > td,
body.darkTheme .table > tfoot > tr.white > th {
  background-color: #fff;
  color: #000; }

body.darkTheme .table--hover > tbody > tr > td.white:hover,
body.darkTheme .table--hover > tbody > tr > th.white:hover,
body.darkTheme .table--hover > tbody > tr.white:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .white,
body.darkTheme .table--hover > tbody > tr.white:hover > th {
  background-color: #f2f2f2;
  color: #000; }

body.darkTheme .table > thead > tr > td.black,
body.darkTheme .table > thead > tr > th.black,
body.darkTheme .table > thead > tr.black > td,
body.darkTheme .table > thead > tr.black > th,
body.darkTheme .table > tbody > tr > td.black,
body.darkTheme .table > tbody > tr > th.black,
body.darkTheme .table > tbody > tr.black > td,
body.darkTheme .table > tbody > tr.black > th,
body.darkTheme .table > tfoot > tr > td.black,
body.darkTheme .table > tfoot > tr > th.black,
body.darkTheme .table > tfoot > tr.black > td,
body.darkTheme .table > tfoot > tr.black > th {
  background-color: #000;
  color: #fff; }

body.darkTheme .table--hover > tbody > tr > td.black:hover,
body.darkTheme .table--hover > tbody > tr > th.black:hover,
body.darkTheme .table--hover > tbody > tr.black:hover > td,
body.darkTheme .table--hover > tbody > tr:hover > .black,
body.darkTheme .table--hover > tbody > tr.black:hover > th {
  background-color: black;
  color: #fff; }

p {
  margin: 0 0 15px;
  font-size: 14px;
  line-height: 24px; }
  p:last-child {
    margin-bottom: 0; }

small,
.text--small {
  font-size: 12px;
  line-height: 22px; }

.text--bigger {
  font-size: 16px;
  line-height: 26px; }

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

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

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

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

.text--nowrap {
  white-space: nowrap; }

.text--lowercase {
  text-transform: lowercase; }

.text--uppercase {
  text-transform: uppercase; }

.text--capitalize {
  text-transform: capitalize; }

.text--bold {
  font-weight: 700; }

strong,
.text--medium {
  font-weight: 500; }

.text--regular {
  font-weight: 400; }

.text--light {
  font-weight: 300; }

.text--italic {
  font-style: italic; }

.text--lineThrough {
  text-decoration: line-through; }

.text--green,
tr.text--green td,
tr.text--green th,
td.text--green {
  color: #95C11F; }

a.text--green:hover,
a.text--green:focus {
  color: #739518; }

.text--red,
tr.text--red td,
tr.text--red th,
td.text--red {
  color: #FF0000; }

a.text--red:hover,
a.text--red:focus {
  color: #cc0000; }

.text--blue,
tr.text--blue td,
tr.text--blue th,
td.text--blue {
  color: #0077E7; }

a.text--blue:hover,
a.text--blue:focus {
  color: #005db4; }

.text--yellow,
tr.text--yellow td,
tr.text--yellow th,
td.text--yellow {
  color: #FFE800; }

a.text--yellow:hover,
a.text--yellow:focus {
  color: #ccba00; }

.text--orange,
tr.text--orange td,
tr.text--orange th,
td.text--orange {
  color: #FF9900; }

a.text--orange:hover,
a.text--orange:focus {
  color: #cc7a00; }

.text--gray,
tr.text--gray td,
tr.text--gray th,
td.text--gray {
  color: #ccc; }

a.text--gray:hover,
a.text--gray:focus {
  color: #b3b3b3; }

.text--grayLight,
tr.text--grayLight td,
tr.text--grayLight th,
td.text--grayLight {
  color: #ddd; }

a.text--grayLight:hover,
a.text--grayLight:focus {
  color: #c4c4c4; }

.text--grayDark,
tr.text--grayDark td,
tr.text--grayDark th,
td.text--grayDark {
  color: #666; }

a.text--grayDark:hover,
a.text--grayDark:focus {
  color: #4d4d4d; }

.text--grayDarker,
tr.text--grayDarker td,
tr.text--grayDarker th,
td.text--grayDarker {
  color: #999; }

a.text--grayDarker:hover,
a.text--grayDarker:focus {
  color: gray; }

.text--white,
tr.text--white td,
tr.text--white th,
td.text--white {
  color: #fff; }

a.text--white:hover,
a.text--white:focus {
  color: #e6e6e6; }

.text--black,
tr.text--black td,
tr.text--black th,
td.text--black {
  color: #000; }

a.text--black:hover,
a.text--black:focus {
  color: black; }

.text--theme,
tr.text--theme td,
tr.text--theme th,
td.text--theme {
  color: #000; }

a.text--theme:hover,
a.text--theme:focus {
  color: black; }

body.darkTheme .text--green,
body.darkTheme tr.text--green td,
body.darkTheme tr.text--green th,
body.darkTheme td.text--green {
  color: #95C11F; }

body.darkTheme a.text--green:hover,
body.darkTheme a.text--green:focus {
  color: #739518; }

body.darkTheme .text--red,
body.darkTheme tr.text--red td,
body.darkTheme tr.text--red th,
body.darkTheme td.text--red {
  color: #FF0000; }

body.darkTheme a.text--red:hover,
body.darkTheme a.text--red:focus {
  color: #cc0000; }

body.darkTheme .text--blue,
body.darkTheme tr.text--blue td,
body.darkTheme tr.text--blue th,
body.darkTheme td.text--blue {
  color: #0077E7; }

body.darkTheme a.text--blue:hover,
body.darkTheme a.text--blue:focus {
  color: #005db4; }

body.darkTheme .text--yellow,
body.darkTheme tr.text--yellow td,
body.darkTheme tr.text--yellow th,
body.darkTheme td.text--yellow {
  color: #FFE800; }

body.darkTheme a.text--yellow:hover,
body.darkTheme a.text--yellow:focus {
  color: #ccba00; }

body.darkTheme .text--orange,
body.darkTheme tr.text--orange td,
body.darkTheme tr.text--orange th,
body.darkTheme td.text--orange {
  color: #FF9900; }

body.darkTheme a.text--orange:hover,
body.darkTheme a.text--orange:focus {
  color: #cc7a00; }

body.darkTheme .text--gray,
body.darkTheme tr.text--gray td,
body.darkTheme tr.text--gray th,
body.darkTheme td.text--gray {
  color: #ccc; }

body.darkTheme a.text--gray:hover,
body.darkTheme a.text--gray:focus {
  color: #b3b3b3; }

body.darkTheme .text--grayLight,
body.darkTheme tr.text--grayLight td,
body.darkTheme tr.text--grayLight th,
body.darkTheme td.text--grayLight {
  color: #333; }

body.darkTheme a.text--grayLight:hover,
body.darkTheme a.text--grayLight:focus {
  color: #1a1a1a; }

body.darkTheme .text--grayDark,
body.darkTheme tr.text--grayDark td,
body.darkTheme tr.text--grayDark th,
body.darkTheme td.text--grayDark {
  color: #999; }

body.darkTheme a.text--grayDark:hover,
body.darkTheme a.text--grayDark:focus {
  color: gray; }

body.darkTheme .text--grayDarker,
body.darkTheme tr.text--grayDarker td,
body.darkTheme tr.text--grayDarker th,
body.darkTheme td.text--grayDarker {
  color: #666; }

body.darkTheme a.text--grayDarker:hover,
body.darkTheme a.text--grayDarker:focus {
  color: #4d4d4d; }

body.darkTheme .text--white,
body.darkTheme tr.text--white td,
body.darkTheme tr.text--white th,
body.darkTheme td.text--white {
  color: #000; }

body.darkTheme a.text--white:hover,
body.darkTheme a.text--white:focus {
  color: black; }

body.darkTheme .text--black,
body.darkTheme tr.text--black td,
body.darkTheme tr.text--black th,
body.darkTheme td.text--black {
  color: #999; }

body.darkTheme a.text--black:hover,
body.darkTheme a.text--black:focus {
  color: gray; }

body.darkTheme .text--theme,
body.darkTheme tr.text--theme td,
body.darkTheme tr.text--theme th,
body.darkTheme td.text--theme {
  color: #fff; }

body.darkTheme a.text--theme:hover,
body.darkTheme a.text--theme:focus {
  color: #e6e6e6; }

input[type="search"] {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none; }

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  line-height: normal; }
  input[type="radio"][disabled], input[type="radio"].isDisabled,
  fieldset[disabled] input[type="radio"],
  input[type="checkbox"][disabled],
  input[type="checkbox"].isDisabled,
  fieldset[disabled]
  input[type="checkbox"] {
    cursor: not-allowed; }

input[type="file"] {
  display: block; }

input[type="range"] {
  display: block;
  width: 100%; }

select[multiple],
select[size] {
  height: auto; }

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 8px;
  color: #000;
  line-height: 14px;
  font-weight: 400;
  font-size: 14px;
  cursor: pointer; }
  body.darkTheme label {
    color: #fff; }

.formGroup {
  margin-bottom: 15px; }
  .formGroup.formGroup--large label {
    font-size: 24px; }
  .formGroup.formGroup--large label:not(.btn):not(.bill-header-remove) {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 16px; }
  .formGroup.formGroup--large .formControl {
    height: 68px;
    padding: 0 25px;
    font-size: 24px;
    border-width: 2px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    font-weight: bold; }
  .formGroup.formGroup--large textarea.formControl {
    padding: 20px 25px;
    min-height: 150px; }
  .formGroup.formGroup--large .select:after {
    right: 25px; }
  .formGroup.formGroup--large .radio label,
  .formGroup.formGroup--large .checkbox label {
    font-size: 18px;
    line-height: 26px;
    padding-left: 68px;
    min-height: 48px;
    font-weight: 500; }
  .formGroup.formGroup--large .checkbox span:before,
  .formGroup.formGroup--large .checkbox span:after {
    width: 48px;
    height: 48px;
    -webkit-border-radius: 5px;
       -moz-border-radius: 5px;
            border-radius: 5px;
    border-width: 2px; }
  .formGroup.formGroup--large .checkbox span:after {
    width: 48px;
    height: 48px;
    line-height: 48px;
    font-size: 28px; }
  .formGroup.formGroup--large .radio span:before,
  .formGroup.formGroup--large .radio span:after {
    width: 48px;
    height: 48px;
    border-width: 2px; }
  .formGroup.formGroup--large .radio span:after {
    width: 24px;
    height: 24px;
    left: 12px;
    top: 12px; }
  .formGroup.formGroup--medium label {
    font-size: 14px; }
  .formGroup.formGroup--medium .formControl {
    height: 60px;
    padding: 0 22px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px;
    font-size: 14px; }
  .formGroup.formGroup--medium textarea.formControl {
    padding: 15px 22px; }
  .formGroup.formGroup--medium .select:after {
    right: 22px; }
  .formGroup.formGroup--small label {
    font-size: 12px; }
  .formGroup.formGroup--small .formControl {
    height: 30px;
    padding: 0 10px;
    font-size: 12px; }
  .formGroup.formGroup--small textarea.formControl {
    padding: 3px 10px;
    min-height: 50px; }
  .formGroup.formGroup--small .select:after {
    right: 10px; }
  .formGroup.formGroup--required label:after {
    content: ' *';
    color: #FF0000; }
  .formGroup.formGroup--green .formControl {
    border-color: #95C11F; }
    .formGroup.formGroup--green .formControl:focus {
      border-color: #669900; }
  .formGroup.formGroup--green .helpBlock {
    color: #95C11F; }
  .formGroup.formGroup--green .select:after {
    color: #95C11F; }
  .formGroup.formGroup--green .select.isFocus:after {
    color: #669900; }
  .formGroup.formGroup--green .radio label span:before,
  .formGroup.formGroup--green .checkbox label span:before {
    border-color: #95C11F; }
  .formGroup.formGroup--green .radio input:focus + label,
  .formGroup.formGroup--green .checkbox input:focus + label {
    color: #95C11F; }
    .formGroup.formGroup--green .radio input:focus + label span:before,
    .formGroup.formGroup--green .checkbox input:focus + label span:before {
      border-color: #669900; }
  .formGroup.formGroup--green .checkbox input:checked + label span:before {
    background: #95C11F; }
  .formGroup.formGroup--green .checkbox input:focus:checked + label {
    color: #669900; }
    .formGroup.formGroup--green .checkbox input:focus:checked + label span:before {
      background: #669900; }
  .formGroup.formGroup--green .radio span:after {
    background: #95C11F; }
  .formGroup.formGroup--green .radio input:checked + label span:after {
    background: #95C11F; }
  .formGroup.formGroup--green .radio input:focus:checked + label {
    color: #669900; }
    .formGroup.formGroup--green .radio input:focus:checked + label span:after {
      background: #669900; }
  .formGroup.formGroup--red .formControl {
    border-color: #FF0000; }
    .formGroup.formGroup--red .formControl:focus {
      border-color: #d30000; }
  .formGroup.formGroup--red .helpBlock {
    color: #FF0000; }
  .formGroup.formGroup--red .select:after {
    color: #FF0000; }
  .formGroup.formGroup--red .select.isFocus:after {
    color: #d30000; }
  .formGroup.formGroup--red .radio label span:before,
  .formGroup.formGroup--red .checkbox label span:before {
    border-color: #FF0000; }
  .formGroup.formGroup--red .radio input:focus + label,
  .formGroup.formGroup--red .checkbox input:focus + label {
    color: #FF0000; }
    .formGroup.formGroup--red .radio input:focus + label span:before,
    .formGroup.formGroup--red .checkbox input:focus + label span:before {
      border-color: #d30000; }
  .formGroup.formGroup--red .checkbox input:checked + label span:before {
    background: #FF0000; }
  .formGroup.formGroup--red .checkbox input:focus:checked + label {
    color: #d30000; }
    .formGroup.formGroup--red .checkbox input:focus:checked + label span:before {
      background: #d30000; }
  .formGroup.formGroup--red .radio span:after {
    background: #FF0000; }
  .formGroup.formGroup--red .radio input:checked + label span:after {
    background: #FF0000; }
  .formGroup.formGroup--red .radio input:focus:checked + label {
    color: #d30000; }
    .formGroup.formGroup--red .radio input:focus:checked + label span:after {
      background: #d30000; }
  .formGroup.formGroup--blue .formControl {
    border-color: #0077E7; }
    .formGroup.formGroup--blue .formControl:focus {
      border-color: #0066FF; }
  .formGroup.formGroup--blue .helpBlock {
    color: #0077E7; }
  .formGroup.formGroup--blue .select:after {
    color: #0077E7; }
  .formGroup.formGroup--blue .select.isFocus:after {
    color: #0066FF; }
  .formGroup.formGroup--blue .radio label span:before,
  .formGroup.formGroup--blue .checkbox label span:before {
    border-color: #0077E7; }
  .formGroup.formGroup--blue .radio input:focus + label,
  .formGroup.formGroup--blue .checkbox input:focus + label {
    color: #0077E7; }
    .formGroup.formGroup--blue .radio input:focus + label span:before,
    .formGroup.formGroup--blue .checkbox input:focus + label span:before {
      border-color: #0066FF; }
  .formGroup.formGroup--blue .checkbox input:checked + label span:before {
    background: #0077E7; }
  .formGroup.formGroup--blue .checkbox input:focus:checked + label {
    color: #0066FF; }
    .formGroup.formGroup--blue .checkbox input:focus:checked + label span:before {
      background: #0066FF; }
  .formGroup.formGroup--blue .radio span:after {
    background: #0077E7; }
  .formGroup.formGroup--blue .radio input:checked + label span:after {
    background: #0077E7; }
  .formGroup.formGroup--blue .radio input:focus:checked + label {
    color: #0066FF; }
    .formGroup.formGroup--blue .radio input:focus:checked + label span:after {
      background: #0066FF; }
  .formGroup.formGroup--yellow .formControl {
    border-color: #FFE800; }
    .formGroup.formGroup--yellow .formControl:focus {
      border-color: #FFCC00; }
  .formGroup.formGroup--yellow .helpBlock {
    color: #FFE800; }
  .formGroup.formGroup--yellow .select:after {
    color: #FFE800; }
  .formGroup.formGroup--yellow .select.isFocus:after {
    color: #FFCC00; }
  .formGroup.formGroup--yellow .radio label span:before,
  .formGroup.formGroup--yellow .checkbox label span:before {
    border-color: #FFE800; }
  .formGroup.formGroup--yellow .radio input:focus + label,
  .formGroup.formGroup--yellow .checkbox input:focus + label {
    color: #FFE800; }
    .formGroup.formGroup--yellow .radio input:focus + label span:before,
    .formGroup.formGroup--yellow .checkbox input:focus + label span:before {
      border-color: #FFCC00; }
  .formGroup.formGroup--yellow .checkbox input:checked + label span:before {
    background: #FFE800; }
  .formGroup.formGroup--yellow .checkbox input:focus:checked + label {
    color: #FFCC00; }
    .formGroup.formGroup--yellow .checkbox input:focus:checked + label span:before {
      background: #FFCC00; }
  .formGroup.formGroup--yellow .radio span:after {
    background: #FFE800; }
  .formGroup.formGroup--yellow .radio input:checked + label span:after {
    background: #FFE800; }
  .formGroup.formGroup--yellow .radio input:focus:checked + label {
    color: #FFCC00; }
    .formGroup.formGroup--yellow .radio input:focus:checked + label span:after {
      background: #FFCC00; }
  .formGroup.formGroup--orange .formControl {
    border-color: #FF9900; }
    .formGroup.formGroup--orange .formControl:focus {
      border-color: #ff7102; }
  .formGroup.formGroup--orange .helpBlock {
    color: #FF9900; }
  .formGroup.formGroup--orange .select:after {
    color: #FF9900; }
  .formGroup.formGroup--orange .select.isFocus:after {
    color: #ff7102; }
  .formGroup.formGroup--orange .radio label span:before,
  .formGroup.formGroup--orange .checkbox label span:before {
    border-color: #FF9900; }
  .formGroup.formGroup--orange .radio input:focus + label,
  .formGroup.formGroup--orange .checkbox input:focus + label {
    color: #FF9900; }
    .formGroup.formGroup--orange .radio input:focus + label span:before,
    .formGroup.formGroup--orange .checkbox input:focus + label span:before {
      border-color: #ff7102; }
  .formGroup.formGroup--orange .checkbox input:checked + label span:before {
    background: #FF9900; }
  .formGroup.formGroup--orange .checkbox input:focus:checked + label {
    color: #ff7102; }
    .formGroup.formGroup--orange .checkbox input:focus:checked + label span:before {
      background: #ff7102; }
  .formGroup.formGroup--orange .radio span:after {
    background: #FF9900; }
  .formGroup.formGroup--orange .radio input:checked + label span:after {
    background: #FF9900; }
  .formGroup.formGroup--orange .radio input:focus:checked + label {
    color: #ff7102; }
    .formGroup.formGroup--orange .radio input:focus:checked + label span:after {
      background: #ff7102; }
  .formGroup.formGroup--gray .formControl {
    border-color: #ccc; }
    .formGroup.formGroup--gray .formControl:focus {
      border-color: #666; }
  .formGroup.formGroup--gray .helpBlock {
    color: #ccc; }
  .formGroup.formGroup--gray .select:after {
    color: #ccc; }
  .formGroup.formGroup--gray .select.isFocus:after {
    color: #666; }
  .formGroup.formGroup--gray .radio label span:before,
  .formGroup.formGroup--gray .checkbox label span:before {
    border-color: #ccc; }
  .formGroup.formGroup--gray .radio input:focus + label,
  .formGroup.formGroup--gray .checkbox input:focus + label {
    color: #ccc; }
    .formGroup.formGroup--gray .radio input:focus + label span:before,
    .formGroup.formGroup--gray .checkbox input:focus + label span:before {
      border-color: #666; }
  .formGroup.formGroup--gray .checkbox input:checked + label span:before {
    background: #ccc; }
  .formGroup.formGroup--gray .checkbox input:focus:checked + label {
    color: #666; }
    .formGroup.formGroup--gray .checkbox input:focus:checked + label span:before {
      background: #666; }
  .formGroup.formGroup--gray .radio span:after {
    background: #ccc; }
  .formGroup.formGroup--gray .radio input:checked + label span:after {
    background: #ccc; }
  .formGroup.formGroup--gray .radio input:focus:checked + label {
    color: #666; }
    .formGroup.formGroup--gray .radio input:focus:checked + label span:after {
      background: #666; }
  .formGroup.formGroup--inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center; }
    .formGroup.formGroup--inline > label {
      -webkit-flex-shrink: 0;
              flex-shrink: 0;
      padding-right: 15px; }
    .formGroup.formGroup--inline .inputGroup,
    .formGroup.formGroup--inline .customSelect {
      width: 100%; }

.formControl {
  display: block;
  width: 100%;
  height: 45px;
  padding: 0 20px;
  font-size: 14px;
  line-height: 1;
  color: #000;
  background-color: #fff;
  background-image: none;
  border: 1px solid #DEDEDE;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-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, -webkit-box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
  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, -webkit-box-shadow ease-in-out .15s, -moz-box-shadow ease-in-out .15s;
  -webkit-transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
  -o-transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
  -moz-transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out;
  transition: border-color 0.25s ease-in-out, box-shadow 0.25s ease-in-out, border 0.25s ease-in-out, background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out; }
  .formControl::-webkit-input-placeholder {
    color: #666; }
  .formControl:-moz-placeholder {
    color: #666; }
  .formControl::-moz-placeholder {
    color: #666; }
  .formControl:-ms-input-placeholder {
    color: #666; }
  body.darkTheme .formControl {
    background-color: #000;
    border-color: #333;
    color: #fff; }
    body.darkTheme .formControl::-webkit-input-placeholder {
      color: #999; }
    body.darkTheme .formControl:-moz-placeholder {
      color: #999; }
    body.darkTheme .formControl::-moz-placeholder {
      color: #999; }
    body.darkTheme .formControl:-ms-input-placeholder {
      color: #999; }
  .formControl:focus, body.darkTheme .formControl:focus {
    border-color: #95C11F;
    outline: 0;
    -webkit-box-shadow: none;
       -moz-box-shadow: none;
            box-shadow: none; }
  .formControl.style1 {
    background: #EEEEEE;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
            box-shadow: inset 0 0 10px 0 rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    color: #666; }
    .formControl.style1:focus {
      border-color: #95C11F;
      -webkit-box-shadow: none;
         -moz-box-shadow: none;
              box-shadow: none;
      background: #fff; }
    body.darkTheme .formControl.style1 {
      background: #000;
      color: #999;
      border: 1px solid rgba(255, 255, 255, 0.2);
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
      body.darkTheme .formControl.style1:focus {
        border-color: #95C11F;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none;
        background: #000; }
  .formControl::-ms-expand {
    background-color: transparent;
    border: 0; }
  .formControl[disabled],
  fieldset[disabled] .formControl {
    color: #ccc !important;
    border-color: #DEDEDE !important;
    background-color: #F8F8F8 !important;
    opacity: 1; }
    .formControl[disabled] + .helpBlock,
    fieldset[disabled] .formControl + .helpBlock {
      color: #ccc; }
    body.darkTheme .formControl[disabled], body.darkTheme
    fieldset[disabled] .formControl {
      color: #999 !important;
      border-color: rgba(255, 255, 255, 0.05) !important;
      background-color: #333 !important; }
  .formControl[disabled],
  fieldset[disabled] .formControl {
    cursor: not-allowed; }

textarea.formControl {
  height: auto;
  min-height: 120px;
  padding: 13px 20px;
  line-height: 24px;
  resize: vertical; }

.helpBlock {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-weight: 500;
  line-height: 14px;
  color: #999; }

.select {
  position: relative;
  display: block; }
  .select select {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none; }
  .select:after {
    content: "\64";
    font-family: "vaprio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 12px;
    color: #CCC;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
         -o-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: color ease-in-out .15s;
    -o-transition: color ease-in-out .15s;
    -moz-transition: color ease-in-out .15s;
    transition: color ease-in-out .15s; }
  .select.isFocus:after {
    color: #95C11F; }
  .select.isDisabled:after {
    color: #ccc !important; }
  .select.isDisabled + .helpBlock {
    color: #ccc; }

.radio,
.checkbox {
  position: relative;
  display: inline-block; }
  .radio label,
  .checkbox label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    min-height: 20px;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    padding-left: 30px;
    margin-bottom: 0;
    cursor: pointer;
    font-weight: normal;
    font-size: 13px;
    color: #000; }
    .radio label:after,
    .checkbox label:after {
      padding-left: 5px; }
    body.darkTheme .radio label, body.darkTheme
    .checkbox label {
      color: #fff; }
    .radio label span:before,
    .checkbox label span:before {
      content: '';
      position: absolute;
      left: 0;
      top: 0;
      display: block;
      width: 20px;
      height: 20px;
      background: #fff;
      border: 1px solid #DEDEDE;
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
      body.darkTheme .radio label span:before, body.darkTheme
      .checkbox label span:before {
        background: #000;
        border-color: #333; }
    .radio label span:after,
    .checkbox label span:after {
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
  .radio input,
  .checkbox input {
    position: absolute;
    opacity: 0; }
  .radio input:focus + label,
  .checkbox input:focus + label {
    color: #95C11F; }
  .radio input:focus:not(:checked) span:before,
  .checkbox input:focus:not(:checked) span:before {
    border-color: #95C11F;
    background: #F8F8F8; }
  .radio input:checked + label span:before,
  .checkbox input:checked + label span:before {
    border-color: #95C11F; }
  .radio input:checked + label span:after,
  .checkbox input:checked + label span:after {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
         -o-transform: scale(1);
            transform: scale(1);
    opacity: 1; }
  .radio input:disabled + label,
  .checkbox input:disabled + label {
    color: #CCC !important;
    cursor: not-allowed; }
    .radio input:disabled + label span:before,
    .checkbox input:disabled + label span:before {
      border-color: #DEDEDE !important;
      background: #F8F8F8 !important; }
      body.darkTheme .radio input:disabled + label span:before, body.darkTheme
      .checkbox input:disabled + label span:before {
        border-color: rgba(255, 255, 255, 0.05) !important;
        background: #333 !important; }
    .radio input:disabled + label span:after,
    .checkbox input:disabled + label span:after {
      -webkit-transform: scale(0) !important;
         -moz-transform: scale(0) !important;
           -o-transform: scale(0) !important;
              transform: scale(0) !important;
      opacity: 0 !important; }
  .radio.isDisabled + .helpBlock,
  .checkbox.isDisabled + .helpBlock {
    color: #ccc; }

.checkbox label span:before,
.checkbox label span:after {
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px; }

.checkbox label span:after {
  font-family: "vaprio" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\46";
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 20px;
  height: 20px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out;
  font-size: 12px; }
  body.darkTheme .checkbox label span:after {
    color: #000; }

.checkbox input:checked + label span:before,
body.darkTheme .checkbox input:checked + label span:before {
  background: #95C11F; }

.radio label span:before,
.radio label span:after {
  -webkit-border-radius: 50%;
     -moz-border-radius: 50%;
          border-radius: 50%; }

.radio label span:after {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  display: block;
  width: 10px;
  height: 10px;
  background: #95C11F;
  -webkit-transform: scale(0);
     -moz-transform: scale(0);
       -o-transform: scale(0);
          transform: scale(0);
  opacity: 0;
  -webkit-transition: all 0.25s ease-in-out;
  -o-transition: all 0.25s ease-in-out;
  -moz-transition: all 0.25s ease-in-out;
  transition: all 0.25s ease-in-out; }

.switch {
  margin: 0;
  padding: 0;
  position: relative;
  width: 100px;
  height: 30px;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  overflow: hidden; }
  .switch input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch .label {
    position: absolute;
    top: 0;
    left: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    width: 200%;
    height: 100%;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    -o-transition: -o-transform .2s ease-in-out;
    -moz-transition: transform .2s ease-in-out, -moz-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out;
    cursor: pointer; }
    .switch .label span {
      width: 50%;
      font-size: 12px;
      font-weight: 700;
      color: #666;
      line-height: 30px;
      text-transform: uppercase;
      -webkit-border-radius: 15px;
         -moz-border-radius: 15px;
              border-radius: 15px; }
      .switch .label span:first-child {
        background: #F8F8F8;
        text-align: left;
        padding-left: 15px; }
      .switch .label span:last-child {
        background: #222;
        text-align: right;
        padding-right: 15px; }
    .switch .label:before {
      content: '';
      position: absolute;
      top: 50%;
      left: 50%;
      width: 20px;
      height: 20px;
      margin-top: -10px;
      margin-left: -10px;
      -webkit-border-radius: 50%;
         -moz-border-radius: 50%;
              border-radius: 50%;
      -webkit-transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
      transition: background .2s ease-in-out, -webkit-transform .2s ease-in-out;
      -o-transition: background .2s ease-in-out, -o-transform .2s ease-in-out;
      -moz-transition: background .2s ease-in-out, transform .2s ease-in-out, -moz-transform .2s ease-in-out;
      transition: background .2s ease-in-out, transform .2s ease-in-out;
      transition: background .2s ease-in-out, transform .2s ease-in-out, -webkit-transform .2s ease-in-out, -moz-transform .2s ease-in-out, -o-transform .2s ease-in-out;
      background: #000;
      -webkit-transform: translateX(-15px);
         -moz-transform: translateX(-15px);
           -o-transform: translateX(-15px);
              transform: translateX(-15px); }
  .switch input:checked + .label {
    -webkit-transform: translateX(-50%);
       -moz-transform: translateX(-50%);
         -o-transform: translateX(-50%);
            transform: translateX(-50%); }
    .switch input:checked + .label:before {
      background: #ccc;
      -webkit-transform: translateX(15px);
         -moz-transform: translateX(15px);
           -o-transform: translateX(15px);
              transform: translateX(15px); }

.switch2 {
  margin: 0;
  padding: 0;
  position: relative; }
  .switch2 input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0; }
  .switch2 .label {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    height: 45px;
    padding: 0 3px;
    background: #fff;
    border: 2px solid #DEDEDE;
    -webkit-border-radius: 34px;
       -moz-border-radius: 34px;
            border-radius: 34px;
    cursor: pointer; }
    body.darkTheme .switch2 .label {
      background: #000;
      border: 2px solid #333; }
    .switch2 .label span {
      padding: 0 20px;
      height: 35px;
      line-height: 35px;
      -webkit-border-radius: 23px;
         -moz-border-radius: 23px;
              border-radius: 23px;
      font-weight: 500;
      font-size: 14px; }
      .switch2 .label span:first-child {
        color: #fff;
        background: #95C11F;
        background-image: -webkit-gradient(linear, left bottom, left top, from(#669900), to(#95C11F));
        background-image: -webkit-linear-gradient(bottom, #669900 0%, #95C11F 100%);
        background-image: -moz-linear-gradient(bottom, #669900 0%, #95C11F 100%);
        background-image: -o-linear-gradient(bottom, #669900 0%, #95C11F 100%);
        background-image: linear-gradient(0deg, #669900 0%, #95C11F 100%); }
      .switch2 .label span:last-child {
        color: #999;
        background: transparent; }
        body.darkTheme .switch2 .label span:last-child {
          color: #666; }
  .switch2 input:checked + .label span:first-child {
    color: #999;
    background: transparent; }
    body.darkTheme .switch2 input:checked + .label span:first-child {
      color: #666; }
  .switch2 input:checked + .label span:last-child {
    color: #fff;
    background: #95C11F;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#669900), to(#95C11F));
    background-image: -webkit-linear-gradient(bottom, #669900 0%, #95C11F 100%);
    background-image: -moz-linear-gradient(bottom, #669900 0%, #95C11F 100%);
    background-image: -o-linear-gradient(bottom, #669900 0%, #95C11F 100%);
    background-image: linear-gradient(0deg, #669900 0%, #95C11F 100%); }
  .switch2 input:disabled + .label {
    cursor: not-allowed; }
  .switch2 input:disabled:not(:checked) + .label span:first-child {
    background: #ccc; }
  .switch2 input:disabled:checked + .label span:last-child {
    background: #ccc; }

.formGroup.formGroup--large .switch2 {
  margin: 0;
  padding: 0; }
  .formGroup.formGroup--large .switch2 .label {
    height: 68px;
    padding: 0 8px; }
    .formGroup.formGroup--large .switch2 .label span {
      padding: 0 25px;
      height: 48px;
      line-height: 48px;
      font-size: 18px; }

.formGroup.formGroup--small .switch2 {
  margin: 0;
  padding: 0; }
  .formGroup.formGroup--small .switch2 .label {
    height: 30px;
    padding: 0 3px; }
    .formGroup.formGroup--small .switch2 .label span {
      padding: 0 15px;
      height: 20px;
      line-height: 20px;
      font-size: 12px; }

.alerts:not(.alerts--fixedBottom) .alert:not(:first-child), .alerts:not(.alerts--fixedTop) .alert:not(:first-child) {
  border-top: 0; }

.alerts--fixedBottom {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 9; }
  .alerts--fixedBottom .alert {
    border-width: 1px 0 0 0; }

.alerts--fixedTop {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9; }
  .alerts--fixedTop .alert {
    border-width: 0 0 1px 0; }

ul.alerts {
  margin: 0;
  padding: 0;
  list-style: none; }

.alert {
  position: relative;
  margin: 0;
  padding: 0;
  padding: 12px 20px;
  background: #DEDEDE;
  font-weight: 500;
  font-size: 14px;
  color: #212121;
  letter-spacing: 0;
  border: 1px solid #212121; }
  .alert a {
    color: #000; }
    .alert a:hover, .alert a:focus {
      color: #000; }
  .alert-close {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    top: 0;
    right: 0;
    width: 40px;
    height: 100%; }
    .alert-close::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .alert-close:before, .alert-close:after {
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      right: 20px;
      height: 2px;
      -webkit-border-radius: 2px;
         -moz-border-radius: 2px;
              border-radius: 2px;
      background: #212121;
      -webkit-transition: all 0.25s ease-in-out;
      -o-transition: all 0.25s ease-in-out;
      -moz-transition: all 0.25s ease-in-out;
      transition: all 0.25s ease-in-out; }
    .alert-close:before {
      content: '';
      width: 15px;
      -webkit-transform: rotate(-45deg);
         -moz-transform: rotate(-45deg);
           -o-transform: rotate(-45deg);
              transform: rotate(-45deg); }
    .alert-close:after {
      content: '';
      width: 15px;
      -webkit-transform: rotate(45deg);
         -moz-transform: rotate(45deg);
           -o-transform: rotate(45deg);
              transform: rotate(45deg); }
    .alert-close span {
      position: absolute;
      font-size: 0;
      visibility: hidden;
      opacity: 0; }
  .alert--green {
    color: #95C11F;
    background: #CAE08F;
    border-color: #CAE08F; }
    .alert--green button:before, .alert--green button:after {
      background: #95C11F; }
  .alert--red {
    color: #FF0000;
    background: #FFF2F2;
    border-color: #F2B5B5; }
    .alert--red button:before, .alert--red button:after {
      background: #FF0000; }
  .alert--blue {
    color: #0077E7;
    background: #F1F8FF;
    border-color: #A7D2FA; }
    .alert--blue button:before, .alert--blue button:after {
      background: #0077E7; }
  .alert--yellow {
    color: #FFCC00;
    background: #fffede;
    border-color: #FFCC00; }
    .alert--yellow button:before, .alert--yellow button:after {
      background: #FFCC00; }
  .alert--orange {
    color: #ff7102;
    background: #FFC56F;
    border-color: #ff7102; }
    .alert--orange button:before, .alert--orange button:after {
      background: #ff7102; }
  .alert--gray {
    color: #999;
    background: #F8F8F8;
    border-color: #bdbdbd; }
    .alert--gray button:before, .alert--gray button:after {
      background: #999; }
  .alert--withClose {
    padding-right: 50px; }
  .alert--withIcon {
    padding-left: 59px; }
    .alert--withIcon > i {
      position: absolute;
      top: 50%;
      left: 20px;
      font-size: 24px;
      display: block;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
      .alert--withIcon > i:before {
        display: block; }

.inputGroup {
  position: relative; }

.inputGroup-item {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
       -o-transform: translateY(-50%);
          transform: translateY(-50%); }
  .inputGroup-item--left {
    left: 6px; }
  .inputGroup-item--right {
    right: 6px; }

.formGroup.formGroup--large .inputGroup-item--left {
  left: 11px; }

.formGroup.formGroup--large .inputGroup-item--right {
  right: 11px; }

.formGroup.formGroup--small .inputGroup-item--left {
  left: 2px; }

.formGroup.formGroup--small .inputGroup-item--right {
  right: 2px; }

.calendar {
  width: 100%;
  --calendarSize: 14.28%; }
  .calendar--center {
    margin-left: auto;
    margin-right: auto; }
  .calendar-navigation {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; }
    .calendar-navigation > div {
      width: 33%; }
    .calendar-navigation-left {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
         -moz-box-pack: start;
              justify-content: flex-start;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row; }
      .calendar-navigation-left .calendar-navigation--prev,
      .calendar-navigation-left .calendar-navigation--next {
        color: #95C11F;
        outline: none;
        padding: 0;
        font-size: 24px; }
        .calendar-navigation-left .calendar-navigation--prev:hover, .calendar-navigation-left .calendar-navigation--prev:focus,
        .calendar-navigation-left .calendar-navigation--next:hover,
        .calendar-navigation-left .calendar-navigation--next:focus {
          color: #669900; }
      .calendar-navigation-left .calendar-navigation--prev {
        padding-right: 30px; }
      .calendar-navigation-left .calendar-navigation--next {
        padding-left: 30px; }
    .calendar-navigation-center {
      text-align: center; }
    .calendar-navigation-right {
      text-align: right;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: end;
      -webkit-justify-content: flex-end;
         -moz-box-pack: end;
              justify-content: flex-end;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row; }
      .calendar-navigation-right .btn, .calendar-navigation-right .productRow--complaint .productRow-remove-item, .productRow--complaint .calendar-navigation-right .productRow-remove-item, .calendar-navigation-right .bill-header-remove {
        margin-left: 10px; }
  .calendar-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .calendar-header .calendar-column {
      width: -webkit-calc(var(--calendarSize) - 10px);
      width: -moz-calc(var(--calendarSize) - 10px);
      width: calc(var(--calendarSize) - 10px);
      margin: 5px;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row wrap;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row wrap;
      font-weight: 500;
      font-size: 14px;
      text-align: center;
      line-height: 24px;
      text-transform: uppercase;
      color: #666; }
  .calendar-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row wrap;
    margin-left: -5px;
    margin-right: -5px; }
    .calendar-body .calendar-column {
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
      background: #fff;
      padding: 10px;
      margin: 5px;
      width: -webkit-calc(var(--calendarSize) - 10px);
      width: -moz-calc(var(--calendarSize) - 10px);
      width: calc(var(--calendarSize) - 10px); }
      .calendar-body .calendar-column:before {
        content: "";
        display: block;
        padding-top: 100%;
        float: left; }
      body.darkTheme .calendar-body .calendar-column {
        background: rgba(255, 255, 255, 0.03); }
      .calendar-body .calendar-column .date {
        font-weight: 500;
        font-size: 12px;
        line-height: 12px;
        height: 27px;
        text-align: right;
        color: #666; }
        body.darkTheme .calendar-body .calendar-column .date {
          color: #999; }
      .calendar-body .calendar-column.disabled, .calendar-body .calendar-column.gray {
        background: #EBEBEB; }
        body.darkTheme .calendar-body .calendar-column.disabled, body.darkTheme .calendar-body .calendar-column.gray {
          background: rgba(0, 0, 0, 0.25); }
      .calendar-body .calendar-column.disabled .date {
        color: #999; }
        body.darkTheme .calendar-body .calendar-column.disabled .date {
          color: #666; }
      .calendar-body .calendar-column.green,
      body.darkTheme .calendar-body .calendar-column.green {
        background: #95C11F; }
      .calendar-body .calendar-column.green .date {
        color: #fff; }
        body.darkTheme .calendar-body .calendar-column.green .date {
          color: #000; }
      .calendar-body .calendar-column .column-content .holiday {
        padding: 5px 9px;
        background: #fff;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px;
        font-weight: 500;
        font-size: 9px;
        color: #FF0000;
        line-height: 12px;
        margin-bottom: 5px; }
        body.darkTheme .calendar-body .calendar-column .column-content .holiday {
          background: #000; }
      .calendar-body .calendar-column .column-content .vacation {
        position: relative;
        padding: 5px 5px 5px 25px;
        background: #F0F0F0;
        -webkit-border-radius: 34px;
           -moz-border-radius: 34px;
                border-radius: 34px;
        margin-bottom: 5px;
        font-weight: 500;
        font-size: 10px;
        line-height: 10px; }
        body.darkTheme .calendar-body .calendar-column .column-content .vacation {
          background: #000; }
        .calendar-body .calendar-column .column-content .vacation-length {
          width: 16px;
          height: 16px;
          position: absolute;
          top: 50%;
          left: 2px;
          -webkit-border-radius: 34px;
             -moz-border-radius: 34px;
                  border-radius: 34px;
          font-weight: 500;
          font-size: 12px;
          color: #fff;
          line-height: 16px;
          text-align: center;
          -webkit-transform: translateY(-50%);
             -moz-transform: translateY(-50%);
               -o-transform: translateY(-50%);
                  transform: translateY(-50%); }
        .calendar-body .calendar-column .column-content .vacation--green .vacation-length {
          background-color: #95C11F;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--red .vacation-length {
          background-color: #FF0000;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--blue .vacation-length {
          background-color: #0077E7;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--yellow .vacation-length {
          background-color: #FFE800;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--orange .vacation-length {
          background-color: #FF9900;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--gray .vacation-length {
          background-color: #ccc;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--white .vacation-length {
          background-color: #fff;
          color: #000; }
        .calendar-body .calendar-column .column-content .vacation--black .vacation-length {
          background-color: #000;
          color: #fff; }
        .calendar-body .calendar-column .column-content .vacation--2 {
          width: -webkit-calc(100% * 2 + 10px * 1 + 20px * 1);
          width: -moz-calc(100% * 2 + 10px * 1 + 20px * 1);
          width: calc(100% * 2 + 10px * 1 + 20px * 1); }
        .calendar-body .calendar-column .column-content .vacation--3 {
          width: -webkit-calc(100% * 3 + 10px * 2 + 20px * 2);
          width: -moz-calc(100% * 3 + 10px * 2 + 20px * 2);
          width: calc(100% * 3 + 10px * 2 + 20px * 2); }
        .calendar-body .calendar-column .column-content .vacation--4 {
          width: -webkit-calc(100% * 4 + 10px * 3 + 20px * 3);
          width: -moz-calc(100% * 4 + 10px * 3 + 20px * 3);
          width: calc(100% * 4 + 10px * 3 + 20px * 3); }
        .calendar-body .calendar-column .column-content .vacation--5 {
          width: -webkit-calc(100% * 5 + 10px * 4 + 20px * 4);
          width: -moz-calc(100% * 5 + 10px * 4 + 20px * 4);
          width: calc(100% * 5 + 10px * 4 + 20px * 4); }
        .calendar-body .calendar-column .column-content .vacation--6 {
          width: -webkit-calc(100% * 6 + 10px * 5 + 20px * 5);
          width: -moz-calc(100% * 6 + 10px * 5 + 20px * 5);
          width: calc(100% * 6 + 10px * 5 + 20px * 5); }
        .calendar-body .calendar-column .column-content .vacation--7 {
          width: -webkit-calc(100% * 7 + 10px * 6 + 20px * 6);
          width: -moz-calc(100% * 7 + 10px * 6 + 20px * 6);
          width: calc(100% * 7 + 10px * 6 + 20px * 6); }
      .calendar-body .calendar-column .column-content .vacation-placeholder {
        margin-bottom: 5px;
        height: 20px; }

.panel {
  margin-bottom: 60px; }
  .panel-header {
    margin-bottom: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
    .panel-header h1, .panel-header h2, .panel-header h3, .panel-header h4,
    .panel-header .h1, .panel-header .h2, .panel-header .h3, .panel-header .h4 {
      font-weight: 700; }
  .panel-body {
    position: relative;
    padding: 30px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); }
    body.darkTheme .panel-body {
      background: #171717;
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
    .panel-body--noPadding {
      padding: 0; }
    .panel-body--biggerPadding {
      padding: 60px; }
    .panel-body--clean, body.darkTheme .panel-body--clean {
      padding: initial;
      background: initial;
      -webkit-box-shadow: initial;
         -moz-box-shadow: initial;
              box-shadow: initial;
      -webkit-border-radius: initial;
         -moz-border-radius: initial;
              border-radius: initial; }
    .panel-body--withArrowNavigation {
      padding-top: 94px; }
      .panel-body--withArrowNavigation.panel-body--biggerPadding {
        padding-top: 124px; }
    .panel-body .table > thead > tr > th,
    .panel-body .table > thead > tr > td,
    .panel-body .tableGroup > thead > tr > th,
    .panel-body .tableGroup > thead > tr > td {
      padding-top: 0; }
    .panel-body .table > tfoot > tr > th,
    .panel-body .table > tfoot > tr > td,
    .panel-body .tableGroup > tfoot > tr > th,
    .panel-body .tableGroup > tfoot > tr > td {
      padding-bottom: 0; }
  .panel .panel-body--withArrowNavigation .panel-arrowNavigation {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #F2F2F2;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px; }
    body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation {
      background: #1E1E1E; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation ul {
      margin: 0;
      padding: 0;
      list-style: none;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -webkit-flex-flow: row;
         -moz-box-orient: horizontal;
         -moz-box-direction: normal;
              flex-flow: row; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li {
      position: relative;
      -webkit-box-flex: 1;
      -webkit-flex-grow: 1;
         -moz-box-flex: 1;
              flex-grow: 1; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      text-align: center;
      height: 64px;
      font-weight: 500;
      font-size: 18px;
      color: #666;
      line-height: 26px;
      text-decoration: none; }
      body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation a {
        color: #999; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation a:hover, .panel .panel-body--withArrowNavigation .panel-arrowNavigation a:focus, body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation a:hover, body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation a:focus {
        text-decoration: none;
        color: #95C11F; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation a .icon {
        color: #95C11F;
        font-size: 18px;
        margin-right: 15px;
        display: none; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li:not(:first-child):before {
      content: "\63";
      font-family: "vaprio" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 50%;
      left: 0;
      font-size: 14px;
      color: #95C11F;
      -webkit-transform: translate(-50%, -50%);
         -moz-transform: translate(-50%, -50%);
           -o-transform: translate(-50%, -50%);
              transform: translate(-50%, -50%);
      -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a {
      position: relative;
      background: #fff;
      color: #95C11F; }
      body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a {
        background: #171717; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:before, .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:after {
        content: '';
        position: absolute;
        top: 50%;
        width: 44px;
        height: 44px; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:before {
        left: 0;
        -webkit-transform: translate(-50%, -50%) rotate(45deg);
           -moz-transform: translate(-50%, -50%) rotate(45deg);
             -o-transform: translate(-50%, -50%) rotate(45deg);
                transform: translate(-50%, -50%) rotate(45deg);
        background: #F2F2F2;
        pointer-events: none; }
        body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:before {
          background: #1E1E1E; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:after {
        right: 0;
        -webkit-transform: translate(50%, -50%) rotate(45deg);
           -moz-transform: translate(50%, -50%) rotate(45deg);
             -o-transform: translate(50%, -50%) rotate(45deg);
                transform: translate(50%, -50%) rotate(45deg);
        z-index: 3;
        background: #fff; }
        body.darkTheme .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive a:after {
          background: #171717; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive:before {
      display: none; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive:first-child a {
      -webkit-border-top-left-radius: 10px;
         -moz-border-radius-topleft: 10px;
              border-top-left-radius: 10px; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive:first-child a:before {
        display: none; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive:last-child a {
      -webkit-border-top-right-radius: 10px;
         -moz-border-radius-topright: 10px;
              border-top-right-radius: 10px; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive:last-child a:after {
        display: none; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isActive + li:before {
      display: none; }
    .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isComplete a {
      color: inherit; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isComplete a:hover, .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isComplete a:focus {
        color: #95C11F; }
      .panel .panel-body--withArrowNavigation .panel-arrowNavigation li.isComplete a .icon {
        display: block; }
  .panel-showMore {
    text-align: center; }
    .panel-showMore a {
      position: relative;
      display: inline-block;
      padding: 0 60px 0 30px;
      height: 32px;
      line-height: 32px;
      text-decoration: none;
      -webkit-border-bottom-right-radius: 10px;
         -moz-border-radius-bottomright: 10px;
              border-bottom-right-radius: 10px;
      -webkit-border-bottom-left-radius: 10px;
         -moz-border-radius-bottomleft: 10px;
              border-bottom-left-radius: 10px;
      background: #fff;
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); }
      body.darkTheme .panel-showMore a {
        background: #171717;
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
           -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
      .panel-showMore a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 30px;
        pointer-events: none;
        -webkit-transform: translateY(-100%);
           -moz-transform: translateY(-100%);
             -o-transform: translateY(-100%);
                transform: translateY(-100%);
        background: #fff; }
        body.darkTheme .panel-showMore a:before {
          background: #171717; }
      .panel-showMore a:after {
        content: "\64";
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 30px;
        font-size: 14px;
        color: #ccc;
        -webkit-transform: translateY(-50%) rotate(90deg);
           -moz-transform: translateY(-50%) rotate(90deg);
             -o-transform: translateY(-50%) rotate(90deg);
                transform: translateY(-50%) rotate(90deg);
        -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
        body.darkTheme .panel-showMore a:after {
          color: rgba(255, 255, 255, 0.25); }
      .panel-showMore a.isActive:after {
        -webkit-transform: translateY(-50%) rotate(-90deg);
           -moz-transform: translateY(-50%) rotate(-90deg);
             -o-transform: translateY(-50%) rotate(-90deg);
                transform: translateY(-50%) rotate(-90deg); }
  .panel-btnGroup {
    position: absolute;
    right: 30px;
    bottom: 30px; }
  .panel .panel-body.panel-body--biggerPadding .panel-btnGroup {
    right: 60px;
    bottom: 60px; }
  .panel--bill {
    height: 100%; }
    .panel--bill .panel-body {
      height: -webkit-calc(100% - 34px - 30px - 30px);
      height: -moz-calc(100% - 34px - 30px - 30px);
      height: calc(100% - 34px - 30px - 30px); }
  .panel .productRowHeading {
    padding-top: 0; }

.passwordSwitch-group {
  position: relative; }

.passwordSwitch-btn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  padding: 0 22px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }
  .passwordSwitch-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .passwordSwitch-btn span {
    display: none; }
  .passwordSwitch-btn:after {
    content: "\56";
    font-family: "vaprio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    height: 21px;
    font-size: 21px;
    line-height: 1;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out;
    color: #999; }
    body.darkTheme .passwordSwitch-btn:after {
      color: #404040; }
  .passwordSwitch-btn.isActive:after {
    content: "\57"; }
  .passwordSwitch-btn:hover, .passwordSwitch-btn:focus, body.darkTheme .passwordSwitch-btn:hover, body.darkTheme .passwordSwitch-btn:focus {
    outline: none; }
    .passwordSwitch-btn:hover:after, .passwordSwitch-btn:focus:after, body.darkTheme .passwordSwitch-btn:hover:after, body.darkTheme .passwordSwitch-btn:focus:after {
      color: #95C11F; }

.tabsNavigation {
  height: 100%; }
  .tabsNavigation ul {
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    list-style: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row; }
  .tabsNavigation li {
    margin: 0;
    padding: 0;
    display: block;
    list-style: none; }
    .tabsNavigation li.isActive .tabsNavigation-item .icon {
      opacity: .5; }
    .tabsNavigation li.isActive .tabsNavigation-item:after {
      height: 3px; }
  .tabsNavigation-item {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    height: 100%;
    min-height: 50px;
    padding: 0 50px;
    text-decoration: none;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    font-weight: 500;
    font-size: 14px; }
    .tabsNavigation-item:after {
      content: '';
      position: absolute;
      left: 0;
      bottom: -2px;
      width: 100%;
      height: 2px;
      -webkit-transition: height 0.25s ease-in-out;
      -o-transition: height 0.25s ease-in-out;
      -moz-transition: height 0.25s ease-in-out;
      transition: height 0.25s ease-in-out; }
    .tabsNavigation-item .icon {
      font-size: 24px;
      color: #000;
      opacity: .5;
      line-height: 1;
      margin-top: 3px;
      -webkit-transition: opacity 0.25s ease-in-out;
      -o-transition: opacity 0.25s ease-in-out;
      -moz-transition: opacity 0.25s ease-in-out;
      transition: opacity 0.25s ease-in-out; }
      .tabsNavigation-item .icon + .tabsNavigation-title {
        padding-left: 20px; }
    .tabsNavigation-item .badge {
      margin-left: 10px; }
    .tabsNavigation-item:hover, .tabsNavigation-item:focus {
      text-decoration: none; }
      .tabsNavigation-item:hover .icon, .tabsNavigation-item:focus .icon {
        opacity: 1 !important; }
      .tabsNavigation-item:hover:after, .tabsNavigation-item:focus:after {
        height: 3px; }

.tabsNavigation-item, .tabsNavigation-item:hover, .tabsNavigation-item:focus {
  color: #000;
  background: transparent; }
  .tabsNavigation-item .badge, .tabsNavigation-item:hover .badge, .tabsNavigation-item:focus .badge {
    background: #000;
    color: #fff; }
  .tabsNavigation-item .icon, .tabsNavigation-item:hover .icon, .tabsNavigation-item:focus .icon {
    color: #000; }
  .tabsNavigation-item:after, .tabsNavigation-item:hover:after, .tabsNavigation-item:focus:after {
    background: #000; }

body.darkTheme .tabsNavigation-item, body.darkTheme .tabsNavigation-item:hover, body.darkTheme .tabsNavigation-item:focus {
  color: white;
  background: transparent; }
  body.darkTheme .tabsNavigation-item .badge, body.darkTheme .tabsNavigation-item:hover .badge, body.darkTheme .tabsNavigation-item:focus .badge {
    background: white;
    color: #000; }
  body.darkTheme .tabsNavigation-item .icon, body.darkTheme .tabsNavigation-item:hover .icon, body.darkTheme .tabsNavigation-item:focus .icon {
    color: white; }
  body.darkTheme .tabsNavigation-item:after, body.darkTheme .tabsNavigation-item:hover:after, body.darkTheme .tabsNavigation-item:focus:after {
    background: white; }

.tabsNavigation-item--green, .tabsNavigation-item--green:hover, .tabsNavigation-item--green:focus {
  color: #95C11F;
  background: rgba(149, 193, 31, 0.1); }
  .tabsNavigation-item--green .badge, .tabsNavigation-item--green:hover .badge, .tabsNavigation-item--green:focus .badge {
    background: #95C11F;
    color: #fff; }
  .tabsNavigation-item--green .icon, .tabsNavigation-item--green:hover .icon, .tabsNavigation-item--green:focus .icon {
    color: #95C11F; }
  .tabsNavigation-item--green:after, .tabsNavigation-item--green:hover:after, .tabsNavigation-item--green:focus:after {
    background: #95C11F; }

body.darkTheme .tabsNavigation-item--green, body.darkTheme .tabsNavigation-item--green:hover, body.darkTheme .tabsNavigation-item--green:focus {
  color: #95C11F;
  background: rgba(149, 193, 31, 0.1); }
  body.darkTheme .tabsNavigation-item--green .badge, body.darkTheme .tabsNavigation-item--green:hover .badge, body.darkTheme .tabsNavigation-item--green:focus .badge {
    background: #95C11F;
    color: #000; }
  body.darkTheme .tabsNavigation-item--green .icon, body.darkTheme .tabsNavigation-item--green:hover .icon, body.darkTheme .tabsNavigation-item--green:focus .icon {
    color: #95C11F; }
  body.darkTheme .tabsNavigation-item--green:after, body.darkTheme .tabsNavigation-item--green:hover:after, body.darkTheme .tabsNavigation-item--green:focus:after {
    background: #95C11F; }

.tabsNavigation-item--red, .tabsNavigation-item--red:hover, .tabsNavigation-item--red:focus {
  color: #FF0000;
  background: rgba(255, 0, 0, 0.1); }
  .tabsNavigation-item--red .badge, .tabsNavigation-item--red:hover .badge, .tabsNavigation-item--red:focus .badge {
    background: #FF0000;
    color: #fff; }
  .tabsNavigation-item--red .icon, .tabsNavigation-item--red:hover .icon, .tabsNavigation-item--red:focus .icon {
    color: #FF0000; }
  .tabsNavigation-item--red:after, .tabsNavigation-item--red:hover:after, .tabsNavigation-item--red:focus:after {
    background: #FF0000; }

body.darkTheme .tabsNavigation-item--red, body.darkTheme .tabsNavigation-item--red:hover, body.darkTheme .tabsNavigation-item--red:focus {
  color: #FF0000;
  background: rgba(255, 0, 0, 0.1); }
  body.darkTheme .tabsNavigation-item--red .badge, body.darkTheme .tabsNavigation-item--red:hover .badge, body.darkTheme .tabsNavigation-item--red:focus .badge {
    background: #FF0000;
    color: #000; }
  body.darkTheme .tabsNavigation-item--red .icon, body.darkTheme .tabsNavigation-item--red:hover .icon, body.darkTheme .tabsNavigation-item--red:focus .icon {
    color: #FF0000; }
  body.darkTheme .tabsNavigation-item--red:after, body.darkTheme .tabsNavigation-item--red:hover:after, body.darkTheme .tabsNavigation-item--red:focus:after {
    background: #FF0000; }

.tabsNavigation-item--blue, .tabsNavigation-item--blue:hover, .tabsNavigation-item--blue:focus {
  color: #0077E7;
  background: rgba(0, 119, 231, 0.1); }
  .tabsNavigation-item--blue .badge, .tabsNavigation-item--blue:hover .badge, .tabsNavigation-item--blue:focus .badge {
    background: #0077E7;
    color: #fff; }
  .tabsNavigation-item--blue .icon, .tabsNavigation-item--blue:hover .icon, .tabsNavigation-item--blue:focus .icon {
    color: #0077E7; }
  .tabsNavigation-item--blue:after, .tabsNavigation-item--blue:hover:after, .tabsNavigation-item--blue:focus:after {
    background: #0077E7; }

body.darkTheme .tabsNavigation-item--blue, body.darkTheme .tabsNavigation-item--blue:hover, body.darkTheme .tabsNavigation-item--blue:focus {
  color: #0077E7;
  background: rgba(0, 119, 231, 0.1); }
  body.darkTheme .tabsNavigation-item--blue .badge, body.darkTheme .tabsNavigation-item--blue:hover .badge, body.darkTheme .tabsNavigation-item--blue:focus .badge {
    background: #0077E7;
    color: #000; }
  body.darkTheme .tabsNavigation-item--blue .icon, body.darkTheme .tabsNavigation-item--blue:hover .icon, body.darkTheme .tabsNavigation-item--blue:focus .icon {
    color: #0077E7; }
  body.darkTheme .tabsNavigation-item--blue:after, body.darkTheme .tabsNavigation-item--blue:hover:after, body.darkTheme .tabsNavigation-item--blue:focus:after {
    background: #0077E7; }

.tabsNavigation-item--yellow, .tabsNavigation-item--yellow:hover, .tabsNavigation-item--yellow:focus {
  color: #FFCC00;
  background: rgba(255, 204, 0, 0.1); }
  .tabsNavigation-item--yellow .badge, .tabsNavigation-item--yellow:hover .badge, .tabsNavigation-item--yellow:focus .badge {
    background: #FFCC00;
    color: #fff; }
  .tabsNavigation-item--yellow .icon, .tabsNavigation-item--yellow:hover .icon, .tabsNavigation-item--yellow:focus .icon {
    color: #FFCC00; }
  .tabsNavigation-item--yellow:after, .tabsNavigation-item--yellow:hover:after, .tabsNavigation-item--yellow:focus:after {
    background: #FFCC00; }

body.darkTheme .tabsNavigation-item--yellow, body.darkTheme .tabsNavigation-item--yellow:hover, body.darkTheme .tabsNavigation-item--yellow:focus {
  color: #FFCC00;
  background: rgba(255, 204, 0, 0.1); }
  body.darkTheme .tabsNavigation-item--yellow .badge, body.darkTheme .tabsNavigation-item--yellow:hover .badge, body.darkTheme .tabsNavigation-item--yellow:focus .badge {
    background: #FFCC00;
    color: #000; }
  body.darkTheme .tabsNavigation-item--yellow .icon, body.darkTheme .tabsNavigation-item--yellow:hover .icon, body.darkTheme .tabsNavigation-item--yellow:focus .icon {
    color: #FFCC00; }
  body.darkTheme .tabsNavigation-item--yellow:after, body.darkTheme .tabsNavigation-item--yellow:hover:after, body.darkTheme .tabsNavigation-item--yellow:focus:after {
    background: #FFCC00; }

.tabsNavigation-item--orange, .tabsNavigation-item--orange:hover, .tabsNavigation-item--orange:focus {
  color: #FF9900;
  background: rgba(255, 153, 0, 0.1); }
  .tabsNavigation-item--orange .badge, .tabsNavigation-item--orange:hover .badge, .tabsNavigation-item--orange:focus .badge {
    background: #FF9900;
    color: #fff; }
  .tabsNavigation-item--orange .icon, .tabsNavigation-item--orange:hover .icon, .tabsNavigation-item--orange:focus .icon {
    color: #FF9900; }
  .tabsNavigation-item--orange:after, .tabsNavigation-item--orange:hover:after, .tabsNavigation-item--orange:focus:after {
    background: #FF9900; }

body.darkTheme .tabsNavigation-item--orange, body.darkTheme .tabsNavigation-item--orange:hover, body.darkTheme .tabsNavigation-item--orange:focus {
  color: #FF9900;
  background: rgba(255, 153, 0, 0.1); }
  body.darkTheme .tabsNavigation-item--orange .badge, body.darkTheme .tabsNavigation-item--orange:hover .badge, body.darkTheme .tabsNavigation-item--orange:focus .badge {
    background: #FF9900;
    color: #000; }
  body.darkTheme .tabsNavigation-item--orange .icon, body.darkTheme .tabsNavigation-item--orange:hover .icon, body.darkTheme .tabsNavigation-item--orange:focus .icon {
    color: #FF9900; }
  body.darkTheme .tabsNavigation-item--orange:after, body.darkTheme .tabsNavigation-item--orange:hover:after, body.darkTheme .tabsNavigation-item--orange:focus:after {
    background: #FF9900; }

.tabsNavigation--small .tabsNavigation-item .badge {
  margin-left: 15px; }

.tabsNavigation--small .tabsNavigation-title {
  display: none; }

.badge {
  display: inline-block;
  min-width: 20px;
  padding: 3px 6px;
  font-weight: 700;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  background-color: #000;
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px; }
  body.darkTheme .badge {
    background: #fff;
    color: #000; }
  .badge:empty {
    display: none; }

.shopsNavigation-btn {
  border: none;
  margin: 0;
  padding: 0;
  width: auto;
  overflow: visible;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  background: transparent;
  /* inherit font & color from ancestor */
  color: inherit;
  font: inherit;
  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
  line-height: normal;
  /* Corrects font smoothing for webkit */
  -webkit-font-smoothing: inherit;
  -moz-osx-font-smoothing: inherit;
  /* Corrects inability to style clickable `input` types in iOS */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  /* Remove excess padding and border in Firefox 4+ */
  position: relative;
  height: 72px;
  padding-left: 30px;
  padding-right: 164px;
  min-width: 277px;
  color: #95C11F;
  background: #F8F8F8;
  font-weight: 500;
  outline: none;
  -webkit-transition: background 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out;
  transition: background 0.25s ease-in-out; }
  .shopsNavigation-btn::-moz-focus-inner {
    border: 0;
    padding: 0; }
  .shopsNavigation-btn:after {
    content: "\64";
    font-family: "vaprio" !important;
    font-style: normal !important;
    font-weight: normal !important;
    font-variant: normal !important;
    text-transform: none !important;
    speak: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 50%;
    right: 30px;
    font-size: 14px;
    color: #ccc;
    -webkit-transform: translateY(-50%) rotate(90deg);
       -moz-transform: translateY(-50%) rotate(90deg);
         -o-transform: translateY(-50%) rotate(90deg);
            transform: translateY(-50%) rotate(90deg);
    -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
    transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
    body.darkTheme .shopsNavigation-btn:after {
      color: rgba(255, 255, 255, 0.25); }
  .shopsNavigation-btn.isActive:after {
    -webkit-transform: translateY(-50%) rotate(-90deg);
       -moz-transform: translateY(-50%) rotate(-90deg);
         -o-transform: translateY(-50%) rotate(-90deg);
            transform: translateY(-50%) rotate(-90deg); }
  .shopsNavigation-btn:hover, .shopsNavigation-btn:focus {
    background: #f3f3f3; }
    .shopsNavigation-btn:hover:after, .shopsNavigation-btn:focus:after {
      color: #95C11F; }
  body.darkTheme .shopsNavigation-btn {
    background: #171717; }
    body.darkTheme .shopsNavigation-btn:hover, body.darkTheme .shopsNavigation-btn:focus {
      background: #313131; }
      body.darkTheme .shopsNavigation-btn:hover:after, body.darkTheme .shopsNavigation-btn:focus:after {
        color: #95C11F; }

.shopsNavigation-in {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  min-height: 580px; }

.shopsNavigation-list {
  position: fixed;
  top: 73px;
  right: 0;
  display: none;
  padding: 50px 0 60px;
  width: -webkit-calc(100vw - 90px);
  width: -moz-calc(100vw - 90px);
  width: calc(100vw - 90px);
  background: #F8F8F8; }
  body.darkTheme .shopsNavigation-list {
    background: #171717; }
  .shopsNavigation-list ul {
    margin: 0;
    padding: 0;
    -webkit-flex-basis: 430px;
            flex-basis: 430px;
    list-style: none; }
    .shopsNavigation-list ul:first-child {
      padding-left: 50px; }
  .shopsNavigation-list a {
    padding: 10px 0;
    display: block;
    font-weight: 500;
    color: #999;
    line-height: 1.2;
    text-decoration: none; }
    .shopsNavigation-list a:hover, .shopsNavigation-list a:focus {
      text-decoration: underline;
      color: #95C11F; }

.userPanel {
  height: 100%;
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex; }
  .userPanel-btn {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    height: 100%;
    padding-left: 13px;
    padding-right: 13px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .userPanel-btn::-moz-focus-inner {
      border: 0;
      padding: 0; }
    .userPanel-btn:hover, .userPanel-btn:focus {
      text-decoration: none;
      color: #95C11F; }
  .userPanel-icon {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    padding: 0 7px;
    height: 100%;
    font-size: 20px;
    text-decoration: none;
    color: rgba(0, 0, 0, 0.25);
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .userPanel-icon::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .userPanel-icon {
      color: rgba(255, 255, 255, 0.25); }
    .userPanel-icon:hover, .userPanel-icon:focus {
      text-decoration: none;
      color: #000; }
      body.darkTheme .userPanel-icon:hover, body.darkTheme .userPanel-icon:focus {
        color: #fff; }

.tags {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center; }

.tag {
  display: block;
  padding: 0 8px;
  margin: 0 4px;
  font-weight: 700;
  font-size: 14px;
  color: #fff;
  line-height: 24px;
  background: rgba(0, 0, 0, 0.25);
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px; }
  .tag--green {
    background: #95C11F; }
  .tag--red {
    background: #FF0000; }
  .tag--blue {
    background: #0077E7; }
  .tag--yellow {
    background: #FFE800; }
  .tag--orange {
    background: #FF9900; }
  .tag--theme {
    background: #000; }
    body.darkTheme .tag--theme {
      background: #fff;
      color: #000; }
  .tag--theme-r {
    background: #fff;
    color: #000; }
    body.darkTheme .tag--theme-r {
      background: rgba(0, 0, 0, 0.25);
      color: #999; }
  .tag--v2 {
    margin: 0 5px;
    font-weight: 500;
    font-size: 10px;
    line-height: 26px; }

a.tag {
  text-decoration: none; }
  a.tag:hover, a.tag:focus {
    opacity: .8;
    color: #fff; }
  a.tag.tag--theme:hover, a.tag.tag--theme:focus {
    background: #000;
    color: #fff; }
    body.darkTheme a.tag.tag--theme:hover, body.darkTheme a.tag.tag--theme:focus {
      background: #fff;
      color: #000; }
  a.tag.tag--theme-r:hover, a.tag.tag--theme-r:focus {
    background: rgba(0, 0, 0, 0.1);
    color: #000; }
    body.darkTheme a.tag.tag--theme-r:hover, body.darkTheme a.tag.tag--theme-r:focus {
      background: rgba(255, 255, 255, 0.1);
      color: #fff; }

.iconTag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  margin: 0 4px;
  font-weight: 500;
  color: #666;
  line-height: 18px; }
  body.darkTheme .iconTag {
    color: #999; }
  .iconTag .icon {
    font-size: 18px;
    padding-right: 10px; }

a.iconTag {
  text-decoration: none; }
  a.iconTag:hover, a.iconTag:focus {
    opacity: .5;
    color: #666; }
    body.darkTheme a.iconTag:hover, body.darkTheme a.iconTag:focus {
      color: #999; }

.iconTag--green {
  color: #95C11F; }
  body.darkTheme .iconTag--green {
    color: #95C11F; }

a.iconTag--green:hover, a.iconTag--green:focus {
  color: #95C11F; }
  body.darkTheme a.iconTag--green:hover, body.darkTheme a.iconTag--green:focus {
    color: #95C11F; }

.iconTag--red {
  color: #FF0000; }
  body.darkTheme .iconTag--red {
    color: #FF0000; }

a.iconTag--red:hover, a.iconTag--red:focus {
  color: #FF0000; }
  body.darkTheme a.iconTag--red:hover, body.darkTheme a.iconTag--red:focus {
    color: #FF0000; }

.iconTag--blue {
  color: #0077E7; }
  body.darkTheme .iconTag--blue {
    color: #0077E7; }

a.iconTag--blue:hover, a.iconTag--blue:focus {
  color: #0077E7; }
  body.darkTheme a.iconTag--blue:hover, body.darkTheme a.iconTag--blue:focus {
    color: #0077E7; }

.iconTag--yellow {
  color: #FFE800; }
  body.darkTheme .iconTag--yellow {
    color: #FFE800; }

a.iconTag--yellow:hover, a.iconTag--yellow:focus {
  color: #FFE800; }
  body.darkTheme a.iconTag--yellow:hover, body.darkTheme a.iconTag--yellow:focus {
    color: #FFE800; }

.iconTag--orange {
  color: #FF9900; }
  body.darkTheme .iconTag--orange {
    color: #FF9900; }

a.iconTag--orange:hover, a.iconTag--orange:focus {
  color: #FF9900; }
  body.darkTheme a.iconTag--orange:hover, body.darkTheme a.iconTag--orange:focus {
    color: #FF9900; }

.iconTag--theme {
  color: #000; }
  body.darkTheme .iconTag--theme {
    color: #fff; }

a.iconTag--theme:hover, a.iconTag--theme:focus {
  color: #000; }
  body.darkTheme a.iconTag--theme:hover, body.darkTheme a.iconTag--theme:focus {
    color: #fff; }

.iconTag--theme-r {
  color: #fff; }
  body.darkTheme .iconTag--theme-r {
    color: #999; }

a.iconTag--theme-r:hover, a.iconTag--theme-r:focus {
  color: #fff; }
  body.darkTheme a.iconTag--theme-r:hover, body.darkTheme a.iconTag--theme-r:focus {
    color: #999; }

.productCategory {
  text-align: center; }
  .productCategory-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    background: rgba(0, 0, 0, 0.03);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0);
       -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0);
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0);
    -webkit-transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out; }
    body.darkTheme .productCategory-image {
      background: rgba(0, 0, 0, 0.25); }
    .productCategory-image:before {
      content: "";
      display: block;
      padding-top: 100%;
      float: left; }
    .productCategory-image img {
      display: inline-block;
      max-width: 130px;
      height: auto;
      -webkit-filter: grayscale(100%) brightness(50%);
              filter: grayscale(100%) brightness(50%); }
  .productCategory-name {
    display: block;
    margin-top: 15px;
    color: #666;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
  .productCategory-link {
    display: block;
    text-decoration: none; }
    .productCategory-link:hover .productCategory-image, .productCategory-link:focus .productCategory-image {
      background: #fff;
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
         -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
              box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); }
      .productCategory-link:hover .productCategory-image img, .productCategory-link:focus .productCategory-image img {
        -webkit-filter: grayscale(0);
                filter: grayscale(0); }
      body.darkTheme .productCategory-link:hover .productCategory-image, body.darkTheme .productCategory-link:focus .productCategory-image {
        background: rgba(255, 255, 255, 0.03);
        -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
           -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
                box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
    .productCategory-link:hover .productCategory-name, .productCategory-link:focus .productCategory-name {
      color: #95C11F; }

.productCategory-catalog {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -60px; }
  .productCategory-catalog .productCategory {
    -webkit-flex-basis: 25%;
            flex-basis: 25%;
    padding: 0 15px;
    margin-bottom: 60px; }

.breadCrumb {
  margin: 0;
  padding: 0;
  list-style: none; }
  .breadCrumb li {
    margin: 0;
    padding: 0;
    display: inline-block; }
    .breadCrumb li:not(:last-child) {
      position: relative;
      padding-right: 44px; }
      .breadCrumb li:not(:last-child):after {
        content: "\63";
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        position: absolute;
        top: 50%;
        right: 15px;
        font-size: 14px;
        color: #95C11F;
        -webkit-transform: translateY(-50%);
           -moz-transform: translateY(-50%);
             -o-transform: translateY(-50%);
                transform: translateY(-50%);
        -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
        -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
        -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
        transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
  .breadCrumb a {
    display: block;
    color: inherit;
    text-decoration: none;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    .breadCrumb a:hover, .breadCrumb a:focus {
      color: #95C11F; }

.productRow {
  margin-bottom: 10px;
  padding: 10px 0;
  background: rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  color: #666; }
  body.darkTheme .productRow {
    color: #999;
    background: rgba(0, 0, 0, 0.25); }
  .productRow--green {
    color: #000;
    background: rgba(149, 193, 31, 0.1); }
    body.darkTheme .productRow--green {
      color: #fff;
      background: rgba(149, 193, 31, 0.1); }
  .productRow--red {
    background: rgba(255, 0, 0, 0.1);
    color: #000; }
    body.darkTheme .productRow--red {
      background: rgba(255, 0, 0, 0.1);
      color: #fff; }
  .productRow--blue {
    background: rgba(0, 119, 231, 0.1);
    color: #000; }
    body.darkTheme .productRow--blue {
      background: rgba(0, 119, 231, 0.1);
      color: #fff; }
  .productRow--yellow {
    background: rgba(255, 204, 0, 0.1);
    color: #000; }
    body.darkTheme .productRow--yellow {
      background: rgba(255, 204, 0, 0.1);
      color: #fff; }
  .productRow--orange {
    background: rgba(255, 153, 0, 0.1);
    color: #000; }
    body.darkTheme .productRow--orange {
      background: rgba(255, 153, 0, 0.1);
      color: #fff; }
  .productRow-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    min-height: 43px; }
    .productRow-header > * {
      padding: 0 10px;
      -webkit-box-flex: 0;
      -webkit-flex-grow: 0;
         -moz-box-flex: 0;
              flex-grow: 0;
      -webkit-flex-shrink: 0;
              flex-shrink: 0; }
  .productRow-image img {
    display: block;
    width: 43px;
    -webkit-border-radius: 7px;
       -moz-border-radius: 7px;
            border-radius: 7px; }
  .productRow-name {
    font-weight: 500;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1; }
  .productRow-price {
    text-align: right;
    font-weight: 500; }
  .productRow-sale {
    color: #999;
    text-align: right;
    text-decoration: line-through; }
  .productRow--disabled {
    opacity: .5;
    cursor: not-allowed; }
  .productRow:not(.productRow--disabled) .productRow-header:hover, .productRow:not(.productRow--disabled) .productRow-header:focus {
    color: #95C11F;
    cursor: pointer; }
  .productRow .productRow-header.collapsible .productRow-icon {
    width: 55px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
       -moz-box-pack: end;
            justify-content: flex-end;
    padding-right: 30px; }
    .productRow .productRow-header.collapsible .productRow-icon .icon {
      font-size: 14px;
      -webkit-transition: -webkit-transform 0.25s ease-in-out;
      transition: -webkit-transform 0.25s ease-in-out;
      -o-transition: -o-transform 0.25s ease-in-out;
      -moz-transition: transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out;
      transition: transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
      -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
           -o-transform: rotate(90deg);
              transform: rotate(90deg); }
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-sale {
    opacity: 1; }
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-price,
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-sale,
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-id,
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-name,
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-icon {
    color: #000; }
    body.darkTheme .productRow .productRow-header.collapsible:not(.collapsed) .productRow-price, body.darkTheme
    .productRow .productRow-header.collapsible:not(.collapsed) .productRow-sale, body.darkTheme
    .productRow .productRow-header.collapsible:not(.collapsed) .productRow-id, body.darkTheme
    .productRow .productRow-header.collapsible:not(.collapsed) .productRow-name, body.darkTheme
    .productRow .productRow-header.collapsible:not(.collapsed) .productRow-icon {
      color: #fff; }
  .productRow .productRow-header.collapsible:not(.collapsed) .productRow-icon .icon {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg); }
  .productRow--search .productRow-id {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--search .productRow-price {
    width: 90px; }
  .productRow--search .productRow-sale {
    display: block;
    margin-bottom: 3px;
    font-size: 13px; }
  .productRow--search .productRow-icon {
    width: 55px;
    padding-right: 27px; }
    .productRow--search .productRow-icon .icon {
      font-size: 21px; }
  .productRow--search .productRow-body {
    padding-left: 73px;
    padding-right: 30px; }
    .productRow--search .productRow-body-in {
      padding-top: 20px; }
  .productRow--search.productRow--disabled > .productRow-header .productRow-name {
    text-decoration: line-through; }
  .productRow--search.productRow--disabled > .productRow-header .productRow-id {
    text-decoration: none; }
  .productRow--search:not(.productRow--disabled) .productRow-header:hover .productRow-sale, .productRow--search:not(.productRow--disabled) .productRow-header:focus .productRow-sale {
    color: #95C11F;
    opacity: .5; }
  .productRow--search:not(.productRow--disabled) .productRow-header:hover .productRow-id, .productRow--search:not(.productRow--disabled) .productRow-header:focus .productRow-id {
    color: #666; }
    body.darkTheme .productRow--search:not(.productRow--disabled) .productRow-header:hover .productRow-id, body.darkTheme .productRow--search:not(.productRow--disabled) .productRow-header:focus .productRow-id {
      color: #999; }
  .productRow--searchDetail {
    margin: 0;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0; }
    .productRow--searchDetail:last-child {
      border-bottom: none; }
    .productRow--searchDetail .productRow-image {
      padding-left: 0; }
    .productRow--searchDetail .productRow-value {
      padding-left: 0;
      width: 90px;
      text-align: right; }
    .productRow--searchDetail .productRow-icon {
      width: 27px;
      padding-right: 0;
      text-align: right; }
  .productRow--bill .productRow-info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--bill .productRow-price {
    width: 125px;
    font-size: 16px;
    color: #000;
    padding-right: 30px; }
    body.darkTheme .productRow--bill .productRow-price {
      color: #fff; }
  .productRow--bill .productRow-input {
    width: 150px; }
  .productRow--bill .productRow-sale {
    display: block;
    margin-bottom: 3px;
    font-size: 13px; }
  .productRow--bill:not(.productRow--disabled) .productRow-header:hover .productRow-info, .productRow--bill:not(.productRow--disabled) .productRow-header:focus .productRow-info {
    color: #666; }
    body.darkTheme .productRow--bill:not(.productRow--disabled) .productRow-header:hover .productRow-info, body.darkTheme .productRow--bill:not(.productRow--disabled) .productRow-header:focus .productRow-info {
      color: #999; }
  .productRow--bill:not(.productRow--disabled) .productRow-header:hover .productRow-price, .productRow--bill:not(.productRow--disabled) .productRow-header:focus .productRow-price {
    color: #95C11F; }
  .productRow--bill:not(.productRow--disabled) .productRow-header:hover .productRow-input .quantityInput-input, .productRow--bill:not(.productRow--disabled) .productRow-header:focus .productRow-input .quantityInput-input {
    color: #95C11F; }
  .productRow--bill:not(.productRow--disabled) .productRow-header:hover .productRow-sale, .productRow--bill:not(.productRow--disabled) .productRow-header:focus .productRow-sale {
    color: #95C11F;
    opacity: .5; }
  .productRow--emptyBill {
    padding: 0; }
    .productRow--emptyBill .productRow-header {
      height: 63px; }
    .productRow--emptyBill .productRow-name {
      padding: 0 30px; }
    .productRow--emptyBill:not(.productRow--disabled) .productRow-header:hover, .productRow--emptyBill:not(.productRow--disabled) .productRow-header:focus {
      cursor: not-allowed; }
      .productRow--emptyBill:not(.productRow--disabled) .productRow-header:hover .productRow-name, .productRow--emptyBill:not(.productRow--disabled) .productRow-header:focus .productRow-name {
        color: #666; }
        body.darkTheme .productRow--emptyBill:not(.productRow--disabled) .productRow-header:hover .productRow-name, body.darkTheme .productRow--emptyBill:not(.productRow--disabled) .productRow-header:focus .productRow-name {
          color: #999; }
  .productRow--orderDetail .productRow-icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    width: 63px; }
  .productRow--orderDetail .productRow-id {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--orderDetail .productRow-value {
    padding-left: 0;
    width: 80px; }
  .productRow--orderDetail .productRow-price {
    width: 150px;
    padding-right: 30px; }
  .productRow--orderDetail .productRow-sale {
    display: block;
    margin-bottom: 3px;
    font-size: 13px; }
  .productRow--complaint .productRow-info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--complaint .productRow-value {
    width: 90px;
    color: #666; }
    body.darkTheme .productRow--complaint .productRow-value {
      color: #999; }
  .productRow--complaint .productRow-remove {
    padding-right: 30px;
    width: 60px; }
  .productRow--complaint .productRow-remove-item {
    padding: 0;
    font-size: 20px; }
    body.darkTheme .productRow--complaint .productRow-remove-item {
      opacity: .5; }
      body.darkTheme .productRow--complaint .productRow-remove-item:hover, body.darkTheme .productRow--complaint .productRow-remove-item:focus {
        opacity: .9; }
  .productRow--complaintForm .productRow-info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--complaintForm .productRow-name {
    width: 90px;
    color: #000; }
    body.darkTheme .productRow--complaintForm .productRow-name {
      color: #fff; }
  .productRow--complaintForm .productRow-value {
    width: 90px;
    color: #666;
    padding-right: 30px;
    text-align: right; }
    body.darkTheme .productRow--complaintForm .productRow-value {
      color: #999; }
  .productRow--complaintForm .productRow-body {
    padding: 40px 30px 30px 73px; }
  .productRow--stocktaking .productRow-info {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--stocktaking .productRow-body {
    padding-left: 73px;
    padding-right: 30px; }
    .productRow--stocktaking .productRow-body-in {
      padding-top: 20px; }
  .productRow--stocktakingDetail {
    margin: 0;
    background: transparent;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0; }
    .productRow--stocktakingDetail:last-child {
      border-bottom: none; }
    .productRow--stocktakingDetail .productRow-image {
      padding-left: 0; }
    .productRow--stocktakingDetail .productRow-info {
      display: block;
      font-size: 12px;
      font-weight: 400;
      margin-top: 7px; }
    .productRow--stocktakingDetail .productRow-price {
      width: 90px;
      padding-right: 30px; }
    .productRow--stocktakingDetail .productRow-value {
      width: 120px; }
      .productRow--stocktakingDetail .productRow-value .formGroup {
        margin: 0; }
      .productRow--stocktakingDetail .productRow-value .btn--small {
        right: 10px; }
      .productRow--stocktakingDetail .productRow-value .formControl {
        padding-left: 10px; }
    .productRow--stocktakingDetail .productRow-state {
      width: 145px;
      text-align: right;
      padding-right: 0; }
  .productRow--stocktakingInfo .productRow-id {
    display: block;
    font-size: 12px;
    font-weight: 400;
    margin-top: 7px; }
  .productRow--stocktakingInfo .productRow-price {
    width: 100px; }
  .productRow--stocktakingInfo .productRow-value {
    width: 80px;
    text-align: right; }
  .productRow--stocktakingInfo .productRow-stock {
    width: 150px;
    padding-right: 30px;
    text-align: right; }

.productRowHeading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 30px 0;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  color: #999;
  font-weight: 500;
  font-size: 11px;
  text-transform: uppercase; }
  body.darkTheme .productRowHeading {
    color: #666; }
  .productRowHeading > * {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0; }
  .productRowHeading-name {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1; }
  .productRowHeading-price {
    text-align: right; }
  .productRowHeading--orderDetail .productRowHeading-value {
    padding-left: 0;
    width: 80px; }
  .productRowHeading--orderDetail .productRowHeading-price {
    padding-right: 30px;
    width: 150px; }
  .productRowHeading--stocktaking .productRowHeading-price {
    padding-right: 30px;
    width: 90px; }
  .productRowHeading--stocktaking .productRowHeading-value {
    width: 120px;
    padding-left: 0; }
  .productRowHeading--stocktaking .productRowHeading-state {
    width: 175px;
    text-align: right;
    padding-right: 30px; }
  .productRowHeading--stocktakingInfo .productRowHeading-price {
    width: 100px; }
  .productRowHeading--stocktakingInfo .productRowHeading-value {
    width: 80px;
    text-align: right; }
  .productRowHeading--stocktakingInfo .productRowHeading-stock {
    width: 150px;
    padding-right: 30px;
    text-align: right; }

.productRowTotal {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  padding: 10px 0;
  min-height: 63px;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  margin-top: 30px;
  color: #fff;
  font-weight: 500;
  background: #95C11F; }
  body.darkTheme .productRowTotal {
    color: #000; }
  .productRowTotal > * {
    padding: 0 10px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0; }
  .productRowTotal-name {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1; }
  .productRowTotal-price {
    text-align: right;
    font-size: 24px;
    font-weight: 700; }
  .productRowTotal--orderDetail .productRowTotal-name {
    padding-left: 30px; }
  .productRowTotal--orderDetail .productRowTotal-value {
    padding-left: 0;
    width: 80px; }
  .productRowTotal--orderDetail .productRowTotal-price {
    padding-right: 30px;
    width: 150px; }
  .productRowTotal--stocktakingInfo .productRowTotal-name {
    padding-left: 30px; }
  .productRowTotal--stocktakingInfo .productRowTotal-price {
    width: 250px;
    padding-right: 30px; }
  .productRowTotal--stocktakingInfo .productRowTotal-value {
    width: 80px;
    text-align: right; }

.fade {
  opacity: 0;
  -webkit-transition: opacity .15s linear;
  -o-transition: opacity .15s linear;
  -moz-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, visibility .35s ease;
  -o-transition: height .35s ease, visibility .35s ease;
  -moz-transition: height .35s ease, visibility .35s ease;
  transition: height .35s ease, visibility .35s ease; }

.bill {
  height: 100%; }
  .bill-header {
    position: relative;
    height: 63px;
    padding: 24px 30px;
    border-bottom: 1px solid #E5E5E5;
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px; }
    body.darkTheme .bill-header {
      background: #1E1E1E;
      border-color: #1E1E1E; }
    .bill-header-title {
      color: #999; }
    .bill-header-number {
      color: #95C11F; }
    .bill-header-remove {
      padding: 0;
      width: 63px;
      height: 63px;
      position: absolute;
      top: 0;
      right: 0;
      font-size: 20px; }
      body.darkTheme .bill-header-remove {
        opacity: .5; }
        body.darkTheme .bill-header-remove:hover, body.darkTheme .bill-header-remove:focus {
          opacity: .9; }
  .bill-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
       -moz-box-orient: vertical;
       -moz-box-direction: normal;
            flex-flow: column;
    padding: 30px;
    height: -webkit-calc(100% - 63px);
    height: -moz-calc(100% - 63px);
    height: calc(100% - 63px); }
  .bill-items {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
       -moz-box-flex: 1;
            flex-grow: 1;
    -webkit-flex-shrink: 1;
            flex-shrink: 1;
    overflow-y: auto; }
  .bill-total {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    height: 63px;
    margin-top: 30px;
    padding: 0 30px;
    background: #95C11F;
    color: #fff;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px; }
    body.darkTheme .bill-total {
      color: #000; }
    .bill-total-label {
      font-weight: 500;
      font-size: 14px; }
    .bill-total-value {
      font-weight: 700;
      font-size: 24px;
      text-align: right; }
  .bill-payment {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
       -moz-box-flex: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
            flex-shrink: 0;
    margin-top: 30px; }
    .bill-payment-item {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: justify;
      -webkit-justify-content: space-between;
         -moz-box-pack: justify;
              justify-content: space-between;
      height: 63px;
      padding: 0 15px 0 30px;
      margin-bottom: 10px;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
      -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
         -moz-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08);
              box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.08); }
      body.darkTheme .bill-payment-item {
        background: #1E1E1E;
        -webkit-box-shadow: none;
           -moz-box-shadow: none;
                box-shadow: none; }
      .bill-payment-item:last-child {
        margin-bottom: 0; }
    .bill-payment-value {
      width: 100px;
      margin-left: 9px;
      padding: 0 15px;
      -webkit-border-radius: 10px;
         -moz-border-radius: 10px;
              border-radius: 10px;
      color: #95C11F; }
      .bill-payment-value + .btn, .productRow--complaint .bill-payment-value + .productRow-remove-item, .bill-payment-value + .bill-header-remove {
        margin-left: 30px; }
    .bill-payment-label {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      font-weight: 500; }
      .bill-payment-label .icon {
        color: #ccc;
        font-size: 29px;
        padding-right: 20px; }
        body.darkTheme .bill-payment-label .icon {
          color: #666; }
    .bill-payment-content {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center; }

.quantityInput {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  background: transparent;
  height: 45px;
  width: 100%;
  padding-right: 26px;
  padding-left: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  cursor: pointer; }
  .quantityInput-element {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1; }
  .quantityInput-input {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    outline: none;
    height: 100%;
    width: 20px;
    width: 2ch; }
    .quantityInput-input::-moz-focus-inner {
      border: 0;
      padding: 0; }
  .quantityInput-dots, .quantityInput-input {
    font-size: 14px;
    color: #666;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    body.darkTheme .quantityInput-dots, body.darkTheme .quantityInput-input {
      color: #999; }
  .quantityInput-dots {
    text-align: center; }
  .quantityInput-arrow {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    right: 6px;
    color: #ccc;
    outline: none;
    width: 14px;
    height: 14px; }
    .quantityInput-arrow::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .quantityInput-arrow {
      color: #333; }
    .quantityInput-arrow:hover,
    body.darkTheme .quantityInput-arrow:hover, .quantityInput-arrow:focus,
    body.darkTheme .quantityInput-arrow:focus {
      color: #95C11F; }
    .quantityInput-arrow:before {
      font-size: 14px; }
    .quantityInput-arrow--up {
      top: 6px; }
      .quantityInput-arrow--up:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4b"; }
    .quantityInput-arrow--down {
      bottom: 6px; }
      .quantityInput-arrow--down:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4a"; }
  .withBackground .quantityInput {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .withBackground .quantityInput {
      border-color: #333;
      background: #000; }
  .quantityInput.focus, .quantityInput:hover {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .quantityInput.focus, body.darkTheme .quantityInput:hover {
      border-color: #333;
      background: #000; }
    .quantityInput.focus .quantityInput-dots,
    .quantityInput.focus .quantityInput-input, .quantityInput:hover .quantityInput-dots,
    .quantityInput:hover .quantityInput-input {
      color: #95C11F; }
  .quantityInput-input {
    width: 100%; }

.inlineTimePicker {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  background: transparent;
  height: 45px;
  width: 100%;
  padding-right: 26px;
  padding-left: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  cursor: pointer; }
  .inlineTimePicker-element {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1; }
  .inlineTimePicker-input {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    outline: none;
    height: 100%;
    width: 20px;
    width: 2ch; }
    .inlineTimePicker-input::-moz-focus-inner {
      border: 0;
      padding: 0; }
  .inlineTimePicker-dots, .inlineTimePicker-input {
    font-size: 14px;
    color: #666;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    body.darkTheme .inlineTimePicker-dots, body.darkTheme .inlineTimePicker-input {
      color: #999; }
  .inlineTimePicker-dots {
    text-align: center; }
  .inlineTimePicker-arrow {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    right: 6px;
    color: #ccc;
    outline: none;
    width: 14px;
    height: 14px; }
    .inlineTimePicker-arrow::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .inlineTimePicker-arrow {
      color: #333; }
    .inlineTimePicker-arrow:hover,
    body.darkTheme .inlineTimePicker-arrow:hover, .inlineTimePicker-arrow:focus,
    body.darkTheme .inlineTimePicker-arrow:focus {
      color: #95C11F; }
    .inlineTimePicker-arrow:before {
      font-size: 14px; }
    .inlineTimePicker-arrow--up {
      top: 6px; }
      .inlineTimePicker-arrow--up:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4b"; }
    .inlineTimePicker-arrow--down {
      bottom: 6px; }
      .inlineTimePicker-arrow--down:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4a"; }
  .withBackground .inlineTimePicker {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .withBackground .inlineTimePicker {
      border-color: #333;
      background: #000; }
  .inlineTimePicker.focus, .inlineTimePicker:hover {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .inlineTimePicker.focus, body.darkTheme .inlineTimePicker:hover {
      border-color: #333;
      background: #000; }
    .inlineTimePicker.focus .inlineTimePicker-dots,
    .inlineTimePicker.focus .inlineTimePicker-input, .inlineTimePicker:hover .inlineTimePicker-dots,
    .inlineTimePicker:hover .inlineTimePicker-input {
      color: #95C11F; }
  .inlineTimePicker-input {
    width: 20px;
    width: 2ch; }

.tableGroup {
  width: 100%; }
  .tableGroup thead th,
  .tableGroup thead td,
  .tableGroup tfoot th,
  .tableGroup tfoot td {
    font-weight: 500;
    font-size: 11px;
    color: #999;
    text-transform: uppercase;
    padding: 32px 15px;
    vertical-align: top; }
    .tableGroup thead th:first-child,
    .tableGroup thead td:first-child,
    .tableGroup tfoot th:first-child,
    .tableGroup tfoot td:first-child {
      padding-left: 30px; }
    .tableGroup thead th:last-child,
    .tableGroup thead td:last-child,
    .tableGroup tfoot th:last-child,
    .tableGroup tfoot td:last-child {
      padding-right: 30px; }
    body.darkTheme .tableGroup thead th, body.darkTheme
    .tableGroup thead td, body.darkTheme
    .tableGroup tfoot th, body.darkTheme
    .tableGroup tfoot td {
      color: #666; }
  .tableGroup tbody:after {
    content: '';
    display: block;
    height: 10px;
    background: transparent; }
  .tableGroup-header td {
    height: 64px;
    padding: 0 15px;
    font-weight: 500;
    color: #000;
    background: #F7F7F7; }
    body.darkTheme .tableGroup-header td {
      background: #111;
      color: #fff; }
    .tableGroup-header td:first-child {
      padding-left: 30px; }
    .tableGroup-header td:last-child {
      padding-right: 30px; }
  .tableGroup-item td {
    position: relative;
    height: 53px;
    padding: 0 15px;
    color: #999;
    background: #F7F7F7; }
    body.darkTheme .tableGroup-item td {
      background: #111; }
    .tableGroup-item td:before {
      content: '';
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 1px;
      background: #D7DEE5; }
      body.darkTheme .tableGroup-item td:before {
        background: #2E2E2E; }
    .tableGroup-item td:first-child {
      padding-left: 60px; }
      .tableGroup-item td:first-child:after {
        content: '';
        position: absolute;
        top: 0;
        left: 30px;
        width: 1px;
        height: 53px;
        background: #D7DEE5; }
        body.darkTheme .tableGroup-item td:first-child:after {
          background: #2E2E2E; }
      .tableGroup-item td:first-child:before {
        right: 0;
        left: auto;
        width: -webkit-calc(100% - 46px);
        width: -moz-calc(100% - 46px);
        width: calc(100% - 46px); }
    .tableGroup-item td:last-child {
      padding-right: 30px; }
      .tableGroup-item td:last-child:before {
        width: -webkit-calc(100% - 30px);
        width: -moz-calc(100% - 30px);
        width: calc(100% - 30px); }
  .tableGroup-item:last-of-type td {
    height: 68px;
    padding-bottom: 15px; }
    .tableGroup-item:last-of-type td:before {
      display: none; }
  .tableGroup-item:hover td {
    color: #95C11F; }
  .tableGroup tr:first-of-type td:first-child {
    -webkit-border-top-left-radius: 10px;
       -moz-border-radius-topleft: 10px;
            border-top-left-radius: 10px; }
  .tableGroup tr:first-of-type td:last-child {
    -webkit-border-top-right-radius: 10px;
       -moz-border-radius-topright: 10px;
            border-top-right-radius: 10px; }
  .tableGroup tr:last-of-type td:first-child {
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px; }
  .tableGroup tr:last-of-type td:last-child {
    -webkit-border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px; }
  .tableGroup tbody.green .tableGroup-header td,
  .tableGroup tbody.green .tableGroup-item td {
    background: rgba(149, 193, 31, 0.1); }
    body.darkTheme .tableGroup tbody.green .tableGroup-header td, body.darkTheme
    .tableGroup tbody.green .tableGroup-item td {
      background: rgba(149, 193, 31, 0.1); }
  .tableGroup tbody.red .tableGroup-header td,
  .tableGroup tbody.red .tableGroup-item td {
    background: rgba(255, 0, 0, 0.1); }
    body.darkTheme .tableGroup tbody.red .tableGroup-header td, body.darkTheme
    .tableGroup tbody.red .tableGroup-item td {
      background: rgba(255, 0, 0, 0.1); }
  .tableGroup tbody.blue .tableGroup-header td,
  .tableGroup tbody.blue .tableGroup-item td {
    background: rgba(0, 119, 231, 0.1); }
    body.darkTheme .tableGroup tbody.blue .tableGroup-header td, body.darkTheme
    .tableGroup tbody.blue .tableGroup-item td {
      background: rgba(0, 119, 231, 0.1); }
  .tableGroup tbody.yellow .tableGroup-header td,
  .tableGroup tbody.yellow .tableGroup-item td {
    background: rgba(255, 204, 0, 0.1); }
    body.darkTheme .tableGroup tbody.yellow .tableGroup-header td, body.darkTheme
    .tableGroup tbody.yellow .tableGroup-item td {
      background: rgba(255, 204, 0, 0.1); }
  .tableGroup tbody.orange .tableGroup-header td,
  .tableGroup tbody.orange .tableGroup-item td {
    background: rgba(255, 153, 0, 0.1); }
    body.darkTheme .tableGroup tbody.orange .tableGroup-header td, body.darkTheme
    .tableGroup tbody.orange .tableGroup-item td {
      background: rgba(255, 153, 0, 0.1); }

.boxFilter {
  display: block;
  width: 210px;
  padding-left: 15px;
  padding-right: 15px;
  margin-bottom: 30px; }
  .boxFilter-in {
    display: block;
    padding: 0 15px 30px;
    background: #F0F0F0;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out;
    transition: background 0.25s ease-in-out, box-shadow 0.25s ease-in-out, -webkit-box-shadow 0.25s ease-in-out, -moz-box-shadow 0.25s ease-in-out;
    cursor: pointer; }
    body.darkTheme .boxFilter-in {
      background: #0C0C0C; }
  .boxFilter-header {
    height: 94px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    font-weight: 700;
    font-size: 24px;
    color: #666;
    text-align: center;
    line-height: 34px;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    body.darkTheme .boxFilter-header {
      color: #999; }
  .boxFilter .boxFilter.isActive,
  .boxFilter .boxFilter-in:hover,
  .boxFilter .boxFilter-in:focus {
    background: #fff;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
       -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05); }
    body.darkTheme .boxFilter .boxFilter.isActive, body.darkTheme
    .boxFilter .boxFilter-in:hover, body.darkTheme
    .boxFilter .boxFilter-in:focus {
      background: #171717;
      -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
         -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
              box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
    .boxFilter .boxFilter.isActive .boxFilter-header,
    body.darkTheme .boxFilter .boxFilter.isActive .boxFilter-header,
    .boxFilter .boxFilter-in:hover .boxFilter-header,
    body.darkTheme
    .boxFilter .boxFilter-in:hover .boxFilter-header,
    .boxFilter .boxFilter-in:focus .boxFilter-header,
    body.darkTheme
    .boxFilter .boxFilter-in:focus .boxFilter-header {
      color: #95C11F; }

.boxFilter-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
     -moz-box-orient: horizontal;
     -moz-box-direction: normal;
          flex-flow: row wrap;
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: -30px; }
  @media screen and (min-width: 1920px) {
    .boxFilter-group--fill-content .boxFilter {
      width: 25%; } }

.customSelect {
  position: relative; }
  .customSelect-element {
    display: none; }
  .customSelect-arrow {
    pointer-events: none; }
    .customSelect-arrow:after {
      content: "\64";
      font-family: "vaprio" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 15px;
      right: 15px;
      font-size: 14px;
      color: #ccc;
      -webkit-transform: rotate(90deg);
         -moz-transform: rotate(90deg);
           -o-transform: rotate(90deg);
              transform: rotate(90deg);
      -webkit-transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out, -o-transform 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out;
      transition: color 0.25s ease-in-out, transform 0.25s ease-in-out, -webkit-transform 0.25s ease-in-out, -moz-transform 0.25s ease-in-out, -o-transform 0.25s ease-in-out; }
      body.darkTheme .customSelect-arrow:after {
        color: rgba(255, 255, 255, 0.25); }
  .customSelect-button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: relative;
    display: block;
    background: transparent;
    height: 45px;
    width: 100%;
    padding-right: 34px;
    padding-left: 15px;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    color: #666;
    -webkit-transition: background 0.25s ease-in-out;
    -o-transition: background 0.25s ease-in-out;
    -moz-transition: background 0.25s ease-in-out;
    transition: background 0.25s ease-in-out;
    cursor: pointer;
    text-align: left;
    border: 1px solid #DEDEDE;
    background: #fff;
    outline: none; }
    .customSelect-button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .customSelect-button {
      border-color: #333;
      background: #000; }
    .customSelect-button span {
      position: absolute;
      top: 50%;
      left: 15px;
      display: block;
      width: -webkit-calc(100% - 34px - 15px - 10px);
      width: -moz-calc(100% - 34px - 15px - 10px);
      width: calc(100% - 34px - 15px - 10px);
      white-space: nowrap;
      overflow: hidden;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%); }
    .customSelect-button:focus {
      border-color: #95C11F; }
  .customSelect-search {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    margin: 0;
    padding: 0;
    position: absolute;
    top: 1px;
    left: 1px;
    z-index: 5;
    height: 43px;
    padding-left: 15px;
    color: #666;
    width: -webkit-calc(100% - 34px - 10px);
    width: -moz-calc(100% - 34px - 10px);
    width: calc(100% - 34px - 10px);
    white-space: nowrap;
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    background: #fff;
    outline: none;
    display: none; }
    .customSelect-search::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .customSelect-search {
      background: #000; }
  .customSelect-listContainer {
    position: absolute;
    left: 0;
    top: 45px;
    display: none;
    padding-bottom: 12px;
    width: 100%;
    border: 1px solid #DEDEDE;
    border-top: none;
    background: #fff;
    -webkit-border-bottom-right-radius: 10px;
       -moz-border-radius-bottomright: 10px;
            border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
       -moz-border-radius-bottomleft: 10px;
            border-bottom-left-radius: 10px;
    z-index: 5; }
    body.darkTheme .customSelect-listContainer {
      border-color: #333;
      background: #000; }
  .customSelect-list {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 50vh;
    overflow-y: auto;
    scrollbar-width: thin; }
    .customSelect-list::-webkit-scrollbar {
      width: 5px; }
    .customSelect-list::-webkit-scrollbar-track {
      background: transparent; }
    .customSelect-list::-webkit-scrollbar-thumb {
      background: #DEDEDE;
      -webkit-border-radius: 10px;
              border-radius: 10px; }
      .customSelect-list::-webkit-scrollbar-thumb:hover {
        background: #b8b8b8; }
    body.darkTheme .customSelect-list::-webkit-scrollbar-thumb {
      background: #333; }
      body.darkTheme .customSelect-list::-webkit-scrollbar-thumb:hover {
        background: #595959; }
    .customSelect-list li {
      margin-bottom: 1px; }
      .customSelect-list li button {
        border: none;
        margin: 0;
        padding: 0;
        width: auto;
        overflow: visible;
        -webkit-border-radius: 0;
           -moz-border-radius: 0;
                border-radius: 0;
        background: transparent;
        /* inherit font & color from ancestor */
        color: inherit;
        font: inherit;
        /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
        line-height: normal;
        /* Corrects font smoothing for webkit */
        -webkit-font-smoothing: inherit;
        -moz-osx-font-smoothing: inherit;
        /* Corrects inability to style clickable `input` types in iOS */
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        /* Remove excess padding and border in Firefox 4+ */
        display: block;
        padding: 7px 15px;
        text-align: left;
        width: 100%;
        color: #666;
        text-decoration: none;
        outline: none; }
        .customSelect-list li button::-moz-focus-inner {
          border: 0;
          padding: 0; }
        body.darkTheme .customSelect-list li button {
          color: #999; }
        .customSelect-list li button:hover, .customSelect-list li button:focus, .customSelect-list li button.isActive,
        body.darkTheme .customSelect-list li button:hover,
        body.darkTheme .customSelect-list li button:focus,
        body.darkTheme .customSelect-list li button.isActive {
          color: #95C11F; }
      .customSelect-list li.hasSub button {
        font-weight: 500; }
      .customSelect-list li.sub button {
        padding-left: 30px; }
  .customSelect.isActive .customSelect-button {
    -webkit-border-bottom-right-radius: 0;
       -moz-border-radius-bottomright: 0;
            border-bottom-right-radius: 0;
    -webkit-border-bottom-left-radius: 0;
       -moz-border-radius-bottomleft: 0;
            border-bottom-left-radius: 0;
    border-bottom-color: #fff; }
    body.darkTheme .customSelect.isActive .customSelect-button {
      border-bottom-color: #000; }
  .customSelect.isActive .customSelect-listContainer,
  .customSelect.isActive .customSelect-search {
    display: block; }
  .customSelect.isActive .customSelect-arrow:after {
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg); }

.note {
  margin-bottom: 30px;
  font-weight: 500;
  background: #fff;
  -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px; }
  body.darkTheme .note {
    background: #171717;
    -webkit-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
       -moz-box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1);
            box-shadow: 0 0 25px 0 rgba(0, 0, 0, 0.1); }
  .note-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between;
    padding: 30px 30px 15px; }
  .note-body {
    padding: 10px 30px 30px; }
  .note-date {
    color: #999; }
    body.darkTheme .note-date {
      color: #666; }
  .note-author {
    color: #95C11F; }

.pageTabs {
  background: #fff;
  padding-top: 52px;
  padding-right: 30px;
  padding-left: 30px;
  border-bottom: 1px solid #DEDEDE; }
  body.darkTheme .pageTabs {
    background: #000;
    border-color: #343434; }
  @media screen and (min-width: 1920px) {
    .pageTabs {
      padding-right: 60px;
      padding-left: 60px; } }
  .pageTabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
       -moz-box-align: end;
            align-items: flex-end;
    -webkit-transform: translateY(1px);
       -moz-transform: translateY(1px);
         -o-transform: translateY(1px);
            transform: translateY(1px); }
  .pageTabs li {
    margin: 0;
    padding: 0;
    display: block; }
  .pageTabs a,
  .pageTabs button {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    padding: 0 60px;
    color: #666;
    text-decoration: none;
    border: 1px solid transparent;
    font-weight: 500;
    font-size: 18px; }
    .pageTabs a::-moz-focus-inner,
    .pageTabs button::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .pageTabs a, body.darkTheme
    .pageTabs button {
      color: #999; }
    .pageTabs a:hover, .pageTabs a:focus,
    body.darkTheme .pageTabs a:hover,
    body.darkTheme .pageTabs a:focus,
    .pageTabs button:hover,
    .pageTabs button:focus,
    body.darkTheme
    .pageTabs button:hover,
    body.darkTheme
    .pageTabs button:focus {
      color: #95C11F; }
  .pageTabs li.isActive a,
  .pageTabs li.isActive button {
    background: #F8F8F8;
    border-color: #DEDEDE;
    border-bottom-color: #F8F8F8;
    color: #95C11F; }
    body.darkTheme .pageTabs li.isActive a, body.darkTheme
    .pageTabs li.isActive button {
      background: #111;
      border-color: #343434;
      border-bottom-color: #111; }

.inlineCalendar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  background: transparent;
  height: 45px;
  width: 100%;
  padding-right: 26px;
  padding-left: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 10px;
     -moz-border-radius: 10px;
          border-radius: 10px;
  -webkit-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -o-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  -moz-transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  transition: background 0.25s ease-in-out, border 0.25s ease-in-out;
  cursor: pointer;
  padding-right: 70px; }
  .inlineCalendar-element {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1; }
  .inlineCalendar-input {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    outline: none;
    height: 100%;
    width: 20px;
    width: 2ch; }
    .inlineCalendar-input::-moz-focus-inner {
      border: 0;
      padding: 0; }
  .inlineCalendar-dots, .inlineCalendar-input {
    font-size: 14px;
    color: #666;
    -webkit-transition: color 0.25s ease-in-out;
    -o-transition: color 0.25s ease-in-out;
    -moz-transition: color 0.25s ease-in-out;
    transition: color 0.25s ease-in-out; }
    body.darkTheme .inlineCalendar-dots, body.darkTheme .inlineCalendar-input {
      color: #999; }
  .inlineCalendar-dots {
    text-align: center; }
  .inlineCalendar-arrow {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    right: 6px;
    color: #ccc;
    outline: none;
    width: 14px;
    height: 14px; }
    .inlineCalendar-arrow::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .inlineCalendar-arrow {
      color: #333; }
    .inlineCalendar-arrow:hover,
    body.darkTheme .inlineCalendar-arrow:hover, .inlineCalendar-arrow:focus,
    body.darkTheme .inlineCalendar-arrow:focus {
      color: #95C11F; }
    .inlineCalendar-arrow:before {
      font-size: 14px; }
    .inlineCalendar-arrow--up {
      top: 6px; }
      .inlineCalendar-arrow--up:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4b"; }
    .inlineCalendar-arrow--down {
      bottom: 6px; }
      .inlineCalendar-arrow--down:before {
        font-family: "vaprio" !important;
        font-style: normal !important;
        font-weight: normal !important;
        font-variant: normal !important;
        text-transform: none !important;
        speak: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\4a"; }
  .withBackground .inlineCalendar {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .withBackground .inlineCalendar {
      border-color: #333;
      background: #000; }
  .inlineCalendar.focus, .inlineCalendar:hover {
    border-color: #DEDEDE;
    background: #fff; }
    body.darkTheme .inlineCalendar.focus, body.darkTheme .inlineCalendar:hover {
      border-color: #333;
      background: #000; }
    .inlineCalendar.focus .inlineCalendar-dots,
    .inlineCalendar.focus .inlineCalendar-input, .inlineCalendar:hover .inlineCalendar-dots,
    .inlineCalendar:hover .inlineCalendar-input {
      color: #95C11F; }
  .inlineCalendar-input {
    width: 20px;
    width: 2ch; }
    .inlineCalendar-input--year {
      width: 4ch; }
  .inlineCalendar-arrow {
    right: 45px; }
  .inlineCalendar-calendar {
    border: none;
    margin: 0;
    padding: 0;
    width: auto;
    overflow: visible;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    background: transparent;
    /* inherit font & color from ancestor */
    color: inherit;
    font: inherit;
    /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */
    line-height: normal;
    /* Corrects font smoothing for webkit */
    -webkit-font-smoothing: inherit;
    -moz-osx-font-smoothing: inherit;
    /* Corrects inability to style clickable `input` types in iOS */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    /* Remove excess padding and border in Firefox 4+ */
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    outline: none;
    width: 45px;
    height: 45px;
    text-align: center; }
    .inlineCalendar-calendar::-moz-focus-inner {
      border: 0;
      padding: 0; }
    body.darkTheme .inlineCalendar-calendar {
      color: #333; }
    .inlineCalendar-calendar:hover,
    body.darkTheme .inlineCalendar-calendar:hover, .inlineCalendar-calendar:focus,
    body.darkTheme .inlineCalendar-calendar:focus {
      color: #95C11F; }
    .inlineCalendar-calendar:before {
      font-family: "vaprio" !important;
      font-style: normal !important;
      font-weight: normal !important;
      font-variant: normal !important;
      text-transform: none !important;
      speak: none;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\21";
      font-size: 18px; }
  .inlineCalendar-calendarInput {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1; }

html {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
     -moz-box-sizing: inherit;
          box-sizing: inherit; }

* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

body {
  font-family: "Ubuntu", Arial, sans-serif;
  font-weight: 400;
  background-color: #F8F8F8;
  width: 100%;
  overflow-x: hidden;
  color: #000;
  font-size: 14px;
  line-height: 1.2; }

input,
button,
select,
textarea {
  font-family: inherit;
  font-size: inherit;
  line-height: inherit; }

a {
  color: #95C11F;
  text-decoration: underline; }
  a:hover, a:focus {
    color: #669900;
    text-decoration: none; }

[role="button"] {
  cursor: pointer; }

strong {
  font-weight: 500; }

body.darkTheme {
  background-color: #111;
  color: #fff; }

.pageHeader {
  position: fixed;
  top: 0;
  left: 0;
  padding-left: 90px;
  width: 100%;
  height: 73px;
  z-index: 100;
  background: #fff;
  border-bottom: 1px solid #DEDEDE; }
  body.darkTheme .pageHeader {
    background: #000;
    border-bottom-color: #343434; }
  .pageHeader .tabsNavigation {
    position: relative;
    z-index: 1;
    display: inline-block; }
  .pageHeader .shopsNavigation {
    margin-left: 30px; }
  .pageHeader .userPanel {
    margin-right: 30px;
    margin-left: 30px; }
  .pageHeader .tags {
    margin-right: 30px;
    margin-left: 30px; }
  .pageHeader-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
       -moz-box-pack: justify;
            justify-content: space-between; }
  .pageHeader-left, .pageHeader-right {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex; }

.pageWrapper:not(.pageWrapper--separated) {
  position: relative;
  padding-top: 103px;
  padding-right: 30px;
  padding-bottom: 30px;
  padding-left: 120px;
  min-height: 100vh; }
  @media screen and (min-width: 1920px) {
    .pageWrapper:not(.pageWrapper--separated) {
      padding-top: 133px;
      padding-right: 60px;
      padding-bottom: 60px;
      padding-left: 150px; } }

.pageWrapper.pageWrapper--separated {
  padding-top: 73px;
  padding-left: 90px; }
  .pageWrapper.pageWrapper--separated .pageWrapper-in {
    position: relative;
    padding-top: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    padding-left: 30px;
    min-height: 100vh; }
    @media screen and (min-width: 1920px) {
      .pageWrapper.pageWrapper--separated .pageWrapper-in {
        padding-top: 60px;
        padding-right: 60px;
        padding-bottom: 60px;
        padding-left: 60px; } }

.pageNavigation {
  position: fixed;
  top: 0;
  left: 0;
  width: 90px;
  height: 100%;
  z-index: 101;
  background: #fff; }
  body.darkTheme .pageNavigation {
    background: #000; }
  .pageNavigation:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: #DEDEDE; }
    body.darkTheme .pageNavigation:after {
      background: #343434; }
  .pageNavigation-header {
    height: 73px;
    width: 100%; }
    .pageNavigation-header a {
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      width: 100%;
      height: 100%; }
  .pageNavigation-body {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
       -moz-box-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row;
       -moz-box-orient: horizontal;
       -moz-box-direction: normal;
            flex-flow: row;
    min-height: -webkit-calc(100% - 73px);
    min-height: -moz-calc(100% - 73px);
    min-height: calc(100% - 73px); }
    .pageNavigation-body-in {
      width: 100%;
      overflow-y: auto;
      max-height: -webkit-calc(100vh - 73px);
      max-height: -moz-calc(100vh - 73px);
      max-height: calc(100vh - 73px);
      scrollbar-width: thin; }
      .pageNavigation-body-in::-webkit-scrollbar {
        width: 5px; }
      .pageNavigation-body-in::-webkit-scrollbar-track {
        background: transparent; }
      .pageNavigation-body-in::-webkit-scrollbar-thumb {
        background: #DEDEDE;
        -webkit-border-radius: 10px;
                border-radius: 10px; }
        .pageNavigation-body-in::-webkit-scrollbar-thumb:hover {
          background: #b8b8b8; }
      body.darkTheme .pageNavigation-body-in::-webkit-scrollbar-thumb {
        background: #333; }
        body.darkTheme .pageNavigation-body-in::-webkit-scrollbar-thumb:hover {
          background: #595959; }
    .pageNavigation-body ul {
      margin: 0;
      padding: 0;
      display: block;
      width: 100%;
      list-style: none; }
    .pageNavigation-body li {
      margin: 0;
      padding: 0;
      display: block;
      list-style: none; }
      .pageNavigation-body li.isActive a {
        background: #F8F8F8; }
        .pageNavigation-body li.isActive a,
        body.darkTheme .pageNavigation-body li.isActive a {
          color: #95C11F; }
        body.darkTheme .pageNavigation-body li.isActive a {
          background: #111; }
        .pageNavigation-body li.isActive a:before {
          background: #95C11F; }
        .pageNavigation-body li.isActive a:after {
          background: #F8F8F8; }
          body.darkTheme .pageNavigation-body li.isActive a:after {
            background: #111; }
      .pageNavigation-body li.pageNavigation-text a {
        font-size: 12px;
        height: auto;
        padding: 10px 0; }
        .pageNavigation-body li.pageNavigation-text a span {
          display: block; }
    .pageNavigation-body a {
      position: relative;
      display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: flex;
      -webkit-box-align: center;
      -webkit-align-items: center;
         -moz-box-align: center;
              align-items: center;
      -webkit-box-pack: center;
      -webkit-justify-content: center;
         -moz-box-pack: center;
              justify-content: center;
      width: 100%;
      height: 58px;
      text-decoration: none;
      color: #ccc;
      font-size: 30px;
      -webkit-transition: color 0.25s ease-in-out;
      -o-transition: color 0.25s ease-in-out;
      -moz-transition: color 0.25s ease-in-out;
      transition: color 0.25s ease-in-out; }
      .pageNavigation-body a:hover, .pageNavigation-body a:focus {
        color: #000;
        text-decoration: none; }
      .pageNavigation-body a:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 3px;
        height: 100%;
        background: transparent; }
      .pageNavigation-body a:after {
        content: '';
        position: absolute;
        top: 0;
        right: 0;
        width: 1px;
        height: 100%;
        z-index: 1; }
      body.darkTheme .pageNavigation-body a {
        color: rgba(255, 255, 255, 0.2); }
        body.darkTheme .pageNavigation-body a:hover, body.darkTheme .pageNavigation-body a:focus {
          color: #fff; }
      .pageNavigation-body a span {
        display: none; }

.signWrapper {
  min-height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
     -moz-box-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
     -moz-box-pack: center;
          justify-content: center; }

.signPanel {
  width: 387px; }
  .signPanel-header {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
       -moz-box-pack: center;
            justify-content: center;
    margin-bottom: 80px; }
    .signPanel-header img {
      display: block; }
  .signPanel-item {
    position: relative; }
    .formGroup .signPanel-item .formControl {
      padding-left: 60px; }
    .signPanel-item > .icon {
      position: absolute;
      top: 50%;
      left: 19px;
      font-size: 22px;
      pointer-events: none;
      line-height: 0;
      -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
           -o-transform: translateY(-50%);
              transform: translateY(-50%);
      color: #999; }
      body.darkTheme .signPanel-item > .icon {
        color: #404040; }

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