.testjee {
  background-color: yellow; }

/*#cac9c9;*/
th.action {
  width: 50px; }

.modal-body {
  overflow-y: visible; }

#savebutton {
  font-size: 2em; }

*, *:after, *:before {
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url("../js/boxsizing.htc"); }

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
ol, ul, li, dl, dt, dd,
a, img, blockquote, cite,
em, small, strong, b, u, i, time, address, center,
form, fieldset, legend, label, input, textarea, select, button,
table, caption, tbody, tfoot, thead, tr, th, td,
header, footer, aside, menu, nav, section, article, details,
pre, code, iframe, object, canvas, audio, video {
  margin: 0;
  padding: 0;
  border: 0; }

header, footer, aside, menu, nav, section, article, details {
  display: block; }

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  /* display: none; <- Crashes Chrome on hover */
  -webkit-appearance: none;
  margin: 0;
  /* <-- Apparently some margin are still there even though it's hidden */ }

html {
  width: 100%;
  height: 100%; }

html,
body {
  width: 100% !important;
  min-height: 100%;
  font-family: Helvetica, "Open Sans", sans-serif;
  padding: 0; }

hr {
  border: 0;
  border-bottom: 1px solid #dadada;
  margin: 10px auto;
  clear: both; }

img,
a img {
  max-width: 100%;
  border: none; }

@font-face {
  font-family: 'Open Sans', sans-serif;
  font-style: normal;
  font-weight: 400; }

.container {
  max-width: 1200px;
  margin: 0 auto; }

.row {
  width: 100%;
  position: relative; }

.column, .twelfth,
.twelfths, .twelfth.one,
.twelfths.one, .twelfth.two,
.twelfths.two, .twelfth.three,
.twelfths.three, .twelfth.four,
.twelfths.four, .twelfth.five,
.twelfths.five, .twelfth.six,
.twelfths.six, .twelfth.seven,
.twelfths.seven, .twelfth.eight,
.twelfths.eight, .twelfth.nine,
.twelfths.nine, .twelfth.ten,
.twelfths.ten, .twelfth.eleven,
.twelfths.eleven, .twelfth.twelve,
.twelfths.twelve {
  float: left;
  position: relative;
  min-height: 1px; }

.centered {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important; }

.twelfth,
.twelfths {
  width: 100%; }
  .twelfth.one,
  .twelfths.one {
    width: 100%; }

.twelfth,
.twelfths {
  width: 50%; }
  .twelfth.one,
  .twelfths.one {
    width: 50%; }
  .twelfth.two,
  .twelfths.two {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 50%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 50%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 50%; }

.twelfth,
.twelfths {
  width: 33.33333%; }
  .twelfth.one,
  .twelfths.one {
    width: 33.33333%; }
  .twelfth.two,
  .twelfths.two {
    width: 66.66667%; }
  .twelfth.three,
  .twelfths.three {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 33.33333%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 33.33333%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 33.33333%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 66.66667%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 66.66667%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 66.66667%; }

.twelfth,
.twelfths {
  width: 25%; }
  .twelfth.one,
  .twelfths.one {
    width: 25%; }
  .twelfth.two,
  .twelfths.two {
    width: 50%; }
  .twelfth.three,
  .twelfths.three {
    width: 75%; }
  .twelfth.four,
  .twelfths.four {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 25%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 25%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 25%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 50%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 50%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 50%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 75%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 75%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 75%; }

.twelfth,
.twelfths {
  width: 20%; }
  .twelfth.one,
  .twelfths.one {
    width: 20%; }
  .twelfth.two,
  .twelfths.two {
    width: 40%; }
  .twelfth.three,
  .twelfths.three {
    width: 60%; }
  .twelfth.four,
  .twelfths.four {
    width: 80%; }
  .twelfth.five,
  .twelfths.five {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 20%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 20%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 20%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 40%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 40%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 40%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 60%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 60%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 60%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 80%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 80%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 80%; }

.twelfth,
.twelfths {
  width: 16.66667%; }
  .twelfth.one,
  .twelfths.one {
    width: 16.66667%; }
  .twelfth.two,
  .twelfths.two {
    width: 33.33333%; }
  .twelfth.three,
  .twelfths.three {
    width: 50%; }
  .twelfth.four,
  .twelfths.four {
    width: 66.66667%; }
  .twelfth.five,
  .twelfths.five {
    width: 83.33333%; }
  .twelfth.six,
  .twelfths.six {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 16.66667%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 16.66667%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 16.66667%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 33.33333%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 33.33333%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 33.33333%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 50%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 50%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 50%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 66.66667%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 66.66667%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 66.66667%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 83.33333%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 83.33333%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 83.33333%; }

.twelfth,
.twelfths {
  width: 14.28571%; }
  .twelfth.one,
  .twelfths.one {
    width: 14.28571%; }
  .twelfth.two,
  .twelfths.two {
    width: 28.57143%; }
  .twelfth.three,
  .twelfths.three {
    width: 42.85714%; }
  .twelfth.four,
  .twelfths.four {
    width: 57.14286%; }
  .twelfth.five,
  .twelfths.five {
    width: 71.42857%; }
  .twelfth.six,
  .twelfths.six {
    width: 85.71429%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 14.28571%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 14.28571%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 14.28571%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 28.57143%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 28.57143%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 28.57143%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 42.85714%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 42.85714%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 42.85714%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 57.14286%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 57.14286%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 57.14286%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 71.42857%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 71.42857%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 71.42857%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 85.71429%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 85.71429%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 85.71429%; }

.twelfth,
.twelfths {
  width: 12.5%; }
  .twelfth.one,
  .twelfths.one {
    width: 12.5%; }
  .twelfth.two,
  .twelfths.two {
    width: 25%; }
  .twelfth.three,
  .twelfths.three {
    width: 37.5%; }
  .twelfth.four,
  .twelfths.four {
    width: 50%; }
  .twelfth.five,
  .twelfths.five {
    width: 62.5%; }
  .twelfth.six,
  .twelfths.six {
    width: 75%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 87.5%; }
  .twelfth.eight,
  .twelfths.eight {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 12.5%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 12.5%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 12.5%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 25%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 25%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 25%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 37.5%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 37.5%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 37.5%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 50%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 50%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 50%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 62.5%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 62.5%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 62.5%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 75%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 75%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 75%; }
  .twelfth.right-seven,
  .twelfths.right-seven {
    left: 87.5%; }
  .twelfth.left-seven,
  .twelfths.left-seven {
    right: 87.5%; }
  .twelfth.skip-seven,
  .twelfths.skip-seven {
    margin-left: 87.5%; }

.twelfth,
.twelfths {
  width: 11.11111%; }
  .twelfth.one,
  .twelfths.one {
    width: 11.11111%; }
  .twelfth.two,
  .twelfths.two {
    width: 22.22222%; }
  .twelfth.three,
  .twelfths.three {
    width: 33.33333%; }
  .twelfth.four,
  .twelfths.four {
    width: 44.44444%; }
  .twelfth.five,
  .twelfths.five {
    width: 55.55556%; }
  .twelfth.six,
  .twelfths.six {
    width: 66.66667%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 77.77778%; }
  .twelfth.eight,
  .twelfths.eight {
    width: 88.88889%; }
  .twelfth.nine,
  .twelfths.nine {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 11.11111%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 11.11111%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 11.11111%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 22.22222%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 22.22222%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 22.22222%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 33.33333%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 33.33333%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 33.33333%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 44.44444%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 44.44444%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 44.44444%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 55.55556%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 55.55556%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 55.55556%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 66.66667%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 66.66667%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 66.66667%; }
  .twelfth.right-seven,
  .twelfths.right-seven {
    left: 77.77778%; }
  .twelfth.left-seven,
  .twelfths.left-seven {
    right: 77.77778%; }
  .twelfth.skip-seven,
  .twelfths.skip-seven {
    margin-left: 77.77778%; }
  .twelfth.right-eight,
  .twelfths.right-eight {
    left: 88.88889%; }
  .twelfth.left-eight,
  .twelfths.left-eight {
    right: 88.88889%; }
  .twelfth.skip-eight,
  .twelfths.skip-eight {
    margin-left: 88.88889%; }

.twelfth,
.twelfths {
  width: 10%; }
  .twelfth.one,
  .twelfths.one {
    width: 10%; }
  .twelfth.two,
  .twelfths.two {
    width: 20%; }
  .twelfth.three,
  .twelfths.three {
    width: 30%; }
  .twelfth.four,
  .twelfths.four {
    width: 40%; }
  .twelfth.five,
  .twelfths.five {
    width: 50%; }
  .twelfth.six,
  .twelfths.six {
    width: 60%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 70%; }
  .twelfth.eight,
  .twelfths.eight {
    width: 80%; }
  .twelfth.nine,
  .twelfths.nine {
    width: 90%; }
  .twelfth.ten,
  .twelfths.ten {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 10%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 10%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 10%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 20%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 20%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 20%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 30%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 30%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 30%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 40%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 40%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 40%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 50%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 50%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 50%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 60%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 60%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 60%; }
  .twelfth.right-seven,
  .twelfths.right-seven {
    left: 70%; }
  .twelfth.left-seven,
  .twelfths.left-seven {
    right: 70%; }
  .twelfth.skip-seven,
  .twelfths.skip-seven {
    margin-left: 70%; }
  .twelfth.right-eight,
  .twelfths.right-eight {
    left: 80%; }
  .twelfth.left-eight,
  .twelfths.left-eight {
    right: 80%; }
  .twelfth.skip-eight,
  .twelfths.skip-eight {
    margin-left: 80%; }
  .twelfth.right-nine,
  .twelfths.right-nine {
    left: 90%; }
  .twelfth.left-nine,
  .twelfths.left-nine {
    right: 90%; }
  .twelfth.skip-nine,
  .twelfths.skip-nine {
    margin-left: 90%; }

.twelfth,
.twelfths {
  width: 9.09091%; }
  .twelfth.one,
  .twelfths.one {
    width: 9.09091%; }
  .twelfth.two,
  .twelfths.two {
    width: 18.18182%; }
  .twelfth.three,
  .twelfths.three {
    width: 27.27273%; }
  .twelfth.four,
  .twelfths.four {
    width: 36.36364%; }
  .twelfth.five,
  .twelfths.five {
    width: 45.45455%; }
  .twelfth.six,
  .twelfths.six {
    width: 54.54545%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 63.63636%; }
  .twelfth.eight,
  .twelfths.eight {
    width: 72.72727%; }
  .twelfth.nine,
  .twelfths.nine {
    width: 81.81818%; }
  .twelfth.ten,
  .twelfths.ten {
    width: 90.90909%; }
  .twelfth.eleven,
  .twelfths.eleven {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 9.09091%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 9.09091%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 9.09091%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 18.18182%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 18.18182%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 18.18182%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 27.27273%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 27.27273%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 27.27273%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 36.36364%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 36.36364%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 36.36364%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 45.45455%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 45.45455%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 45.45455%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 54.54545%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 54.54545%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 54.54545%; }
  .twelfth.right-seven,
  .twelfths.right-seven {
    left: 63.63636%; }
  .twelfth.left-seven,
  .twelfths.left-seven {
    right: 63.63636%; }
  .twelfth.skip-seven,
  .twelfths.skip-seven {
    margin-left: 63.63636%; }
  .twelfth.right-eight,
  .twelfths.right-eight {
    left: 72.72727%; }
  .twelfth.left-eight,
  .twelfths.left-eight {
    right: 72.72727%; }
  .twelfth.skip-eight,
  .twelfths.skip-eight {
    margin-left: 72.72727%; }
  .twelfth.right-nine,
  .twelfths.right-nine {
    left: 81.81818%; }
  .twelfth.left-nine,
  .twelfths.left-nine {
    right: 81.81818%; }
  .twelfth.skip-nine,
  .twelfths.skip-nine {
    margin-left: 81.81818%; }
  .twelfth.right-ten,
  .twelfths.right-ten {
    left: 90.90909%; }
  .twelfth.left-ten,
  .twelfths.left-ten {
    right: 90.90909%; }
  .twelfth.skip-ten,
  .twelfths.skip-ten {
    margin-left: 90.90909%; }

.twelfth,
.twelfths {
  width: 8.33333%; }
  .twelfth.one,
  .twelfths.one {
    width: 8.33333%; }
  .twelfth.two,
  .twelfths.two {
    width: 16.66667%; }
  .twelfth.three,
  .twelfths.three {
    width: 25%; }
  .twelfth.four,
  .twelfths.four {
    width: 33.33333%; }
  .twelfth.five,
  .twelfths.five {
    width: 41.66667%; }
  .twelfth.six,
  .twelfths.six {
    width: 50%; }
  .twelfth.seven,
  .twelfths.seven {
    width: 58.33333%; }
  .twelfth.eight,
  .twelfths.eight {
    width: 66.66667%; }
  .twelfth.nine,
  .twelfths.nine {
    width: 75%; }
  .twelfth.ten,
  .twelfths.ten {
    width: 83.33333%; }
  .twelfth.eleven,
  .twelfths.eleven {
    width: 91.66667%; }
  .twelfth.twelve,
  .twelfths.twelve {
    width: 100%; }
  .twelfth.right-one,
  .twelfths.right-one {
    left: 8.33333%; }
  .twelfth.left-one,
  .twelfths.left-one {
    right: 8.33333%; }
  .twelfth.skip-one,
  .twelfths.skip-one {
    margin-left: 8.33333%; }
  .twelfth.right-two,
  .twelfths.right-two {
    left: 16.66667%; }
  .twelfth.left-two,
  .twelfths.left-two {
    right: 16.66667%; }
  .twelfth.skip-two,
  .twelfths.skip-two {
    margin-left: 16.66667%; }
  .twelfth.right-three,
  .twelfths.right-three {
    left: 25%; }
  .twelfth.left-three,
  .twelfths.left-three {
    right: 25%; }
  .twelfth.skip-three,
  .twelfths.skip-three {
    margin-left: 25%; }
  .twelfth.right-four,
  .twelfths.right-four {
    left: 33.33333%; }
  .twelfth.left-four,
  .twelfths.left-four {
    right: 33.33333%; }
  .twelfth.skip-four,
  .twelfths.skip-four {
    margin-left: 33.33333%; }
  .twelfth.right-five,
  .twelfths.right-five {
    left: 41.66667%; }
  .twelfth.left-five,
  .twelfths.left-five {
    right: 41.66667%; }
  .twelfth.skip-five,
  .twelfths.skip-five {
    margin-left: 41.66667%; }
  .twelfth.right-six,
  .twelfths.right-six {
    left: 50%; }
  .twelfth.left-six,
  .twelfths.left-six {
    right: 50%; }
  .twelfth.skip-six,
  .twelfths.skip-six {
    margin-left: 50%; }
  .twelfth.right-seven,
  .twelfths.right-seven {
    left: 58.33333%; }
  .twelfth.left-seven,
  .twelfths.left-seven {
    right: 58.33333%; }
  .twelfth.skip-seven,
  .twelfths.skip-seven {
    margin-left: 58.33333%; }
  .twelfth.right-eight,
  .twelfths.right-eight {
    left: 66.66667%; }
  .twelfth.left-eight,
  .twelfths.left-eight {
    right: 66.66667%; }
  .twelfth.skip-eight,
  .twelfths.skip-eight {
    margin-left: 66.66667%; }
  .twelfth.right-nine,
  .twelfths.right-nine {
    left: 75%; }
  .twelfth.left-nine,
  .twelfths.left-nine {
    right: 75%; }
  .twelfth.skip-nine,
  .twelfths.skip-nine {
    margin-left: 75%; }
  .twelfth.right-ten,
  .twelfths.right-ten {
    left: 83.33333%; }
  .twelfth.left-ten,
  .twelfths.left-ten {
    right: 83.33333%; }
  .twelfth.skip-ten,
  .twelfths.skip-ten {
    margin-left: 83.33333%; }
  .twelfth.right-eleven,
  .twelfths.right-eleven {
    left: 91.66667%; }
  .twelfth.left-eleven,
  .twelfths.left-eleven {
    right: 91.66667%; }
  .twelfth.skip-eleven,
  .twelfths.skip-eleven {
    margin-left: 91.66667%; }

.row, .clear, .clearfix {
  clear: both; }
  .row:after, .clear:after, .clearfix:after {
    content: '';
    display: block;
    clear: both; }

.padded {
  padding: 10px; }
  .padded.double {
    padding: 20px; }
  .padded.triple {
    padding: 30px; }

.pad-top {
  padding-top: 10px; }
  .pad-top.double {
    padding-top: 20px; }
  .pad-top.triple {
    padding-top: 30px; }

.pad-right {
  padding-right: 10px; }
  .pad-right.double {
    padding-right: 20px; }
  .pad-right.triple {
    padding-right: 30px; }

.pad-bottom {
  padding-bottom: 10px; }
  .pad-bottom.double {
    padding-bottom: 20px; }
  .pad-bottom.triple {
    padding-bottom: 30px; }

.pad-left {
  padding-left: 10px; }
  .pad-left.double {
    padding-left: 20px; }
  .pad-left.triple {
    padding-left: 30px; }

.gapped {
  margin: 10px; }
  .gapped.double {
    margin: 20px; }
  .gapped.triple {
    margin: 30px; }

.gap-top {
  margin-top: 10px; }
  .gap-top.double {
    margin-top: 20px; }
  .gap-top.triple {
    margin-top: 30px; }

.gap-right {
  margin-right: 10px; }
  .gap-right.double {
    margin-right: 20px; }
  .gap-right.triple {
    margin-right: 30px; }

.gap-bottom {
  margin-bottom: 10px; }
  .gap-bottom.double {
    margin-bottom: 20px; }
  .gap-bottom.triple {
    margin-bottom: 30px; }

.gap-left {
  margin-left: 10px; }
  .gap-left.double {
    margin-left: 20px; }
  .gap-left.triple {
    margin-left: 30px; }

.stick {
  position: fixed;
  z-index: 1; }
  .stick.top {
    position: fixed;
    z-index: 1;
    top: 0; }
  .stick.right {
    position: fixed;
    z-index: 1;
    right: 0; }
  .stick.bottom {
    position: fixed;
    z-index: 1;
    bottom: 0; }
  .stick.left {
    position: fixed;
    z-index: 1;
    left: 0; }
  .stick.middle {
    position: fixed;
    z-index: 1;
    top: 50%; }
  .center.stick {
    position: fixed;
    z-index: 1;
    left: 50%; }

.inline, .icon-refresh.spinning {
  display: inline-block;
  width: auto; }

.block {
  display: block; }

.zero {
  margin: 0;
  padding: 0; }

.pull-right {
  float: right; }

.pull-left {
  float: left; }

.bordered {
  border: 1px solid #dadada; }

.border-top {
  border-top: 1px solid #dadada; }

.border-right {
  border-right: 1px solid #dadada; }

.border-bottom {
  border-bottom: 1px solid #dadada; }

.border-left {
  border-left: 1px solid #dadada; }

.align-top {
  display: table-cell;
  vertical-align: top; }

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

.align-bottom {
  display: table-cell;
  vertical-align: bottom; }

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

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

.justify {
  text-align: justify; }

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

.center, .stick.center {
  display: block;
  margin: 0 auto; }

.spacer {
  height: 10px; }

.round {
  -ms-border-radius: 9999px;
  -o-border-radius: 9999px;
  -moz-border-radius: 9999px;
  -webkit-border-radius: 9999px;
  border-radius: 9999px; }

/*rotate-90 rotate-180 rotate-270 rotate-90-ctr rotate-180-ctr rotate-270-ctr spin spin-once spin-twice spin-thrice spin-fast spin-fast-once spin-fast-twice spin-fast-thrice spin-slow spin-slow-once spin-slow-twice spin-slow-thrice*/
.clear:after, .clearfix:after {
  content: '';
  display: block;
  clear: both; }

.disabled {
  color: #bfbfbf;
  cursor: not-allowed;
  text-decoration: none;
  outline: none; }
  .disabled:hover, .disabled:focus, .disabled:visited {
    color: #bfbfbf;
    cursor: not-allowed;
    text-decoration: none;
    outline: none; }

/* global */
html, body {
  width: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-text-size-adjust: none;
  min-height: 100%; }

body {
  font-family: Helvetica, "Open Sans", sans-serif;
  font-size: 13px;
  color: #474747;
  background: #e2e2e2;
  /*background: url("../img/background.jpg") repeat; -- moved to Trilec_Staticcontent.css*/ }

.container {
  padding: 0 15px;
  position: relative; }

.content {
  height: auto !important;
  /*min-height: 100%;*/
  padding-bottom: 40px; }

/* global elements */
hr {
  -moz-box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px 0px;
  -webkit-box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px 0px;
  box-shadow: rgba(255, 255, 255, 0.9) 0px 1px 0px 0px; }

.spacer-big {
  margin: 30px 0;
  padding: 1px; }

.spacer-medium {
  margin: 20px 0;
  padding: 1px; }

.spacer-small {
  margin: 10px 0;
  padding: 1px; }

a {
  color: #008ac3; }

a:hover {
  text-decoration: none; }

ul {
  margin: 10px 0 10px 20px;
  line-height: 18px; }

ul.unstyled {
  list-style: none; }

i:hover {
  cursor: pointer; }

/* typography */
h1 {
  font-size: 32px;
  line-height: 40px;
  text-shadow: #ffffff 1px 1px 0px;
  padding: 1px 0; }

h2 {
  font-size: 22px;
  line-height: 25px;
  text-shadow: #ffffff 1px 1px 0px;
  margin-bottom: 13px;
  padding: 1px 0; }

h2.nomargin {
  margin-bottom: 0; }

h3 {
  font-size: 17px;
  /*color: #666666;*/
  padding: 1px 0; }

h3.payoff {
  color: #969696;
  font-style: italic;
  text-shadow: #ffffff 1px 1px 0px;
  font-weight: normal;
  line-height: 22px;
  padding: 10px 0; }

h4 {
  font-size: 13px;
  color: #999999;
  padding: 1px 0; }

h5 {
  font-size: 14px;
  color: #474747;
  text-transform: uppercase; }

p {
  margin: 10px 0;
  line-height: 22px; }

/* images */
img.left {
  margin: 10px 10px 10px 0; }

img.right {
  margin: 10px 0 10px 10px; }

/* selection */
::-moz-selection {
  background: #eb9000;
  color: #fff;
  text-shadow: none; }

::selection {
  background: #eb9000;
  color: #fff;
  text-shadow: none; }

.hidden {
  display: none; }

.gototop {
  float: right;
  font-size: 12px; }

/* BUTTONS */
/* default */
button, a.button {
  font-family: Helvetica, "Open Sans", sans-serif;
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  font-weight: bold;
  color: white;
  padding: 0px 8px;
  text-shadow: #000000 1px 1px 0px;
  -moz-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.4) 0px 0px 7px 0px inset;
  background-color: #0a4877;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  border: none;
  margin: 0;
  margin-right: 10px; }

button[disabled], .button[disabled] {
  background-color: #f0f0f0; }

/* light */
button.light, .button.light {
  font-size: 12px;
  height: 33px;
  line-height: 33px;
  text-shadow: none;
  font-weight: bold;
  color: #666666;
  padding: 0px 8px;
  background-color: #f0f0f0;
  -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 4px 0px inset;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  border: none;
  margin: 0;
  margin-right: 10px;
  font-style: normal; }

/* medium */
button.medium, .button.medium {
  font-size: 11px;
  height: 24px;
  line-height: 24px;
  text-shadow: none;
  font-weight: bold;
  color: #474747;
  padding: 0px 8px;
  background-color: #c2c2c2;
  -webkit-box-shadow: none;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  border: none;
  margin: 0; }

input.medium.low, select.medium.low {
  padding: 1px 4px; }

button.medium span, .button.medium span {
  font-weight: normal; }

button.medium span.emphasis, .button.medium span.emphasis {
  font-weight: bold; }

/* order */
button.order, .button.order {
  font-size: 20px;
  height: 29px;
  line-height: 29px;
  color: white;
  padding: 0px 8px;
  background-color: #a8c315;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  border: none;
  margin: 0;
  text-shadow: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset; }

.invalid .button.order, .invalid .button.order:hover, button[disabled].order, button[disabled].order:hover {
  background-color: #ce585c; }

.invalid .button.order:hover, .invalid .button.order:hover i, button[disabled].order:hover {
  cursor: default; }

button.order .icon-shopping-cart, .button.order .icon-shopping-cart {
  line-height: 29px; }

.order.text {
  font-size: 12px;
  line-height: 33px;
  height: 33px;
  margin: 0 10px 0 0; }

/* save */
.button.save, .button.save {
  font-size: 20px;
  height: 29px;
  line-height: 29px;
  color: white;
  padding: 0px 8px;
  background-color: #d7d6d6;
  cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  text-decoration: none;
  border: none;
  margin: 0;
  text-shadow: none;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px 0px inset; }

button.save .icon-list, .button.save .icon-list {
  line-height: 29px; }

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

/* button hover */
.button:hover, button:hover {
  background-color: #0c568f; }

.button.order:hover, button.order:hover {
  background-color: #bcda17; }

.button.save:hover, button.save:hover {
  background-color: #e4e3e3; }

.button.light:hover, button.light:hover {
  background-color: whitesmoke; }

.button.medium:hover, button.medium:hover {
  background-color: #cfcfcf; }

.icon-button {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 15px;
  width: 15px;
  background-color: #444;
  text-align: center;
  text-decoration: none;
  color: white;
  line-height: 15px;
  font-size: 11px; }

.icon-button:hover {
  background-color: #999; }

.cell-icon-button {
  width: 20px; }

.cell-number {
  width: 120px; }

.trilec-table thead th.cell-price {
  text-align: right; }

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

.button.cancel {
  vertical-align: middle; }

/* END BUTTONS */
/* FORMS */
/* global */
form {
  margin: 15px 0; }

.form-input-row {
  margin-bottom: 15px; }

.invert textarea,
.invert input[type="text"],
.invert input[type="number"],
.invert input[type="email"],
.invert input[type="search"],
.invert input[type="password"],
.invert input[type="url"],
.invert select {
  background-color: #f5f5f5; }

form .subform {
  margin: 10px 0 10px 20px;
  padding: 1px; }

form label {
  display: block;
  padding-top: 7px;
  line-height: 20px;
  color: #474747;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
  position: relative; }

form label .icon-asterisk {
  position: absolute;
  top: 4px;
  right: 10px; }

form label.label-inline {
  display: inline;
  font-weight: normal;
  text-align: left;
  padding-right: 0px; }

form label.label-inline {
  display: block;
  margin-left: 20px;
  padding-top: 0px; }

form label.label-inline input {
  float: left;
  margin-left: -20px;
  margin-right: 7px;
  margin-top: 3px; }

.icon-asterisk {
  font-size: 7px;
  color: #b7b7b7;
  vertical-align: super; }

/* input fields */
input, select, textarea {
  font-family: Helvetica, "Open Sans", sans-serif;
  font-size: 12px; }

input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], select, textarea, input[type=file] {
  line-height: 20px;
  height: 33px;
  padding: 6px 10px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  border-radius: 0;
  -moz-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 1px 0 inset;
  -webkit-box-shadow: rgba(0, 0, 0, 0.35) 0 1px 1px 0 inset;
  box-shadow: rgba(0, 0, 0, 0.35) 0 1px 1px 0 inset;
  background-color: white;
  color: #474747; }

input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], textarea, input[type="url"], input[type=file] {
  -webkit-appearance: none; }

select {
  padding-top: 10px; }

textarea {
  display: block;
  width: 100%;
  height: 100px; }

input[type="radio"], input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  line-height: 20px;
  margin-right: 5px; }

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

input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], select {
  width: 100%;
  vertical-align: middle; }

input.date-field {
  width: 40px; }

input.date-field-year {
  width: 66px; }

select.date-field {
  width: 60px; }

select.date-field-year {
  width: 80px; }

option {
  line-height: 20px; }

input.input-price {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #a8c315;
  border-right: none;
  width: 45px;
  height: 29px;
  vertical-align: bottom;
  -webkit-appearance: none;
  border-radius: 0;
  text-align: center;
  padding-left: 0;
  padding-right: 0; }
  input.input-price.input-price-full {
    border-right: 1px solid #a8c315; }

.invalid input.input-price {
  border-color: #ce585c; }

input.input-number {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #dadada;
  width: 29px;
  height: 29px;
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 0;
  text-align: center;
  margin: 0 5px;
  padding-left: 0;
  padding-right: 0; }

input.input-number.large {
  height: 33px;
  width: 33px;
  line-height: 33px; }

.form-input-row.active {
  margin-bottom: 10px; }

.form-input-row.active .label-inline {
  font-weight: bold; }

.subform {
  padding-left: 27px; }

.subform .form-input-row {
  margin-bottom: 10px; }

.input-message-neutral {
  color: #999999;
  font-weight: bold;
  line-height: 20px; }

.input-message-ok {
  color: #999999;
  line-height: 20px; }

.input-message-ok i {
  color: #91bf3e;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.input-message-nok {
  color: #999999;
  line-height: 20px; }

.input-message-nok i {
  color: #ce585c;
  width: 16px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.input-message-warning {
  background: #ce585c;
  color: white;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  font-weight: bold;
  padding: 0 5px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

/* validation */
.input-validation {
  display: block;
  padding-top: 7px;
  line-height: 20px;
  color: #474747;
  padding-left: 20px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.input-validation .icon-ok, .input-validation .icon-remove {
  margin-right: 10px; }

.input-error .input-validation {
  color: #ce585c; }

.field-validation-error {
  color: #ce585c; }

.input-error textarea,
.input-error input[type="text"],
.input-error input[type="number"],
.input-error input[type="email"],
.input-error input[type="search"],
.input-error input[type="password"],
.input-error input[type="url"],
.input-error select {
  background: #ffe8e9;
  -moz-box-shadow: rgba(206, 88, 92, 0.4) 0px 1px 2px 0px inset;
  -webkit-box-shadow: rgba(206, 88, 92, 0.4) 0px 1px 2px 0px inset;
  box-shadow: rgba(206, 88, 92, 0.4) 0px 1px 2px 0px inset; }

.input-valid .input-validation {
  color: #91bf3e; }

/* styling inline */
.input-inline-element {
  display: block;
  line-height: 20px;
  margin-top: 6px; }

.form-input-row.input-inline {
  margin-bottom: 0px; }

.form-input-row.input-inline input {
  height: auto; }

.form-input-row.input-inline label {
  display: inline;
  padding: 0;
  text-align: left; }

/* placeholder */
::-webkit-input-placeholder {
  color: #666; }

::-moz-placeholder {
  color: #666; }

/* firefox 19+ */
:-ms-input-placeholder {
  color: #666; }

/* ie */
input:-moz-placeholder {
  color: #666; }

/* file input*/
.input-file {
  position: relative; }

.input-file .button.light {
  position: absolute;
  right: 0px;
  top: 0px;
  margin-right: 0;
  border-bottom: none; }

.input-file input[type=file] {
  display: none; }

/* different sizes */
input.small, select.small {
  width: 25%; }

input.medium, select.medium {
  width: 50%; }

input.large, select.large {
  width: 75%; }

input.input-amount {
  min-width: 64px; }

/* disabled input fields */
input.disabled {
  color: #aaaaaa; }

/* input loading */
.input-loading {
  position: absolute;
  right: 10px;
  top: 8px; }

.input-loading .icon-refresh {
  color: #008ac3;
  font-size: 15px; }

/* END FORMS */
/* STAUS MESSAGES */
/* error */
.status-message, .notice {
  position: relative;
  margin: 15px 0;
  padding: 9px 10px 9px 15px;
  line-height: 18px; }

.notice.info {
  background-color: #bde5f8;
  color: #00529b; }

.notice.warning {
  background-color: #feefb3;
  color: #9f6000; }

.status-message {
  color: #ce585c;
  background-color: #FFE8E9;
  display: none;
  font-weight: bold;
  margin-left: 36px; }

.status-message-nosign {
  margin-left: 0 !important;
  display: block; }

.status-message-warning {
  /*background-color: $validation-warning;*/
  color: #eb9000;
  background-color: #fdeed5; }
  .status-message-warning ul {
    font-weight: normal; }

.status-message-sign {
  position: absolute;
  width: 36px;
  height: 36px;
  font-size: 14px;
  text-align: center;
  line-height: 36px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  color: white;
  background-color: #ce585c;
  margin-left: -51px;
  margin-top: -9px; }

.status-message-sign-triangle {
  position: absolute;
  top: 15px;
  right: -8px;
  height: 10px;
  width: 10px;
  background-color: #ce585c;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Rotate Origin */
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.status-message.status-confirm {
  background-color: #e1ead0;
  color: #6d9721; }

.status-message.status-confirm .status-message-sign {
  background-color: #91bf3e; }

.status-message.status-confirm .status-message-sign-triangle {
  background-color: #91bf3e; }

/* END STATUS MESSAGES */
/**************************************/
/************ RESPONSIVE **************/
/**************************************/
@media only screen and (min-width: 1025px) {
  .hide-on-desktop {
    display: none; }
  .no-padding-desktop {
    padding: 0; }
  .no-margin-desktop {
    margin: 0; }
  .zero-desktop {
    margin: 0;
    padding: 0; }
  .content {
    min-height: 650px; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  form label {
    text-align: left; }
  .form-input-row {
    margin-bottom: 5px; }
  .input-validation {
    padding-left: 0px; }
  .input-message-warning {
    margin-top: 5px; }
  .input-validation .icon-ok {
    display: none; }
  .input-message-neutral, .input-message-nok, .input-message-ok {
    padding-left: 20px; }
  .input-validation {
    display: block; }
  form label .icon-asterisk {
    position: relative;
    display: inline;
    vertical-align: super;
    right: -4px;
    top: 0; }
  .gap-left.triple {
    margin-left: 0px;
    margin-top: 20px; }
  .gap-left.double {
    margin-left: 0px; }
  .gap-right.double {
    margin-right: 0px; }
  .gap-right.triple {
    margin-right: 0px; }
  .mobile > .gap-left.triple {
    margin-left: 30px;
    margin-top: 0px; }
  .mobile > .gap-left.double {
    margin-left: 20px; }
  .mobile > .gap-right.double {
    margin-right: 20px; }
  .mobile > .gap-right.triple {
    margin-right: 30px; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
@media only screen and (max-width: 480px) {
  .mobile-only {
    display: inline-block; }
  .hide-on-mobile {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-mobile {
    padding: 0; }
  .no-margin-mobile {
    margin: 0; }
  .zero-mobile {
    margin: 0;
    padding: 0; }
  input[type="text"], input[type="number"], input[type="email"], input[type="search"], input[type="password"], input[type="url"], select, textarea {
    -webkit-appearance: none; } }

/* global  */
.trilec-mod-box {
  z-index: 10;
  background: white;
  -moz-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  -webkit-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px; }

.trilec-mod-box-small {
  z-index: 10;
  background: white;
  -moz-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 5px;
  -webkit-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 5px;
  box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 5px; }

.trilec-mod {
  padding: 10px;
  border-bottom: 1px solid #dadada; }

.trilec-mod:last-child {
  border: none; }

.trilec-mod.last-item {
  border: none; }

.trilec-mod.no-padding {
  padding: 0px; }

.trilec-mod.even {
  background: #f7f7f7; }

.trilec-mod-title, table thead {
  border-bottom: none;
  line-height: 18px;
  display: block; }

.trilec-mod-title.inline-title {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.trilec-mod-title h3, table thead h3 {
  padding: 8px 0;
  font-size: 13px;
  color: #474747;
  font-weight: bold;
  text-shadow: none; }

/* tables */
table .trilec-mod td {
  padding: 10px;
  margin: 0px; }

table {
  width: 100%;
  border-collapse: collapse; }

tr.trilec-mod .desktop-only {
  display: table-cell; }

tr.trilec-mod.even {
  background: none; }

tr.trilec-mod.even td {
  background: #f7f7f7;
  background-clip: padding-box; }

.js-sorting tr.trilec-mod.even td {
  background: none; }

.js-sorting tr:nth-child(odd).trilec-mod td {
  background: #f7f7f7;
  background-clip: padding-box; }

table tr.trilec-mod:hover td {
  background: #dff4f8;
  background-clip: padding-box; }

table tr.editor:hover td {
  background: none; }

table thead {
  display: table-row-group;
  width: 100%;
  border-collapse: collapse; }

table thead th, table thead td {
  text-align: left;
  padding: 8px 10px;
  background-clip: padding-box;
  background-color: #E5e5e5; }

table tbody tr, table tbody td {
  height: auto !important; }

table tbody td.subheader {
  text-align: left;
  padding: 8px 10px;
  background-clip: padding-box;
  background-color: #E5e5e5; }

/* cube */
.trilec-mod-box.cube .row .trilec-mod {
  border-bottom: 1px solid #dadada;
  border-right: 1px solid #dadada; }

.trilec-mod-box.cube .row:last-child .trilec-mod {
  border-bottom: none;
  border-right: 1px solid #dadada; }

.trilec-mod-box.cube .row .trilec-mod.last-item {
  border-right: none; }

/* sidebar navigation */
.trilec-mod-navigation {
  z-index: 15;
  padding: 8px;
  /*background: url("../img/menu-back.png") repeat; -- moved to Trilec_Staticcontent.css*/
  border: 1px solid #dadada;
  border-right: none; }

.trilec-mod-navigation hr {
  border-color: #d5d5d5;
  -webkit-box-shadow: none;
  box-shadow: none; }

.trilec-mod-navigation .form-input-row.input-inline .input-inline-element {
  margin: 0; }

.trilec-mod-navigation .form-input-row.input-inline label {
  font-weight: normal;
  font-size: 11px; }

.trilec-mod-navigation .search-filters {
  margin-top: 10px; }

.trilec-mod-navigation .form-input-row.input-inline .button.medium {
  margin-top: 7px; }

.trilec-mod-navigation.fixbottom {
  position: absolute; }

/* pagination */
.trilec-mod-pager, .trilec-mod-title, .trilec-mod-search {
  z-index: 5;
  padding: 0px 8px;
  position: relative;
  /*background: url("../img/menu-back.png") repeat; -- moved to Trilec_Staticcontent.css*/
  border: 1px solid #dadada; }

table thead {
  z-index: 5;
  padding: 0px 8px;
  position: relative;
  border-bottom: 1px solid #dadada; }

.trilec-mod-pager.top, .trilec-mod-search.top {
  border-bottom: none; }

.trilec-mod-pager.bottom, .trilec-mod-search.bottom {
  border-top: none; }

.trilec-mod-pager a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  width: auto;
  min-width: 25px;
  height: 34px;
  line-height: 34px;
  text-decoration: none;
  color: #888888;
  cursor: pointer;
  text-shadow: #ffffff 1px 1px 0px; }

.trilec-mod-pager a:hover, .trilec-mod-pager a.active {
  background-color: #f2f2f2; }

.pagination ul {
  margin: 0px; }

.pagination li {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.pagination .prev {
  float: left; }

.pagination .next {
  float: right; }

.trilec-mod-pager.pricing-totals {
  padding: 10px;
  padding-right: 36px; }

.trilec-mod-pager .subtotal-price {
  font-size: 10px;
  line-height: 18px;
  color: #666;
  text-align: right;
  width: 100%; }

.trilec-mod-pager .total-price {
  line-height: 18px;
  text-align: right;
  width: 100%;
  margin-top: 5px; }

.trilec-mod-pager.table-search, .trilec-mod-search {
  padding: 10px; }

.trilec-mod-pager .icon-search, .quickorderSearch .icon-search, .trilec-mod-search .icon-search {
  color: #bbbbbb;
  font-size: 20px;
  position: absolute;
  right: 14px;
  top: 7px; }

/* mod inside mod - table */
.mod-table {
  padding: 0; }

table-cell {
  display: table-cell; }

/* SEARCH RESULTS */
/*  */
/**************************************/
/************ RESPONSIVE **************/
/**************************************/
@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .trilec-mod-box.cube .row .trilec-mod, .trilec-mod-box.cube .row:last-child .trilec-mod {
    border-right: none;
    border-bottom: 1px solid #dadada; }
  .trilec-mod-navigation.fixbottom {
    position: relative; }
  .trilec-mod-navigation.fixed.top {
    position: relative; }
  table-cell {
    display: table-cell; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
/*
 * It may be possible to avoid the duplication below, but I don't know how.
 * http://stackoverflow.com/questions/23060689/how-can-i-generate-a-class-multiple-times-for-a-list-of-mixins
 */
@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  /*
	 * http://elvery.net/demo/responsive-tables/
	 */
  /* Force table to not be like tables anymore */
  table.responsive-small-tablet,
  table.responsive-small-tablet thead,
  table.responsive-small-tablet tbody,
  table.responsive-small-tablet th,
  table.responsive-small-tablet td,
  table.responsive-small-tablet tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  table.responsive-small-tablet thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  table.responsive-small-tablet tr {
    border: 1px solid #ccc; }
  table.responsive-small-tablet td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left; }
  table.responsive-small-tablet td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    text-align: left;
    font-weight: bold; }
  /*
	Label the data
	*/
  table.responsive-small-tablet td:before {
    content: attr(data-title); } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
@media only screen and (max-width: 480px) {
  .mobile-only {
    display: inline-block; }
  .hide-on-mobile {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-mobile {
    padding: 0; }
  .no-margin-mobile {
    margin: 0; }
  .zero-mobile {
    margin: 0;
    padding: 0; }
  /*
	 * http://elvery.net/demo/responsive-tables/
	 */
  /* Force table to not be like tables anymore */
  table.responsive-mobile,
  table.responsive-mobile thead,
  table.responsive-mobile tbody,
  table.responsive-mobile th,
  table.responsive-mobile td,
  table.responsive-mobile tr {
    display: block; }
  /* Hide table headers (but not display: none;, for accessibility) */
  table.responsive-mobile thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px; }
  table.responsive-mobile tr {
    border: 1px solid #ccc; }
  table.responsive-mobile td {
    /* Behave like a "row" */
    border: none;
    border-bottom: 1px solid #eee;
    position: relative;
    padding-left: 50%;
    white-space: normal;
    text-align: left; }
  table.responsive-mobile td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    text-align: left;
    font-weight: bold; }
  /*
	Label the data
	*/
  table.responsive-mobile td:before {
    content: attr(data-title); } }

/* shop */
/* global */
.informative-message {
  color: #a4a3a3;
  font-size: 10px;
  line-height: 17px; }

.call-to-action i {
  color: #008ac3;
  margin-right: 4px; }

.call-to-action a {
  text-decoration: none;
  font-weight: bold; }

.call-to-action a:hover {
  text-decoration: underline; }

.inline-link .link-icon {
  margin-right: 5px; }

.light, .date {
  font-style: italic;
  color: #999999; }

.important {
  font-weight: bold;
  color: #ce585c; }

.tooltip-inline i {
  color: #474747;
  cursor: pointer; }

.tooltip-inline.icon-container {
  height: 29px;
  vertical-align: middle;
  line-height: 29px;
  font-size: 20px; }

.tooltip-inline.icon-container i {
  line-height: 29px; }

.name-value {
  display: table;
  list-style: none;
  margin-top: 5px; }

.name-value li {
  display: table-row;
  margin: 5px 0;
  padding: 1px 0; }

.name-value li label, .name-value li span {
  display: table-cell;
  width: 50%;
  padding: 4px 30px 4px 0px;
  vertical-align: top; }

.help {
  background: white;
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0px;
  z-index: 1030;
  display: none;
  -moz-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  -webkit-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px; }
  .help h4 {
    padding-right: 40px; }
  .help .container {
    padding: 15px; }
  .help .help-close {
    position: absolute;
    right: 15px;
    top: 15px;
    display: block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    color: white;
    background: #999;
    text-align: center;
    text-decoration: none; }
  .help .help-close:hover {
    background-color: #008ac3; }

/* breadcrumb */
ul.breadcrumb {
  list-style: none;
  margin: 0 0 10px 0; }

ul.breadcrumb li {
  display: inline; }

ul.breadcrumb li .icon {
  color: #999;
  margin: 0 3px; }

ul.breadcrumb li span {
  font-weight: bold;
  color: #999; }

ul.breadcrumb li a {
  font-weight: bold;
  text-decoration: none; }

ul.breadcrumb li a:hover {
  text-decoration: underline; }

ul.breadcrumb .active {
  color: #666; }

/* ul download list */
ul.link-list {
  list-style: none;
  margin-left: 0; }

ul.link-list li {
  margin: 4px 0; }

ul.link-list a {
  color: #008ac3;
  font-weight: bold;
  text-decoration: none; }

ul.link-list a:hover {
  text-decoration: underline; }

ul.link-list span {
  color: #999; }

/* warning messages */
.warning-message {
  font-size: 13px;
  font-weight: bold;
  color: #d28a00; }

h2.warning-title {
  color: #d28a00;
  margin: 15px 0; }

/* tooltip */
.trilec-tooltip {
  background-color: #474747;
  border: none;
  color: white; }

/* dashboard */
.dashboard-row {
  margin-bottom: 30px; }

.contact-filiaal {
  line-height: 18px; }

.trilec-dashboard .product-info-table {
  padding: 0px;
  margin: 0px; }

.trilec-dashboard .product-info-table li:hover {
  background-color: #f5f5f5; }

.trilec-dashboard .cycle-slideshow a:hover {
  background-color: #f5f5f5; }

/* homepage */
.hp-cubes h3 {
  color: #474747;
  margin-top: 7px; }

.hp-cubes .button {
  margin-bottom: 10px; }

.icon-hp {
  font-size: 31px;
  color: #474747; }

/* img-wrappers */
.img-wrapper {
  border: 1px solid #e6e6e6;
  padding: 3px;
  background-color: #f4f4f4;
  margin-top: 10px;
  margin-bottom: 15px; }

.trilec-mod.even .img-wrapper {
  background: white; }

.img-wrapper img {
  display: block; }

/* google maps */
.google-frame {
  border: 1px solid #e6e6e6;
  padding: 3px;
  background-color: #ffffff; }

.google-frame.small .gmaps-wrap {
  height: 275px; }

.gmaps-wrap {
  height: 350px;
  width: 100%; }

#google img {
  background-color: transparent;
  border: none;
  max-width: none;
  min-width: auto;
  max-height: auto; }

/* reload */
.reload {
  margin-top: 25px; }

.reload a {
  color: #cececd;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  text-shadow: #FFFFFF 1px 1px 0px; }

.reload a:hover {
  color: #008ac3; }

.reload .icon-refresh {
  font-size: 40px; }

.icon-refresh.spinning {
  -moz-animation: spin 2s linear;
  -moz-animation-iteration-count: infinite;
  -o-animation: spin 2s linear;
  -o-animation-iteration-count: infinite;
  -webkit-animation: spin 2s linear;
  -webkit-animation-iteration-count: infinite;
  animation: spin 2s linear;
  animation-iteration-count: infinite; }

/* sortable table */
.trilec-table.js-sorting th {
  cursor: pointer; }

.trilec-table th.header:after {
  content: "\f0dc";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal; }

.trilec-table th.headerSortDown:after {
  content: "\f0dd";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal; }

.trilec-table th.headerSortUp:after {
  content: "\f0de";
  font-family: FontAwesome;
  margin-left: 5px;
  font-weight: normal; }

th.ko-sortable {
  cursor: pointer; }

th.ko-sortable:after {
  content: "\f0dc";
  font-family: FontAwesome;
  font-weight: normal;
  margin-left: 5px; }

th.ko-sort-descending:after {
  content: "\f0dd";
  font-family: FontAwesome;
  font-weight: normal;
  margin-left: 5px; }

th.ko-sort-ascending:after {
  content: "\f0de";
  font-family: FontAwesome;
  font-weight: normal;
  margin-left: 5px; }

/* TOOLTIP V2 */
#tooltipV2 {
  text-align: center;
  text-shadow: 0 1px rgba(0, 0, 0, 0.5);
  line-height: 1.5;
  color: #fff;
  background: #333;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.6)), to(rgba(0, 0, 0, 0.8)));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  background: -ms-radial-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  background: linear-gradient(top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.8));
  border-top: 1px solid #fff;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3);
  position: absolute;
  z-index: 100;
  padding: 15px; }

#tooltipV2:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #333;
  border-top-color: rgba(0, 0, 0, 0.7);
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  margin-left: -10px; }

#tooltipV2.top:after {
  border-top-color: transparent;
  border-bottom: 10px solid #333;
  border-bottom-color: rgba(0, 0, 0, 0.6);
  top: -20px;
  bottom: auto; }

#tooltipV2.left:after {
  left: 10px;
  margin: 0; }

#tooltipV2.right:after {
  right: 10px;
  left: auto;
  margin: 0; }

/* ACCORDION */
.accordionitem h3 {
  color: #008ac3; }

.accordionitem h3:hover {
  cursor: pointer; }

ol.filter {
  list-style-type: none;
  display: block;
  width: 100%;
  margin-bottom: 1em; }
  ol.filter li {
    display: inline-block;
    font-size: 1.5em;
    margin-right: 1em; }
    ol.filter li.active {
      color: #008ac3; }
    ol.filter li:hover {
      cursor: pointer; }

/**************************************/
/************ RESPONSIVE **************/
/**************************************/
@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .contentpage-cubes .img-wrapper {
    display: none; }
  .column {
    margin-bottom: 20px; }
  .dashboard-row .gap-left {
    margin-left: 0px;
    margin-bottom: 30px; }
  .dashboard-row .gap-right {
    margin-right: 0px;
    margin-bottom: 30px; }
  .contentpage-cubes .gap-left {
    margin: 0; }
  .contentpage-cubes .gap-right {
    margin: 0; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
ol.products li .labels .previously-ordered, .product-detail .labels .previously-ordered {
  font-size: 11px;
  color: #b6b5b5;
  text-decoration: none;
  cursor: cursor; }
  ol.products li .labels .previously-ordered :hover, .product-detail .labels .previously-ordered :hover {
    text-decoration: underline; }
    ol.products li .labels .previously-ordered :hover i, .product-detail .labels .previously-ordered :hover i {
      text-decoration: none; }
  ol.products li .labels .previously-ordered i, .product-detail .labels .previously-ordered i {
    text-decoration: none; }

ol.products li .labels a.promo, .product-detail .labels a.promo {
  background: #eb9000;
  color: white;
  text-decoration: none;
  font-size: 12px;
  line-height: 16px;
  height: 16px;
  font-weight: bold;
  font-variant: small-caps; }

#trilec_tree {
  margin-top: 20px;
  overflow-x: auto;
  overflow-y: hidden;
  display: block; }

ol.products {
  list-style-type: none; }
  ol.products li {
    display: block; }
    ol.products li .labels {
      float: left !important;
      position: relative; }
      ol.products li .labels .previously-ordered {
        text-align: right;
        font-size: 11px;
        color: #b6b5b5;
        position: absolute;
        right: 5px; }
        ol.products li .labels .previously-ordered i {
          font-size: 15px;
          display: inline-block;
          vertical-align: middle;
          *vertical-align: auto;
          *zoom: 1;
          *display: inline;
          margin-right: 3px; }
      ol.products li .labels .previously-ordered {
        top: 30px; }
      ol.products li .labels a.promo {
        position: absolute;
        top: 10px;
        right: -1px;
        display: block;
        padding: 0 10px 0 5px; }
  ol.products.no-products-found {
    /*text-align: center;*/
    padding: 35px;
    font-weight: normal;
    font-style: italic; }
    ol.products.no-products-found #explanation li {
      display: list-item;
      list-style: disc; }

.product-detail .labels {
  display: block;
  margin-bottom: 15px;
  margin-top: -10px; }
  .product-detail .labels .promo {
    padding: 0 2px;
    font-size: 12px;
    margin-right: 2px;
    line-height: 13px;
    height: 13px; }
  .product-detail .labels .previously-ordered {
    font-size: 13px;
    line-height: 13px; }
    .product-detail .labels .previously-ordered i {
      margin-right: 3px;
      line-height: 13px; }
  .product-detail .labels .product-type {
    padding: 0 3px;
    font-size: 12px;
    margin-right: 2px;
    line-height: 13px;
    height: 13px; }

/* product image */
.product-img-wrapper img {
  opacity: 0; }

.product-img-wrapper {
  border: 1px solid #e6e6e6;
  -moz-box-shadow: #f4f4f4 0px 0px 0px 4px inset;
  -webkit-box-shadow: #f4f4f4 0px 0px 0px 4px inset;
  box-shadow: #f4f4f4 0px 0px 0px 4px inset;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain !important;
  position: relative; }

.product-image-thumb {
  float: right !important; }

/* product image detail */
.zoom-image-detail {
  color: #ccc;
  font-size: 22px;
  position: absolute;
  bottom: 20px;
  right: 20px; }

.icon-remove {
  padding-left: 1px;
  padding-right: 1px; }

div.stock a {
  /*color: #999999;*/
  text-decoration: none; }

div.stock a:hover {
  text-decoration: underline; }

/* product info */
span.tax {
  background: #b5b5b5;
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
  padding: 2px 5px;
  font-weight: bold;
  cursor: help; }

span.not-available {
  background: #af2b06;
  color: white;
  text-decoration: none;
  font-size: 11px;
  line-height: 16px;
  height: 16px;
  padding: 2px 5px;
  margin: 5px 0;
  font-weight: bold;
  display: inline-block; }

.product-type {
  cursor: help;
  background-color: #666;
  color: white;
  font-size: 11px;
  width: 11px;
  height: 12px;
  line-height: 12px;
  text-align: center;
  font-weight: bold;
  font-variant: small-caps; }

.product-general-info {
  padding: 0 10px; }

.product-title {
  margin-bottom: 5px;
  position: relative;
  padding-left: 16px; }

.product-title a {
  color: #474747;
  text-decoration: none; }

.product-title a:hover {
  text-decoration: underline; }

.product-title .product-type {
  display: block;
  top: 2px;
  left: 0px;
  position: absolute; }

.stock {
  font-size: 11px;
  color: #999999;
  margin: 10px 0 5px 0; }

.stock.nok .icon-remove {
  color: #af2b06; }

.stock.ok .icon-ok {
  color: #a8c315; }

/* product pricing */
.product-price {
  margin-bottom: 5px;
  margin-right: 5px;
  text-align: right;
  font-size: 11px; }
  .product-price.m-t {
    margin-top: 10px; }

.product-price .price-normal {
  font-weight: bold; }

.product-price .price-barred {
  text-decoration: line-through;
  color: #888; }

.contract-prices {
  margin-top: 10px;
  margin-bottom: 20px; }
  .contract-prices h4 {
    margin-bottom: 5px; }
  .contract-prices .product-price {
    margin-bottom: 10px; }
  .contract-prices .contract-price-name {
    font-size: 11px;
    display: block;
    text-align: left;
    color: #999999;
    margin-bottom: 2px; }

.product-order-buttons {
  text-align: right; }

.product-order-promo {
  width: 119px;
  float: right;
  margin-bottom: 5px;
  margin-top: 5px;
  background: #eb9000;
  text-align: center; }
  .product-order-promo a {
    color: white;
    text-decoration: none;
    font-size: 12px;
    line-height: 16px;
    height: 16px;
    font-weight: bold;
    font-variant: small-caps;
    cursor: pointer; }
    .product-order-promo a i {
      font-size: 11px; }

.product-taxes {
  margin-top: 5px;
  text-align: right; }

.trilec-quantities {
  border: 1px solid #dadada;
  font-size: 11px;
  padding: 5px; }

.trilec-quantities-packaging {
  text-align: right; }

.trilec-quantities-minimum {
  padding-left: 20px; }

.trilec-quantities-header {
  font-weight: bold; }

.sharedorderlist-entry {
  cursor: pointer; }

.pick-a-contract {
  display: block;
  text-align: center;
  font-weight: bold;
  white-space: nowrap; }
  .pick-a-contract.ok {
    color: white; }
    .pick-a-contract.ok:hover {
      -moz-text-decoration-color: #a8c315;
      /* Code for Firefox */
      text-decoration-color: #a8c315; }
  .pick-a-contract.not-ok {
    color: #ce585c; }
    .pick-a-contract.not-ok:hover {
      -moz-text-decoration-color: #af2b06;
      /* Code for Firefox */
      text-decoration-color: #af2b06; }

/* PRODUCT DETAIL */
.product-info-table, .product-desc-table {
  padding: 8px;
  /*background: url("../img/menu-back.png") repeat;  -- moved to Trilec_Staticcontent.css*/
  border: 1px solid #dadada;
  color: #777;
  margin: 15px 0; }

.product-desc-table {
  margin: 0px;
  margin-right: 15px; }

.product-info-table .product-info-col .row {
  margin: 5px 0; }

.product-info-table .product-info-col {
  width: 100%;
  height: 100%;
  border-left: 1px solid #dadada;
  padding-left: 15px; }

.product-info-col.first {
  border: none;
  padding: 0; }

/**************************************/
/************ RESPONSIVE **************/
/**************************************/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ipad-only {
    display: inline-block; }
  .hide-on-ipad {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-ipad {
    padding: 0; }
  .no-margin-ipad {
    margin: 0; }
  .zero-ipad {
    margin: 0;
    padding: 0; }
  .product-price {
    margin-right: 0px; }
  .product-image-detail {
    margin-bottom: 10px; }
  .trilec-quantities, .product-desc-table {
    margin-top: 10px; }
  .trilec-quantities-minimum {
    padding-left: 0px;
    text-align: right; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .product-image-detail {
    margin-bottom: 10px; }
  .gap-right.double {
    margin-right: 0; }
  ol.products li .labels {
    clear: both;
    margin-bottom: 10px; }
    ol.products li .labels .previously-ordered {
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      text-align: left;
      position: relative;
      left: 0px;
      top: 0px;
      margin-top: 15px; }
      ol.products li .labels .previously-ordered .icon-tag {
        font-size: 13px; }
    ol.products li .labels a.promo {
      position: relative;
      display: inline-block;
      vertical-align: middle;
      *vertical-align: auto;
      *zoom: 1;
      *display: inline;
      padding: 0 5px; }
  .product-detail .product-price {
    margin-left: 0px; }
  .product-detail .product-order-buttons {
    margin-left: 0px; }
  .product-detail .product-taxes {
    margin-left: 0px; }
  .trilec-quantities {
    margin-top: 10px; }
  .trilec-quantities-minimum {
    padding-left: 0px;
    text-align: right; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
@media only screen and (max-width: 480px) {
  .mobile-only {
    display: inline-block; }
  .hide-on-mobile {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-mobile {
    padding: 0; }
  .no-margin-mobile {
    margin: 0; }
  .zero-mobile {
    margin: 0;
    padding: 0; }
  .stock {
    margin-bottom: 10px; }
  .product-price {
    text-align: left;
    margin-left: 10px; }
  .product-order-buttons {
    text-align: left;
    margin-left: 10px; }
  .product-taxes {
    text-align: left;
    margin-left: 10px; }
  .product-title {
    padding-left: 0px; }
  .product-title .product-type, .product-extra-info .product-type {
    display: none; }
  .product-info-table .product-info-col {
    border: none;
    padding: 0; }
  .trilec-quantities {
    margin-top: 10px; }
  .trilec-quantities-packaging {
    padding-left: 5px;
    text-align: left; }
  .trilec-quantities-minimum {
    padding-left: 5px;
    text-align: left; } }

/**************************************/
/************ Order List Table **************/
/**************************************/
.order-list-item .merged-prices-raw {
  margin-top: 10px; }

.order-list-item .total-prices {
  /*vertical-align:top;*/ }

/**************************************/
/************ Promotion Products **************/
/**************************************/
.promotion-product-amount {
  width: 125px; }

.promotion-product-packaging {
  min-width: 125px; }

.basket-promo {
  padding: 15px 30px 30px 30px; }

.basket-promo-table {
  width: auto; }

/* LOGO */
/* triconnect */
.logo {
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.logo.triconnect {
  width: 285px;
  height: 46px;
  /*background: url("../img/logo_triconnect.png") no-repeat; -- moved to Trilec_Staticcontent.css*/
  margin-top: 14px; }

/* trilec */
.logo.trilec {
  width: 218px;
  height: 53px;
  /*background: url("../img/logo_trilec.png") no-repeat; -- moved to Trilec_Staticcontent.css*/
  margin-top: 10px; }

/* replace logo by text */
.logo.triconnect.text {
  text-indent: 0px;
  width: auto;
  font-size: 25px;
  background: none;
  color: #547E8E;
  line-height: 30px;
  padding-top: 10px;
  padding-bottom: 5px;
  height: auto; }

/* GLOBAL */
/* top header bar */
.header-info {
  background-color: #373737;
  height: 32px;
  line-height: 18px;
  color: #d4d4d4;
  position: relative; }

.header-desktop, .header-global {
  display: inline-block;
  line-height: 32px;
  float: left; }

.header-app {
  display: none; }

.header-info {
  font-size: 11px; }

.header-info a {
  text-decoration: none;
  color: #d4d4d4;
  font-size: 11px; }

.header-info a:hover {
  text-decoration: underline; }

.header-info .header-desktop a {
  font-weight: bold;
  text-decoration: underline; }

.header-info a.link-to-shop {
  font-size: 13px;
  text-decoration: none;
  font-weight: normal; }

.header-info a.link-to-shop .icon-shopping-cart {
  font-size: 15px;
  margin-right: 5px; }

.header-info .splitter {
  margin: 0 10px; }

ul.language {
  list-style: none;
  float: right;
  margin: 0; }

ul.language li {
  display: inline; }

ul.language li a {
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  height: 32px;
  line-height: 32px;
  width: 28px;
  text-align: center; }

ul.language li.active a {
  background-color: #5f5f5f;
  font-weight: bold; }

ul.language li a:hover {
  background-color: #5f5f5f;
  text-decoration: none; }

/* search */
header form label {
  color: #666666;
  text-shadow: #FFFFFF 1px 1px 0px; }

form.search {
  margin: 20px 0; }

form.search input {
  height: 40px;
  font-size: 14px; }

form.search label {
  padding-top: 10px; }

form.search .icon-search {
  font-size: 24px;
  position: absolute;
  top: 7px;
  right: 14px;
  color: #BBB; }

form.search .search-input {
  position: relative; }

/* topnav */
.topnav ul {
  margin-left: 0px; }

.topnav li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  margin-right: 5px; }

.topnav li a {
  /*z-index:520;*/
  position: relative;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline;
  padding: 8px 12px;
  color: #547e8e;
  text-decoration: none;
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  text-shadow: #FFFFFF 1px 1px 0px; }

.topnav li.active a, .topnav li:hover a {
  color: white;
  background-color: #94aeb7;
  text-shadow: #5e686c 1px 1px 0px; }

.topnav li a:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out; }

.topnav li .icon-caret-down {
  margin-left: 4px;
  color: #999999; }

.topnav li.active a .icon-caret-down, .topnav li:hover a .icon-caret-down {
  color: white; }

/* subnav */
.topnav li .subnav {
  margin: 0;
  z-index: 500;
  position: absolute;
  top: 34px;
  left: 0px;
  display: none;
  background: #94aeb7;
  -moz-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  -webkit-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
  box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px; }

.topnav li .subnav li {
  display: block;
  margin-right: 0px;
  min-width: 200px; }

.topnav li .subnav li a {
  padding: 8px 0;
  margin: 0 10px;
  color: white;
  font-size: 11px;
  font-weight: normal;
  display: block;
  background: none;
  border-bottom: 1px solid #bfced4; }

.topnav li .subnav li:hover {
  background-color: #547e8e; }

.topnav li .subnav li:hover a {
  border-bottom-color: #547e8e; }

.topnav li .subnav li.last a {
  border-bottom: none; }

/* mobile */
.topnav-mobile {
  display: none; }

/* shopping cart link */
.link-to-shoppingcart {
  color: #a8c315;
  text-shadow: #FFFFFF 1px 1px 0px;
  font-size: 15px;
  font-weight: bold;
  text-decoration: none;
  text-align: right;
  z-index: 1020; }

.link-to-shoppingcart .icon-shopping-cart {
  font-size: 18px;
  margin-right: 5px; }

.link-to-shoppingcart .shop-items {
  font-size: 13px;
  font-weight: normal; }

.link-to-shoppingcart .splitter {
  margin: 0 5px;
  font-weight: normal; }

/* WARNING MESSAGE HEADER */
.warning-message-top {
  background-color: white;
  height: 32px;
  padding: 7px 0;
  line-height: 18px;
  font-weight: bold;
  color: #d28a00; }

.warning-message-top span {
  color: #bdbdbd;
  font-weight: normal; }

.warning-message-top span a {
  color: #bdbdbd; }

.warning-message-top .icon-ban-circle {
  margin-right: 6px;
  font-size: 14px; }

.header-settings {
  float: left;
  display: inline; }

.subheader-app {
  display: none; }

.subheader-search {
  display: none; }

.subheader-basket {
  display: none; }

.subheader-favorites {
  display: none; }

.subheader-settings {
  display: none; }

.subheader-app-item.active {
  display: none; }

/**************************************/
/************ RESPONSIVE **************/
/**************************************/
/* afbeeldingen retina schermen */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .logo.triconnect {
    /*background: url("../img/logo_triconnect_2x.png") no-repeat; -- moved to Trilec_Staticcontent.css*/
    background-size: 285px 46px; }
  .logo.trilec {
    /*background: url("../img/logo_trilec_2x.png") no-repeat; -- moved to Trilec_Staticcontent.css*/
    background-size: 218px 53px; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  /* replace logo by text */
  .logo.triconnect.text {
    text-indent: 0px;
    width: auto;
    font-size: 20px;
    background: none;
    color: #547E8E;
    line-height: 24px;
    padding-top: 5px;
    height: auto; }
  .header-desktop {
    display: none; }
  .header-app {
    display: inline-block; }
  .warning-message-top {
    display: none; }
  .trilec header hr {
    display: none; }
  .trilec .topnav {
    margin: 0 0 10px 0; }
  .topnavlist {
    display: none; }
  .warning-message-top {
    height: auto; }
  .header-info {
    height: auto; }
  .topnav {
    display: block;
    width: 100%;
    background: #94aeb7; }
  .topnav-mobile {
    display: block;
    padding: 0 10px; }
  .mobile-menu-link:hover {
    background-color: #547e8e; }
  .topnav ul {
    margin: 0;
    display: none; }
  .topnav li {
    display: block;
    margin-right: 0px; }
  .topnav li .subnav {
    position: relative; }
  .menu-text {
    font-size: 14px;
    font-weight: bold;
    line-height: 25px;
    padding: 5px 0;
    color: white;
    text-shadow: #5e686c 1px 1px 0px; }
  .mobile-menu-link {
    color: white;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    font-size: 20px;
    line-height: 25px;
    text-decoration: none;
    text-shadow: #5e686c 1px 1px 0px;
    padding: 5px 10px; }
  .topnav li a {
    color: white;
    background-color: #94aeb7;
    text-shadow: #5e686c 1px 1px 0px; }
  .topnav li .subnav {
    top: 0px;
    -moz-box-shadow: rgba(32, 32, 32, 0) 0px 0px 0px;
    -webkit-box-shadow: rgba(32, 32, 32, 0) 0px 0px 0px;
    box-shadow: rgba(32, 32, 32, 0) 0px 0px 0px; }
  .topnav li .subnav li {
    min-width: 100%; }
  .topnav li .subnav li a {
    width: auto;
    margin-left: 20px; }
  .topnav li .subnav li.last a {
    border-bottom: 1px solid #bfced4;
    margin-bottom: 10px; }
  .topnav li .subnav li:hover a {
    border-bottom-color: #547e8e; }
  .topnav li a .icon-caret-down {
    color: white; }
  .topnav li a {
    width: 100%; }
  .topnav li.active a, .topnav li:hover a {
    background-color: #547e8e; }
  .js-trigger-settings .call-to-action .icon-arrow-right {
    color: #d4d4d4; }
  .js-trigger-settings {
    display: block; }
  .link-to-shoppingcart {
    z-index: 1000; }
  .app-link.active {
    background-color: #5f5f5f; }
  header {
    margin-top: 40px; }
  .header-info {
    display: block;
    z-index: 2000;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    height: 40px;
    background-color: #373737;
    color: #d4d4d4; }
  .subheader-app {
    display: none;
    z-index: 1999;
    position: fixed;
    top: 40px;
    padding: 10px 0;
    width: 100%;
    z-index: 1000;
    -moz-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
    -webkit-box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
    box-shadow: rgba(32, 32, 32, 0.3) 0px 0px 30px;
    background-color: #5f5f5f;
    color: #d4d4d4; }
  .subheader-app-item ul {
    margin-top: 0px;
    margin-bottom: 0px;
    list-style: none; }
  .subheader-app-item ul li {
    margin: 2px 0; }
  .subheader-app .basket-title {
    font-size: 14px;
    font-weight: bold; }
  .subheader-app .basket-disclaimer {
    font-size: 10px;
    margin: 5px 0; }
  .subheader-app .basket-pricing {
    font-size: 12px; }
  .subheader-app a {
    font-weight: bold;
    color: #d4d4d4;
    font-size: 11px; }
  .subheader-help ul {
    list-style: disc; }
  .subheader-help a {
    font-weight: bold;
    color: #d4d4d4;
    font-size: 11px; }
  .subheader-favorites a {
    font-weight: bold;
    color: #d4d4d4;
    font-size: 11px; }
  .subheader-favorites span {
    font-size: 10px; }
  .subheader-settings {
    font-size: 11px; }
  .subheader-settings a {
    font-weight: bold;
    color: #d4d4d4; }
  .header-app a {
    text-decoration: none;
    color: #d4d4d4; }
  ul.language li a {
    height: 40px;
    line-height: 40px;
    width: 34px;
    text-align: center; }
  ul.language li.active a {
    background-color: #5f5f5f;
    font-weight: bold; }
  ul.language li a:hover {
    background-color: #5f5f5f;
    text-decoration: none; }
  .app-link {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 40px;
    min-width: 34px;
    line-height: 40px;
    text-align: center;
    text-shadow: #000000 1px 1px 0px; }
  .app-icon {
    font-size: 20px; }
  .app-link a {
    padding: 0 5px;
    display: block;
    text-decoration: none; }
  .app-link a:hover {
    text-decoration: none; }
  .app-link a:hover {
    background-color: #5f5f5f; }
  .app-link a.app-link-cart {
    color: #a8c315; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
footer {
  position: relative; }

.footer {
  border-top: 5px solid #e2e2e2;
  padding: 20px 0;
  width: 100%; }

.subfooter {
  background-color: #ececec;
  padding: 5px 0;
  bottom: 0px; }

footer .social-icons a {
  font-size: 20px;
  margin-right: 6px;
  color: #BBBBBB; }

footer .social-icons a:hover {
  color: #008ac3; }

/**************************************/
/************ RESPONSIVE **************/
/**************************************/
@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  footer {
    height: auto; }
  .subfooter .align-right {
    text-align: left; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
/**************************/
/****** TRILEC SLIDER *****/
/**************************/
/* slider */
.slider img {
  display: none; }

.slider-item {
  padding: 10px;
  border-bottom: 1px solid #dadada;
  position: relative;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease; }

.slider-item.active {
  background: #f7f7f7; }

.slider-item .slider-pointer {
  display: none; }

.slider-content-container {
  position: relative; }

.slider-img-container {
  min-height: 375px !important; }

.slider-img-container {
  display: none; }

.slider-img-container.first {
  display: block; }

.slider-item.active .slider-pointer {
  z-index: 200;
  display: block;
  position: absolute;
  top: 15px;
  left: 0px;
  height: 10px;
  width: 10px;
  background-color: #f7f7f7;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  /* Rotate Origin */
  -webkit-transform-origin: 0 100%;
  -moz-transform-origin: 0 100%;
  -ms-transform-origin: 0 100%;
  -o-transform-origin: 0 100%;
  transform-origin: 0 100%; }

.slider-title h3 {
  color: #9a9a9a; }

.slider-info {
  display: none; }

.slider-item.active .slider-info {
  display: block; }

.slider-nav {
  display: none; }

.slider-item:hover .slider-title h3, .slider-item.active .slider-title h3 {
  color: #474747;
  cursor: pointer; }

.slider-img-container {
  background-size: cover;
  background-position: 50% 50%; }

/* carousel */
.carousel {
  position: relative; }

.carousel-navbutton {
  text-decoration: none;
  position: absolute;
  top: 40%; }

.carousel-navbutton i {
  text-decoration: none;
  color: #333;
  font-size: 40px;
  opacity: 0.4; }

.carousel-navbutton:hover i {
  opacity: 1; }

.carousel-navbutton-left {
  left: 5px; }

.carousel-navbutton-right {
  right: 5px; }

/* image gallery */
.slider-gallery h3 {
  color: #474747; }

.slider-gallery .slider-item {
  background-color: #f7f7f7;
  padding: 20px; }

.slider-gallery-nav ul {
  padding: 10px;
  margin: 0px; }

.slider-gallery-nav ul li {
  display: inline; }

.slider-gallery-nav ul li a {
  margin: 5px;
  border: 5px solid #e8e8e8;
  display: inline-block;
  vertical-align: middle;
  *vertical-align: auto;
  *zoom: 1;
  *display: inline; }

.slider-gallery-nav ul li a:hover, .slider-gallery-nav ul li.active a {
  border-color: #547e8e; }

.slider-gallery-nav img {
  display: block; }

.cycle-slideshow {
  min-height: 100%; }

.cycle-slideshow div {
  display: block;
  height: 100%; }
  .cycle-slideshow div a {
    display: inline-block;
    height: 100%;
    width: 231px;
    border-right: 1px solid #dadada; }
    .cycle-slideshow div a img {
      height: 100%; }

.slider-link {
  position: relative; }
  .slider-link .slider-text {
    position: absolute;
    width: 231px;
    text-align: center;
    bottom: 0;
    height: 40px;
    padding-top: 15px;
    color: white;
    background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjAiLz48c3RvcCBvZmZzZXQ9IjExJSIgc3RvcC1jb2xvcj0iIzAwMDAwMCIgc3RvcC1vcGFjaXR5PSIwLjE4Ii8+PHN0b3Agb2Zmc2V0PSI0MCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==");
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, transparent), color-stop(11%, rgba(0, 0, 0, 0.18)), color-stop(40%, rgba(0, 0, 0, 0.35)));
    background-image: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.18) 11%, rgba(0, 0, 0, 0.35) 40%);
    background-image: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.18) 11%, rgba(0, 0, 0, 0.35) 40%);
    background-image: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.18) 11%, rgba(0, 0, 0, 0.35) 40%); }

.slider-img-container {
  z-index: 0;
  width: 100%;
  min-height: 100%;
  width: 100%;
  background-size: cover;
  background-position: 50% 50%; }

.sliderwrap {
  height: 100%; }

.cycle-slideshow-multiple .cycle-slide {
  width: 1168px; }

.cycle-slideshow-single .cycle-slide {
  width: 233px; }

.cycle-slide {
  height: 185px; }
  .cycle-slide a, .cycle-slide img {
    height: 100%;
    /*width: 100%;*/ }

/************ RESPONSIVE **************/
@media only screen and (min-width: 1025px) {
  .hide-on-desktop {
    display: none; }
  .no-padding-desktop {
    padding: 0; }
  .no-margin-desktop {
    margin: 0; }
  .zero-desktop {
    margin: 0;
    padding: 0; }
  .slider-img-container {
    min-height: 375px !important; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ipad-only {
    display: inline-block; }
  .hide-on-ipad {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-ipad {
    padding: 0; }
  .no-margin-ipad {
    margin: 0; }
  .zero-ipad {
    margin: 0;
    padding: 0; }
  .slider-img-container {
    min-height: 375px !important; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .slider-img-container {
    min-height: 1px !important; }
  .slider img {
    display: block; }
  .slider-item {
    border: none;
    display: none;
    margin: 5px 0; }
  .slider-item.active {
    background: none;
    display: block; }
  .slider-item.active .slider-pointer {
    display: none; }
  .slider-nav {
    display: block;
    z-index: 200;
    position: absolute;
    top: -25px;
    left: 10px; }
  .slider-nav ul {
    margin: 0; }
  .slider-nav ul li {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    margin-right: 3px; }
  .slider-nav ul li a {
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    *zoom: 1;
    *display: inline;
    height: 20px;
    width: 20px;
    line-height: 20px;
    text-align: center;
    background: none;
    text-decoration: none;
    background: white;
    color: white;
    background: #94AEB7; }
  .slider-nav ul li.active a, .slider-nav ul li:hover a {
    background: white;
    color: #474747;
    opacity: 1; }
  .slider-gallery .slider-item {
    display: block; }
  .slider-gallery .slider-item {
    margin-top: 0px;
    background: white; }
  .slider-gallery .slider-nav {
    top: -20px; }
  .slider-gallery .slider-gallery-nav {
    display: none; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
/* PROMO PAGE */
.promo-description {
  font-size: 14px; }

.promo-price {
  font-size: 14px;
  font-weight: bold; }

/* DELIVERY ADDRESS */
input.delivery-time {
  width: 60px;
  margin: 0 5px; }

input.delivery-time.disabled {
  background-color: #f5f5f5; }

.delivery-time-info {
  font-weight: bold; }

.edit-customercontract {
  cursor: pointer;
  display: inline-block;
  margin-top: 7px; }

/* ORDER BUTTON LOADING */
.order-added {
  color: #999999; }
  .order-added i {
    color: #A8C315; }

table.infotable.half {
  float: left;
  width: 50%; }
  table.infotable.half td:first-child {
    width: 40%; }

table.infotable tr:first-child td {
  padding-top: 1em; }

table.infotable td:first-child {
  width: 20%; }

.order-to-pickup {
  font-style: italic;
  font-size: 0.9em; }

.runnertype-b {
  margin-top: 5px;
  display: block;
  color: #ce585c;
  font-style: italic;
  font-size: 0.85em; }

/* table.infotable td:nth-child(2) */
table.infotable td:first-child + td {
  font-weight: bold; }

.cartname {
  overflow: hidden;
  max-width: 100px; }

.delete {
  color: #ce585c; }

/*Previously order list*/
.select-all {
  padding: 10px;
  text-align: right; }
  .select-all i {
    margin-left: 15px; }

/************ RESPONSIVE **************/
@media only screen and (min-width: 1025px) {
  .hide-on-desktop {
    display: none; }
  .no-padding-desktop {
    padding: 0; }
  .no-margin-desktop {
    margin: 0; }
  .zero-desktop {
    margin: 0;
    padding: 0; }
  .subheader-app-item.active {
    display: none !important; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .triconnect .search-top {
    display: none; }
  .triconnect .topnav {
    margin: 10px 0; }
  .triconnect .link-to-shoppingcart {
    display: none; }
  .triconnect header hr {
    display: none; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
@media only screen and (max-width: 480px) {
  .mobile-only {
    display: inline-block; }
  .hide-on-mobile {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-mobile {
    padding: 0; }
  .no-margin-mobile {
    margin: 0; }
  .zero-mobile {
    margin: 0;
    padding: 0; }
  .delivery-time-info {
    display: block;
    margin: 5px 0; }
  table.infotable.half {
    width: 100%; } }

.modal-backdrop {
  background-color: #000000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 1040;
  opacity: 0.8;
  -ms-filter: "alpha(opacity=80)"; }

.modal.hide {
  display: none; }

.modal {
  background-clip: padding-box;
  background-color: #FFFFFF;
  border: 7px solid #191919;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  left: 50%;
  margin-left: -375px;
  outline: medium none;
  position: fixed;
  top: 8%;
  width: 750px;
  z-index: 1050;
  max-height: 90%; }
  .modal#customersModal {
    width: 70% !important;
    left: 15% !important;
    margin-left: 0 !important; }

.modal form {
  margin: 0; }

.modal h3 {
  padding-right: 45px; }

.modal-header {
  position: relative;
  width: 100%;
  padding: 15px; }

.modal-body {
  padding: 0 15px 15px 15px;
  overflow-y: auto;
  position: relative;
  -webkit-overflow-scrolling: touch; }

.modal-footer {
  padding: 15px;
  border-top: 1px solid #dadada;
  background: #f7f7f7; }

.modal-close {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 25px;
  height: 25px;
  line-height: 25px;
  color: white;
  background: #191919;
  text-align: center;
  text-decoration: none; }

.modal-close:hover {
  background-color: #008ac3; }

#pdfModal {
  width: 70%;
  left: 15%;
  margin-left: 0; }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .modal {
    width: 100%;
    margin-left: 0px;
    max-height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0; }
  .modal-footer {
    position: fixed;
    bottom: 7px;
    width: auto;
    right: 7px;
    left: 7px; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
.desktop-only {
  display: block; }

.ipad-only {
  display: none; }

.small-tablet-only {
  display: none; }

.mobile-only {
  display: none; }

@media only screen and (min-width: 1025px) {
  .hide-on-desktop {
    display: none; }
  .no-padding-desktop {
    padding: 0; }
  .no-margin-desktop {
    margin: 0; }
  .zero-desktop {
    margin: 0;
    padding: 0; } }

@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .ipad-only {
    display: inline-block; }
  .hide-on-ipad {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-ipad {
    padding: 0; }
  .no-margin-ipad {
    margin: 0; }
  .zero-ipad {
    margin: 0;
    padding: 0; }
  .twelfth.ipad, .twelfths.ipad {
    width: 100% !important;
    float: none;
    clear: both; }
    .twelfth.ipad.right-one, .twelfth.ipad.right-two, .twelfth.ipad.right-three, .twelfth.ipad.right-four, .twelfth.ipad.right-five, .twelfth.ipad.right-six, .twelfth.ipad.right-seven, .twelfth.ipad.right-eight, .twelfth.ipad.right-nine, .twelfth.ipad.right-ten, .twelfth.ipad.right-eleven, .twelfths.ipad.right-one, .twelfths.ipad.right-two, .twelfths.ipad.right-three, .twelfths.ipad.right-four, .twelfths.ipad.right-five, .twelfths.ipad.right-six, .twelfths.ipad.right-seven, .twelfths.ipad.right-eight, .twelfths.ipad.right-nine, .twelfths.ipad.right-ten, .twelfths.ipad.right-eleven {
      left: 0; }
    .twelfth.ipad.left-one, .twelfth.ipad.left-two, .twelfth.ipad.left-three, .twelfth.ipad.left-four, .twelfth.ipad.left-five, .twelfth.ipad.left-six, .twelfth.ipad.left-seven, .twelfth.ipad.left-eight, .twelfth.ipad.left-nine, .twelfth.ipad.left-ten, .twelfth.ipad.left-eleven, .twelfths.ipad.left-one, .twelfths.ipad.left-two, .twelfths.ipad.left-three, .twelfths.ipad.left-four, .twelfths.ipad.left-five, .twelfths.ipad.left-six, .twelfths.ipad.left-seven, .twelfths.ipad.left-eight, .twelfths.ipad.left-nine, .twelfths.ipad.left-ten, .twelfths.ipad.left-eleven {
      right: 0; }
    .twelfth.ipad.skip-one, .twelfth.ipad.skip-two, .twelfth.ipad.skip-three, .twelfth.ipad.skip-four, .twelfth.ipad.skip-five, .twelfth.ipad.skip-six, .twelfth.ipad.skip-seven, .twelfth.ipad.skip-eight, .twelfth.ipad.skip-nine, .twelfth.ipad.skip-ten, .twelfth.ipad.skip-eleven, .twelfths.ipad.skip-one, .twelfths.ipad.skip-two, .twelfths.ipad.skip-three, .twelfths.ipad.skip-four, .twelfths.ipad.skip-five, .twelfths.ipad.skip-six, .twelfths.ipad.skip-seven, .twelfths.ipad.skip-eight, .twelfths.ipad.skip-nine, .twelfths.ipad.skip-ten, .twelfths.ipad.skip-eleven {
      margin-left: 0; } }

@media only screen and (max-width: 767px), only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
  .small-tablet-only {
    display: inline-block; }
  .hide-on-small-tablet {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-small-tablet {
    padding: 0; }
  .no-margin-small-tablet {
    margin: 0; }
  .zero-small-tablet {
    margin: 0;
    padding: 0; }
  .twelfth:not(.small-tablet):not(.mobile), .twelfths:not(.small-tablet):not(.mobile) {
    width: 100% !important;
    float: none;
    clear: both; }
    .twelfth:not(.small-tablet):not(.mobile).right-one, .twelfth:not(.small-tablet):not(.mobile).right-two, .twelfth:not(.small-tablet):not(.mobile).right-three, .twelfth:not(.small-tablet):not(.mobile).right-four, .twelfth:not(.small-tablet):not(.mobile).right-five, .twelfth:not(.small-tablet):not(.mobile).right-six, .twelfth:not(.small-tablet):not(.mobile).right-seven, .twelfth:not(.small-tablet):not(.mobile).right-eight, .twelfth:not(.small-tablet):not(.mobile).right-nine, .twelfth:not(.small-tablet):not(.mobile).right-ten, .twelfth:not(.small-tablet):not(.mobile).right-eleven, .twelfths:not(.small-tablet):not(.mobile).right-one, .twelfths:not(.small-tablet):not(.mobile).right-two, .twelfths:not(.small-tablet):not(.mobile).right-three, .twelfths:not(.small-tablet):not(.mobile).right-four, .twelfths:not(.small-tablet):not(.mobile).right-five, .twelfths:not(.small-tablet):not(.mobile).right-six, .twelfths:not(.small-tablet):not(.mobile).right-seven, .twelfths:not(.small-tablet):not(.mobile).right-eight, .twelfths:not(.small-tablet):not(.mobile).right-nine, .twelfths:not(.small-tablet):not(.mobile).right-ten, .twelfths:not(.small-tablet):not(.mobile).right-eleven {
      left: 0; }
    .twelfth:not(.small-tablet):not(.mobile).left-one, .twelfth:not(.small-tablet):not(.mobile).left-two, .twelfth:not(.small-tablet):not(.mobile).left-three, .twelfth:not(.small-tablet):not(.mobile).left-four, .twelfth:not(.small-tablet):not(.mobile).left-five, .twelfth:not(.small-tablet):not(.mobile).left-six, .twelfth:not(.small-tablet):not(.mobile).left-seven, .twelfth:not(.small-tablet):not(.mobile).left-eight, .twelfth:not(.small-tablet):not(.mobile).left-nine, .twelfth:not(.small-tablet):not(.mobile).left-ten, .twelfth:not(.small-tablet):not(.mobile).left-eleven, .twelfths:not(.small-tablet):not(.mobile).left-one, .twelfths:not(.small-tablet):not(.mobile).left-two, .twelfths:not(.small-tablet):not(.mobile).left-three, .twelfths:not(.small-tablet):not(.mobile).left-four, .twelfths:not(.small-tablet):not(.mobile).left-five, .twelfths:not(.small-tablet):not(.mobile).left-six, .twelfths:not(.small-tablet):not(.mobile).left-seven, .twelfths:not(.small-tablet):not(.mobile).left-eight, .twelfths:not(.small-tablet):not(.mobile).left-nine, .twelfths:not(.small-tablet):not(.mobile).left-ten, .twelfths:not(.small-tablet):not(.mobile).left-eleven {
      right: 0; }
    .twelfth:not(.small-tablet):not(.mobile).skip-one, .twelfth:not(.small-tablet):not(.mobile).skip-two, .twelfth:not(.small-tablet):not(.mobile).skip-three, .twelfth:not(.small-tablet):not(.mobile).skip-four, .twelfth:not(.small-tablet):not(.mobile).skip-five, .twelfth:not(.small-tablet):not(.mobile).skip-six, .twelfth:not(.small-tablet):not(.mobile).skip-seven, .twelfth:not(.small-tablet):not(.mobile).skip-eight, .twelfth:not(.small-tablet):not(.mobile).skip-nine, .twelfth:not(.small-tablet):not(.mobile).skip-ten, .twelfth:not(.small-tablet):not(.mobile).skip-eleven, .twelfths:not(.small-tablet):not(.mobile).skip-one, .twelfths:not(.small-tablet):not(.mobile).skip-two, .twelfths:not(.small-tablet):not(.mobile).skip-three, .twelfths:not(.small-tablet):not(.mobile).skip-four, .twelfths:not(.small-tablet):not(.mobile).skip-five, .twelfths:not(.small-tablet):not(.mobile).skip-six, .twelfths:not(.small-tablet):not(.mobile).skip-seven, .twelfths:not(.small-tablet):not(.mobile).skip-eight, .twelfths:not(.small-tablet):not(.mobile).skip-nine, .twelfths:not(.small-tablet):not(.mobile).skip-ten, .twelfths:not(.small-tablet):not(.mobile).skip-eleven {
      margin-left: 0; }
  .nav, .nav.inline {
    width: 100%; }
    .nav ul li, .nav ul.row li, .nav.inline ul li, .nav.inline ul.row li {
      display: block;
      width: 100% !important; }
      .nav ul li:first-child > a, .nav ul li:first-child > a:visited, .nav ul.row li:first-child > a, .nav ul.row li:first-child > a:visited, .nav.inline ul li:first-child > a, .nav.inline ul li:first-child > a:visited, .nav.inline ul.row li:first-child > a, .nav.inline ul.row li:first-child > a:visited {
        -ms-border-radius: 0px 0px 0 0;
        -o-border-radius: 0px 0px 0 0;
        -moz-border-radius: 0px 0px 0 0;
        -webkit-border-radius: 0px 0px 0 0;
        border-radius: 0px 0px 0 0; }
      .nav ul li:last-child > a, .nav ul li:last-child > a:visited, .nav ul.row li:last-child > a, .nav ul.row li:last-child > a:visited, .nav.inline ul li:last-child > a, .nav.inline ul li:last-child > a:visited, .nav.inline ul.row li:last-child > a, .nav.inline ul.row li:last-child > a:visited {
        -ms-border-radius: 0 0 0px 0px;
        -o-border-radius: 0 0 0px 0px;
        -moz-border-radius: 0 0 0px 0px;
        -webkit-border-radius: 0 0 0px 0px;
        border-radius: 0 0 0px 0px; }
      .nav ul li:only-child > a, .nav ul li:only-child > a:visited, .nav ul.row li:only-child > a, .nav ul.row li:only-child > a:visited, .nav.inline ul li:only-child > a, .nav.inline ul li:only-child > a:visited, .nav.inline ul.row li:only-child > a, .nav.inline ul.row li:only-child > a:visited {
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px; }
      .nav ul li ul, .nav ul.row li ul, .nav.inline ul li ul, .nav.inline ul.row li ul {
        position: static; }
        .nav ul li ul li a, .nav ul li ul li a:visited, .nav ul.row li ul li a, .nav ul.row li ul li a:visited, .nav.inline ul li ul li a, .nav.inline ul li ul li a:visited, .nav.inline ul.row li ul li a, .nav.inline ul.row li ul li a:visited {
          -ms-border-radius: 0;
          -o-border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0; }
        .nav ul li ul li:first-child a, .nav ul li ul li:first-child a:visited, .nav ul li ul li:last-child a, .nav ul li ul li:last-child a:visited, .nav ul li ul li:only-child a, .nav ul li ul li:only-child a:visited, .nav ul.row li ul li:first-child a, .nav ul.row li ul li:first-child a:visited, .nav ul.row li ul li:last-child a, .nav ul.row li ul li:last-child a:visited, .nav ul.row li ul li:only-child a, .nav ul.row li ul li:only-child a:visited, .nav.inline ul li ul li:first-child a, .nav.inline ul li ul li:first-child a:visited, .nav.inline ul li ul li:last-child a, .nav.inline ul li ul li:last-child a:visited, .nav.inline ul li ul li:only-child a, .nav.inline ul li ul li:only-child a:visited, .nav.inline ul.row li ul li:first-child a, .nav.inline ul.row li ul li:first-child a:visited, .nav.inline ul.row li ul li:last-child a, .nav.inline ul.row li ul li:last-child a:visited, .nav.inline ul.row li ul li:only-child a, .nav.inline ul.row li ul li:only-child a:visited {
          -ms-border-radius: 0;
          -o-border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0; }
      .nav ul li:first-child a, .nav ul li:first-child a:visited, .nav ul.row li:first-child a, .nav ul.row li:first-child a:visited, .nav.inline ul li:first-child a, .nav.inline ul li:first-child a:visited, .nav.inline ul.row li:first-child a, .nav.inline ul.row li:first-child a:visited {
        -ms-border-radius: 0px 0px 0 0;
        -o-border-radius: 0px 0px 0 0;
        -moz-border-radius: 0px 0px 0 0;
        -webkit-border-radius: 0px 0px 0 0;
        border-radius: 0px 0px 0 0; }
      .nav ul li:last-child a, .nav ul li:last-child a:visited, .nav ul.row li:last-child a, .nav ul.row li:last-child a:visited, .nav.inline ul li:last-child a, .nav.inline ul li:last-child a:visited, .nav.inline ul.row li:last-child a, .nav.inline ul.row li:last-child a:visited {
        -ms-border-radius: 0 0 0px 0px;
        -o-border-radius: 0 0 0px 0px;
        -moz-border-radius: 0 0 0px 0px;
        -webkit-border-radius: 0 0 0px 0px;
        border-radius: 0 0 0px 0px; }
      .nav ul li:last-child ul li:last-child a, .nav ul li:last-child ul li:last-child a:visited, .nav ul.row li:last-child ul li:last-child a, .nav ul.row li:last-child ul li:last-child a:visited, .nav.inline ul li:last-child ul li:last-child a, .nav.inline ul li:last-child ul li:last-child a:visited, .nav.inline ul.row li:last-child ul li:last-child a, .nav.inline ul.row li:last-child ul li:last-child a:visited {
        -ms-border-radius: 0 0 0px 0px;
        -o-border-radius: 0 0 0px 0px;
        -moz-border-radius: 0 0 0px 0px;
        -webkit-border-radius: 0 0 0px 0px;
        border-radius: 0 0 0px 0px; }
      .nav ul li:only-child a, .nav ul li:only-child a:visited, .nav ul.row li:only-child a, .nav ul.row li:only-child a:visited, .nav.inline ul li:only-child a, .nav.inline ul li:only-child a:visited, .nav.inline ul.row li:only-child a, .nav.inline ul.row li:only-child a:visited {
        -ms-border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
        border-radius: 0px; }
  .nav.menu {
    display: block;
    float: none;
    background-color: #333;
    padding: 10px;
    padding-bottom: 0;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px; }
    .nav.menu:before {
      content: attr(data-label);
      float: left;
      color: #fff;
      line-height: 2.2; }
    .nav.menu .menu-toggle {
      display: inline-block !important;
      float: right;
      margin-bottom: 10px; }
    .nav.menu > ul, .nav.menu > ul.row {
      display: block !important;
      overflow: hidden;
      max-height: 0;
      width: auto;
      margin: 0 -10px;
      clear: both;
      -ms-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      transition: all 0.2s ease; }
      .nav.menu > ul li a, .nav.menu > ul li a:visited, .nav.menu > ul.row li a, .nav.menu > ul.row li a:visited {
        border: none;
        border-top: 1px solid #333; }
        .nav.menu > ul li a:first-child a, .nav.menu > ul li a:first-child a:visited, .nav.menu > ul li a:last-child a, .nav.menu > ul li a:last-child a:visited, .nav.menu > ul li a:visited:first-child a, .nav.menu > ul li a:visited:first-child a:visited, .nav.menu > ul li a:visited:last-child a, .nav.menu > ul li a:visited:last-child a:visited, .nav.menu > ul.row li a:first-child a, .nav.menu > ul.row li a:first-child a:visited, .nav.menu > ul.row li a:last-child a, .nav.menu > ul.row li a:last-child a:visited, .nav.menu > ul.row li a:visited:first-child a, .nav.menu > ul.row li a:visited:first-child a:visited, .nav.menu > ul.row li a:visited:last-child a, .nav.menu > ul.row li a:visited:last-child a:visited {
          -ms-border-radius: 0;
          -o-border-radius: 0;
          -moz-border-radius: 0;
          -webkit-border-radius: 0;
          border-radius: 0; }
        .nav.menu > ul li a:hover, .nav.menu > ul li a:focus, .nav.menu > ul li a:visited:hover, .nav.menu > ul li a:visited:focus, .nav.menu > ul.row li a:hover, .nav.menu > ul.row li a:focus, .nav.menu > ul.row li a:visited:hover, .nav.menu > ul.row li a:visited:focus {
          border: none;
          border-top: 1px solid #333; }
      .nav.menu > ul li:last-child, .nav.menu > ul.row li:last-child {
        -ms-border-radius: 0 0 0px 0px;
        -o-border-radius: 0 0 0px 0px;
        -moz-border-radius: 0 0 0px 0px;
        -webkit-border-radius: 0 0 0px 0px;
        border-radius: 0 0 0px 0px; }
      .nav.menu > ul li ul, .nav.menu > ul.row li ul {
        position: static; }
    .nav.menu.on > ul {
      max-height: 1000px; }
  .tabs:not(.small-tablet):not(.mobile):not(.vertical) > ul li {
    float: none;
    width: 100%;
    margin: 0; }
    .tabs:not(.small-tablet):not(.mobile):not(.vertical) > ul li a {
      -ms-border-radius: 0;
      -o-border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      border-bottom: none; }
      .tabs:not(.small-tablet):not(.mobile):not(.vertical) > ul li a:before, .tabs:not(.small-tablet):not(.mobile):not(.vertical) > ul li a:after {
        display: none !important; }
    .tabs:not(.small-tablet):not(.mobile):not(.vertical) > ul li:first-child a {
      -ms-border-radius: 0px 0px 0 0;
      -o-border-radius: 0px 0px 0 0;
      -moz-border-radius: 0px 0px 0 0;
      -webkit-border-radius: 0px 0px 0 0;
      border-radius: 0px 0px 0 0; }
  .zero-small-tablet.padded, .zero-small-tablet.padded.double, .zero-small-tablet.padded.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.pad-top, .zero-small-tablet.pad-top.double, .zero-small-tablet.pad-top.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.pad-right, .zero-small-tablet.pad-right.double, .zero-small-tablet.pad-right.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.pad-bottom, .zero-small-tablet.pad-bottom.double, .zero-small-tablet.pad-bottom.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.pad-left, .zero-small-tablet.pad-left.double, .zero-small-tablet.pad-left.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.gapped, .zero-small-tablet.gapped.double, .zero-small-tablet.gapped.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.gap-top, .zero-small-tablet.gap-top.double, .zero-small-tablet.gap-top.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.gap-right, .zero-small-tablet.gap-right.double, .zero-small-tablet.gap-right.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.gap-bottom, .zero-small-tablet.gap-bottom.double, .zero-small-tablet.gap-bottom.triple {
    padding: 0;
    margin: 0; }
  .zero-small-tablet.gap-left, .zero-small-tablet.gap-left.double, .zero-small-tablet.gap-left.triple {
    padding: 0;
    margin: 0; }
  .no-pad-small-tablet.padded, .no-pad-small-tablet.padded.double, .no-pad-small-tablet.padded.triple {
    padding: 0; }
  .no-pad-small-tablet.pad-top, .no-pad-small-tablet.pad-top.double, .no-pad-small-tablet.pad-top.triple {
    padding: 0; }
  .no-pad-small-tablet.pad-right, .no-pad-small-tablet.pad-right.double, .no-pad-small-tablet.pad-right.triple {
    padding: 0; }
  .no-pad-small-tablet.pad-bottom, .no-pad-small-tablet.pad-bottom.double, .no-pad-small-tablet.pad-bottom.triple {
    padding: 0; }
  .no-pad-small-tablet.pad-left, .no-pad-small-tablet.pad-left.double, .no-pad-small-tablet.pad-left.triple {
    padding: 0; }
  .no-gap-small-tablet.gapped, .no-gap-small-tablet.gapped.double, .no-gap-small-tablet.gapped.triple {
    margin: 0; }
  .no-gap-small-tablet.gap-top, .no-gap-small-tablet.gap-top.double, .no-gap-small-tablet.gap-top.triple {
    margin: 0; }
  .no-gap-small-tablet.gap-right, .no-gap-small-tablet.gap-right.double, .no-gap-small-tablet.gap-right.triple {
    margin: 0; }
  .no-gap-small-tablet.gap-bottom, .no-gap-small-tablet.gap-bottom.double, .no-gap-small-tablet.gap-bottom.triple {
    margin: 0; }
  .no-gap-small-tablet.gap-left, .no-gap-small-tablet.gap-left.double, .no-gap-small-tablet.gap-left.triple {
    margin: 0; } }

/* ADD THIS TO ALLOW IPAD PORTRAIT MODE*/
@media only screen and (max-width: 480px) {
  .mobile-only {
    display: inline-block; }
  .hide-on-mobile {
    display: none; }
  .desktop-only {
    display: none; }
  .no-padding-mobile {
    padding: 0; }
  .no-margin-mobile {
    margin: 0; }
  .zero-mobile {
    margin: 0;
    padding: 0; }
  .twelfth:not(.mobile), .twelfths:not(.mobile) {
    width: 100% !important;
    float: none;
    clear: both; }
    .twelfth:not(.mobile).right-one, .twelfth:not(.mobile).right-two, .twelfth:not(.mobile).right-three, .twelfth:not(.mobile).right-four, .twelfth:not(.mobile).right-five, .twelfth:not(.mobile).right-six, .twelfth:not(.mobile).right-seven, .twelfth:not(.mobile).right-eight, .twelfth:not(.mobile).right-nine, .twelfth:not(.mobile).right-ten, .twelfth:not(.mobile).right-eleven, .twelfths:not(.mobile).right-one, .twelfths:not(.mobile).right-two, .twelfths:not(.mobile).right-three, .twelfths:not(.mobile).right-four, .twelfths:not(.mobile).right-five, .twelfths:not(.mobile).right-six, .twelfths:not(.mobile).right-seven, .twelfths:not(.mobile).right-eight, .twelfths:not(.mobile).right-nine, .twelfths:not(.mobile).right-ten, .twelfths:not(.mobile).right-eleven {
      left: 0; }
    .twelfth:not(.mobile).left-one, .twelfth:not(.mobile).left-two, .twelfth:not(.mobile).left-three, .twelfth:not(.mobile).left-four, .twelfth:not(.mobile).left-five, .twelfth:not(.mobile).left-six, .twelfth:not(.mobile).left-seven, .twelfth:not(.mobile).left-eight, .twelfth:not(.mobile).left-nine, .twelfth:not(.mobile).left-ten, .twelfth:not(.mobile).left-eleven, .twelfths:not(.mobile).left-one, .twelfths:not(.mobile).left-two, .twelfths:not(.mobile).left-three, .twelfths:not(.mobile).left-four, .twelfths:not(.mobile).left-five, .twelfths:not(.mobile).left-six, .twelfths:not(.mobile).left-seven, .twelfths:not(.mobile).left-eight, .twelfths:not(.mobile).left-nine, .twelfths:not(.mobile).left-ten, .twelfths:not(.mobile).left-eleven {
      right: 0; }
    .twelfth:not(.mobile).skip-one, .twelfth:not(.mobile).skip-two, .twelfth:not(.mobile).skip-three, .twelfth:not(.mobile).skip-four, .twelfth:not(.mobile).skip-five, .twelfth:not(.mobile).skip-six, .twelfth:not(.mobile).skip-seven, .twelfth:not(.mobile).skip-eight, .twelfth:not(.mobile).skip-nine, .twelfth:not(.mobile).skip-ten, .twelfth:not(.mobile).skip-eleven, .twelfths:not(.mobile).skip-one, .twelfths:not(.mobile).skip-two, .twelfths:not(.mobile).skip-three, .twelfths:not(.mobile).skip-four, .twelfths:not(.mobile).skip-five, .twelfths:not(.mobile).skip-six, .twelfths:not(.mobile).skip-seven, .twelfths:not(.mobile).skip-eight, .twelfths:not(.mobile).skip-nine, .twelfths:not(.mobile).skip-ten, .twelfths:not(.mobile).skip-eleven {
      margin-left: 0; }
  .tabs:not(.mobile) > ul li {
    float: none;
    width: 100%; }
    .tabs:not(.mobile) > ul li a {
      -ms-border-radius: 0;
      -o-border-radius: 0;
      -moz-border-radius: 0;
      -webkit-border-radius: 0;
      border-radius: 0;
      border-bottom: none; }
    .tabs:not(.mobile) > ul li:first-child a {
      -ms-border-radius: 0px 0px 0 0;
      -o-border-radius: 0px 0px 0 0;
      -moz-border-radius: 0px 0px 0 0;
      -webkit-border-radius: 0px 0px 0 0;
      border-radius: 0px 0px 0 0; }
  .zero-mobile.padded, .zero-mobile.padded.double, .zero-mobile.padded.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.pad-top, .zero-mobile.pad-top.double, .zero-mobile.pad-top.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.pad-right, .zero-mobile.pad-right.double, .zero-mobile.pad-right.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.pad-bottom, .zero-mobile.pad-bottom.double, .zero-mobile.pad-bottom.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.pad-left, .zero-mobile.pad-left.double, .zero-mobile.pad-left.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.gapped, .zero-mobile.gapped.double, .zero-mobile.gapped.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.gap-top, .zero-mobile.gap-top.double, .zero-mobile.gap-top.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.gap-right, .zero-mobile.gap-right.double, .zero-mobile.gap-right.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.gap-bottom, .zero-mobile.gap-bottom.double, .zero-mobile.gap-bottom.triple {
    padding: 0;
    margin: 0; }
  .zero-mobile.gap-left, .zero-mobile.gap-left.double, .zero-mobile.gap-left.triple {
    padding: 0;
    margin: 0; }
  .no-pad-mobile.padded, .no-pad-mobile.padded.double, .no-pad-mobile.padded.triple {
    padding: 0; }
  .no-pad-mobile.pad-top, .no-pad-mobile.pad-top.double, .no-pad-mobile.pad-top.triple {
    padding: 0; }
  .no-pad-mobile.pad-right, .no-pad-mobile.pad-right.double, .no-pad-mobile.pad-right.triple {
    padding: 0; }
  .no-pad-mobile.pad-bottom, .no-pad-mobile.pad-bottom.double, .no-pad-mobile.pad-bottom.triple {
    padding: 0; }
  .no-pad-mobile.pad-left, .no-pad-mobile.pad-left.double, .no-pad-mobile.pad-left.triple {
    padding: 0; }
  .no-gap-mobile.gapped, .no-gap-mobile.gapped.double, .no-gap-mobile.gapped.triple {
    margin: 0; }
  .no-gap-mobile.gap-top, .no-gap-mobile.gap-top.double, .no-gap-mobile.gap-top.triple {
    margin: 0; }
  .no-gap-mobile.gap-right, .no-gap-mobile.gap-right.double, .no-gap-mobile.gap-right.triple {
    margin: 0; }
  .no-gap-mobile.gap-bottom, .no-gap-mobile.gap-bottom.double, .no-gap-mobile.gap-bottom.triple {
    margin: 0; }
  .no-gap-mobile.gap-left, .no-gap-mobile.gap-left.double, .no-gap-mobile.gap-left.triple {
    margin: 0; } }

/* css for timepicker */
.ui-timepicker-div .ui-widget-header {
  margin-bottom: 8px; }

.ui-timepicker-div dl {
  text-align: left; }

.ui-timepicker-div dl dt {
  float: left;
  clear: left;
  padding: 0 0 0 5px; }

.ui-timepicker-div dl dd {
  margin: 0 10px 10px 45%; }

.ui-timepicker-div td {
  font-size: 90%; }

.ui-tpicker-grid-label {
  background: none;
  border: none;
  margin: 0;
  padding: 0; }

.ui-timepicker-rtl {
  direction: rtl; }

.ui-timepicker-rtl dl {
  text-align: right;
  padding: 0 5px 0 0; }

.ui-timepicker-rtl dl dt {
  float: right;
  clear: right; }

.ui-timepicker-rtl dl dd {
  margin: 0 45% 10px 10px; }

.btnDeliveryDatePicker, .btnCollectionDatePicker {
  line-height: 33px;
  font-size: 20px;
  padding-left: 10px; }

.afhaling-selectie, .vault-selectie {
  display: inline;
  padding-right: 0;
  font-weight: normal;
  cursor: pointer; }

#afhaling-date-later-picker, #vault-date-later-picker {
  display: none; }

#counterCollectionDate, #vaultCollectionDate {
  width: 88%; }