@font-face {
  font-family: 'FontAwesome';
  src: url("../fonts/fontawesome-webfont.eot?v=4.3.0");
  src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff2?v=4.3.0") format("woff2"), url("../fonts/fontawesome-webfont.woff?v=4.3.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.3.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
/* ==========================================================================
   COOKIES
   ========================================================================== */
.cookies-banner {
  background-color: lightyellow;
  border: 1px solid lightgoldenrodyellow;
  color: #555555;
  padding: 16px; }

.cookies-banner-expanded {
  padding: 16px 0px 0px 40px; }

.cookies-info-icon {
  color: #8888FF;
  float: left;
  padding-right: 16px; }

.cookies-close-icon {
  cursor: pointer;
  float: right; }

.cookies-know-more {
  color: blue; }

/* ==========================================================================
   GENERAL
   ========================================================================== */
html,
body,
form {
  margin: 0;
  padding: 0;
  height: 100%;
  color: #333; }

.my-2 {
  margin: .5rem 0; }

.float-right {
  float: right; }
.float-left {
  float: left; }

figure {
  margin: 0 !important; }

table {
  font-size: 13.2px !important; }

select {
  -webkit-appearance: menulist-button; }

.space-top {
  padding-top: 20px; }

a img {
  border: 0; }

.fa-custom-x {
  font-size: 2.6em !important; }

#dnn_MENU1 li img {
  display: none; }

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

textarea {
  padding-left: 5px;
  border: 1px solid #CCC;
  border-radius: 0.25rem; }

span[disabled="disabled"] label:before {
  color: #E4E3E3 !important; }

#iModalPopUp {
  width: 100% !important; }

.normalCheckBox input {
  display: block !important;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  -webkit-border-radius: 0;
  position: relative !important;
  height: auto !important; }

input,
textarea,
button {
  -webkit-appearance: none;
  /*Safari/Chrome*/
  -moz-appearance: none;
  /*Firefox*/
  -ms-appearance: none;
  /*IE*/
  -o-appearance: none;
  /*Opera*/
  appearance: none;
  -webkit-border-radius: 0;
  box-sizing: border-box; }

input[type="text"],
textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  border: 1px solid #e0e0e0;
  box-sizing: border-box; }

input[type="text"]:focus,
textarea:focus {
  box-shadow: 0 0 5px #51cbee;
  border: 1px solid #51cbee; }

.ShoppingInput {
  border: 1px solid #e0e0e0; }

input[type="text"], input[type="password"], input[type="date"],
select {
  border: 1px solid #e0e0e0;
  height: 32px;
  padding-left: 5px;
  box-sizing: border-box;
  border-radius: 0.25rem;
  font-size: 0.9em; }
  input[type="text"].QuickSearchTextBox, input[type="password"].QuickSearchTextBox, input[type="date"].QuickSearchTextBox,
  select.QuickSearchTextBox {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0; }

.LoginPageTemplate {
  min-height: 100%;
  height: auto !important;
  height: 100%; }
  .LoginPageTemplate table {
    empty-cells: show; }

.dnnFormItem input[type="text"],
.dnnFormItem input[type="password"] {
  padding: 0 0 0 5px !important;
  height: 30px; }

h1 {
  font-size: 1.2em !important;
  font-weight: normal !important;
  clear: both;
  margin-top: 20px !important;
  display: inline-block; }

.ContentPane2 {
  clear: both;
  margin-bottom: 30px; }

.GroupedOrdersViewElement h1 {
  font-weight: bold; }

.checkout-label {
  display: block; }

.ContractImage {
  border: 0; }

.ContractImageCell {
  width: 25px !important; }

#ShoppingCartContents {
  width: 180px; }

#GroupDetail {
  width: 100%;
  padding: 10px; }

.iframe {
  border: 0; }

.prijzenShop label,
.printheader label {
  width: 80%; }

.ContentPane {
  min-height: 200px; }

.contents {
  width: 100%;
  text-align: left; }

#dnn_LeftPane h2 {
  display: none; }

.raDiv {
  background-image: url("../Images/progressbar.gif") !important; }

.loadingImage {
  display: block;
  margin: auto auto;
  margin-top: 20%; }
  .ArticlePriceElement .loadingImage {
    margin-top: 0; }

.smallLoadingImage {
  margin: 4px; }

li {
  margin: 0;
  padding: 0; }

.noBorder {
  border: none !important; }

.TopBuy {
  width: 100%; }
  .TopBuy i {
    font-size: 1.5em; }
  .TopBuy .article-holder {
    width: 100%; }

/***************  CHECKBOXES/RADIOBUTTONS FONTAWESOME ****************/
.ModInfomatLanguageEditorC input[type="checkbox"],
fieldset input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  display: inline-block; }

input[type="checkbox"] {
  display: none; }
  input[type="checkbox"] + :before,
  input[type="checkbox"] + label:before,
  input[type="checkbox"] + span:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px; }
  input[type="checkbox"]:checked + :before,
  input[type="checkbox"]:checked + label:before,
  input[type="checkbox"]:checked + span:before {
    content: "\f046";
    letter-spacing: 10px; }
  input[type="checkbox"]:focus + :before,
  input[type="checkbox"]:focus + label:before,
  input[type="checkbox"]:focus + span:before {
    font-weight: bold; }
input[type=radio] {
  /* border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;*/
  display: none; }
  input[type=radio] + :before,
  input[type=radio] + label:before,
  input[type=radio] + span:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f1db";
    letter-spacing: 10px; }
  input[type=radio]:checked + :before,
  input[type=radio]:checked + label:before,
  input[type=radio]:checked + span:before {
    content: "\f00c";
    letter-spacing: 7px; }
  input[type=radio]:focus + :before,
  input[type=radio]:focus + label:before,
  input[type=radio]:focus + span:before {
    font-weight: bold; }

label {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }

/************************  COMMON classes ******************************/
.w25 {
  width: 25px; }

.w50 {
  width: 50px; }

.w-50 {
  width: 50%; }

.w_100 {
  width: 100%; }

.w100 {
  width: 100px; }

.w150 {
  width: 150px; }

.w200 {
  width: 200px; }

.w250 {
  width: 250px; }

.w300 {
  width: 300px; }

.clear,
.subArticleContainer {
  clear: both; }

.quantity {
  width: 75px;
  text-align: center !important; }

.ta-center {
  text-align: center !important; }

.ta-right-p {
  text-align: right !important;
  padding-right: 15px !important; }

.ta-right {
  text-align: right !important; }

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

.totaal {
  font-size: 1.2em; }

.Hide,
.hidden {
  display: none; }

.cursor-pointer,
.ArticleHtmlTextElement {
  cursor: pointer; }

/*******************************  IE css ******************************/
_:-ms-lang(x),
.row2:after {
  display: block;
  margin-left: 33%; }

_:-ms-lang(x),
.SmallD2 {
  padding-bottom: 0px !important; }

_:-ms-lang(x),
.GroupIconGreaterThenLevel3 .GroupTitle {
  height: 50px;
  padding: 0 !important; }
  _:-ms-lang(x) span,
  .GroupIconGreaterThenLevel3 .GroupTitle span {
    vertical-align: middle; }

/***************************  SAFARI css ******************************/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  /* Safari and Chrome */
  .DimashopMenu {
    display: table; }

  /* Safari only override */
  ::i-block-chrome,
  .DimashopMenu {
    display: block; } }
/***************************  FIREFOX css *****************************/
@-moz-document url-prefix() {
  .row2 {
    display: flex;
    display: -webkit-flex; }

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

  .GroupIconGreaterThenLevel3 .GroupTitle {
    height: 50px !important;
    padding: 0 !important; }
    .GroupIconGreaterThenLevel3 .GroupTitle span {
      vertical-align: middle; } }
/* ==========================================================================
   LOADER
   ========================================================================== */
/* change font size to change size */
.loader-dots {
  font-size: 16px;
  position: relative;
  width: 4em;
  padding-top: 6px;
  /*height: 1em;
  margin: 100px auto;*/ }
  .loader-dots .dot {
    width: 0.5em;
    height: 0.5em;
    border-radius: 0.5em;
    background: #ddd;
    position: absolute;
    animation-duration: 0.5s;
    animation-timing-function: ease;
    animation-iteration-count: infinite; }
    .loader-dots .dot.dot1, .loader-dots .dot.dot2 {
      left: 0; }
    .loader-dots .dot.dot3 {
      left: 1em; }
    .loader-dots .dot.dot1 {
      animation-name: reveal; }
    .loader-dots .dot.dot2, .loader-dots .dot.dot3 {
      animation-name: slide; }

@keyframes reveal {
  from {
    transform: scale(0.001); }
  to {
    transform: scale(1); } }
@keyframes slide {
  to {
    transform: translateX(1em); } }
/***************************  LOADER CATALOGUE ***********************/
.blocker {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: .3;
  background-color: #696565;
  z-index: 1000; }
  .blocker div {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 5em;
    height: 2em;
    margin: -1em 0 0 -2.5em;
    color: #fff;
    font-weight: bold; }

/* ==========================================================================
   SLIDER
   ========================================================================== */
.ShifterCell {
  clear: both; }

.bx-wrapper {
  margin-top: 10px; }
  .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline; }
  .bx-wrapper img {
    display: block;
    width: 100%;
    max-width: 100%; }
  .bx-wrapper .bx-pager {
    text-align: center;
    padding-top: 10px; }
    .bx-wrapper .bx-pager .bx-pager-item {
      display: inline-block;
      *zoom: 1;
      *display: inline; }
      .bx-wrapper .bx-pager .bx-pager-item a {
        background: #F1EFEF;
        text-indent: -9999px;
        border: 1px solid #545353;
        display: block;
        width: 15px;
        height: 15px;
        margin: 0 5px;
        outline: 0;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 10px; }
        .bx-wrapper .bx-pager .bx-pager-item a.bx-pager-link.active {
          background: #8E8C8C;
          border: 1px solid #545353; }

/* ==========================================================================
   SITEMAP
   ========================================================================== */
.sitemap {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .sitemap-category, .sitemap-pages {
    flex: 0 0 50%;
    -webkit-flex-basis: 50%;
    max-width: 50%; }
    .sitemap-category ul, .sitemap-pages ul {
      margin-left: 20px;
      list-style-type: circle; }
  .footer-links .sitemap-category, .footer-links .sitemap-pages {
    flex: 0 0 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%; }

#content.content {
  margin-top: 0; }

/**************************** ERROR ***********************************/
.Error {
  font-weight: bold;
  color: #FF0101; }

.ErrorControl {
  border: 2px solid #E44F2D !important; }

/* Error page */
#ErrorPanel {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 600px;
  height: 200px;
  margin: -100px 0 0 -300px;
  padding: 5px;
  text-align: center;
  border: solid 1px #000;
  background-color: #FFF; }

/* required */
.RequiredLabel {
  display: inline;
  color: Red !important; }

.RequiredFields {
  color: Red !important; }

/************************  BACK TO TOP ******************************/
.cd-top {
  display: inline-block;
  padding: 10px 20px;
  position: fixed;
  bottom: 40px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  background-color: rgba(34, 34, 34, 0.6);
  font-family: FontAwesome;
  visibility: hidden;
  opacity: 0;
  border-radius: 5px;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s; }
  .cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1; }
  .cd-top.cd-fade-out {
    opacity: .5; }
  .cd-top a {
    color: #fff !important; }
  .cd-top.cd-is-visible, .cd-top.cd-fade-out {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s; }
  @media only screen and (min-width: 1024px) {
    .cd-top {
      right: 30px;
      bottom: 30px; } }
  @media only screen and (min-width: 768px) {
    .cd-top {
      right: 20px;
      bottom: 20px; } }

.no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
  opacity: 1; }

.menu-more {
  color: #fff;
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  width: 40px;
  height: 40px;
  float: left;
  cursor: pointer;
  box-sizing: border-box; }

/*******************************  SEARCH *****************************/
.div-stock-monitor-as-checkbox input {
  position: relative;
  height: 10px;
  width: 10px; }

.AdvancedSearch {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .AdvancedSearch .search-filter-results {
    font-size: 1.15em;
    padding-bottom: 15px;
    flex: 0 0 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%; }
    @media screen and (max-width: 560px) {
      .AdvancedSearch .search-filter-results {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        order: 1;
        -webkit-order: 1; } }
  .AdvancedSearch .searchresult-exceeded {
    color: #fff;
    margin-bottom: 7px;
    display: block;
    padding: 10px;
    background: #929292; }
  .AdvancedSearch .SearchMenu {
    flex: 0 0 20%;
    -webkit-flex-basis: 20%;
    max-width: 20%;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 5px;
    padding-right: 2.3%;
    min-width: 160px; }
    .AdvancedSearch .SearchMenu .toggle-search-inputs {
      display: none; }
    @media screen and (max-width: 560px) {
      .AdvancedSearch .SearchMenu {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        order: 2;
        -webkit-order: 2; }
        .AdvancedSearch .SearchMenu .toggle-search-inputs {
          display: block; }
        .AdvancedSearch .SearchMenu .mobile-hidden-search-inputs {
          display: none; }
        .AdvancedSearch .SearchMenu label.toggle-search-inputs::before {
          display: none; }
        .AdvancedSearch .SearchMenu .toggle-search-inputs#mobile-search-inputs {
          display: none; }
          .AdvancedSearch .SearchMenu .toggle-search-inputs#mobile-search-inputs + label::after {
            content: "\f078";
            font-family: FontAwesome;
            font-size: 1.5em; }
          .AdvancedSearch .SearchMenu .toggle-search-inputs#mobile-search-inputs:checked + label::after {
            content: "\f077";
            font-family: FontAwesome;
            font-size: 1.5em;
            -webkit-user-select: none;
            /* Chrome all / Safari all */
            -moz-user-select: none;
            /* Firefox all */
            -ms-user-select: none;
            /* IE 10+ */
            user-select: none; }
          .AdvancedSearch .SearchMenu .toggle-search-inputs#mobile-search-inputs:checked ~ .mobile-hidden-search-inputs {
            display: block; } }
    .AdvancedSearch .SearchMenu + div {
      flex: 0 0 77%;
      -webkit-flex-basis: 77%;
      max-width: 77%; }
      .AdvancedSearch .SearchMenu + div .article-holder {
        width: 100%; }
      @media screen and (max-width: 560px) {
        .AdvancedSearch .SearchMenu + div {
          flex: 0 0 100%;
          -webkit-flex-basis: 100%;
          max-width: 100%;
          order: 3;
          -webkit-order: 3; } }
    .AdvancedSearch .SearchMenu span {
      font-weight: 600; }
    .AdvancedSearch .SearchMenu input[type="text"] {
      width: 100%;
      margin: 2px 0 10px 0;
      height: 30px; }
    .AdvancedSearch .SearchMenu select {
      width: 100%;
      margin: 2px 0 10px 0;
      height: 30px; }
    .AdvancedSearch .SearchMenu table {
      width: 100%; }
      .AdvancedSearch .SearchMenu table th {
        width: 45%;
        padding-left: 5px;
        text-align: left !important; }
      .AdvancedSearch .SearchMenu table input {
        padding-left: 2px; }

.DnnModule-AdvancedSearch .Pager {
  margin-top: 0px !important; }
.DnnModule-AdvancedSearch .Pager:nth-child(3) {
  margin-top: 20px !important; }

.AdvancedSearchButton:link, .AdvancedSearchButton:visited, .AdvancedSearchButton:active {
  font-weight: normal;
  text-decoration: none;
  color: #FFF;
  /*per klant*/ }
.AdvancedSearchButton:before {
  /*vergrootglas in knop*/
  font-family: 'FontAwesome';
  margin-right: 5px;
  content: '\f002 '; }

.ArticleGroupLiteral {
  text-align: left;
  border-bottom: 2px solid #fff; }
  .ArticleGroupLiteral a {
    display: block;
    padding: 5px 0 5px 5px;
    width: 100%;
    height: auto;
    box-sizing: border-box; }

.AdvancedSearchArticleGroups {
  margin-top: 20px; }
  .AdvancedSearchArticleGroups .Active {
    font-weight: bold;
    border: 0; }
  .AdvancedSearchArticleGroups a {
    text-decoration: none; }
    .AdvancedSearchArticleGroups a:visited {
      text-decoration: none; }
    .AdvancedSearchArticleGroups a:hover {
      text-decoration: underline; }

.QuickSearchTextBox {
  margin-right: 3px; }

.search a:active {
  display: block;
  width: 100%;
  margin: 0;
  text-decoration: none;
  color: #fff; }

.Search {
  max-width: 633px;
  margin: 0 auto; }

.Search2 {
  max-width: 614px;
  margin-left: 23%; }

.searchresult-label {
  display: block;
  float: right;
  margin-right: 4px;
  padding: 2px;
  text-align: right; 
  color: #b75d0c;
  font-weight: 600; }

.promocode-checkboxlist label {
  margin-right: 10px; }

/****************************  REGISTRATION ***************************/
.wrapper-login {
  margin-bottom: 20px; }

.content-login .ResultElement {
  margin: 0 60px; }

.RegisterRight {
  margin-top: 5px;
  margin-right: 22px;
  float: right; }

.dnnPrimaryAction, .dnnFormItem input[type="submit"], a.dnnPrimaryAction {
  box-sizing: border-box; }

.RegistrationForm {
  min-width: 325px;
  margin: 0 auto;
  padding: 50px 0; }
  .RegistrationForm th {
    width: 170px;
    text-align: left;
    font-weight: 600; }
  .RegistrationForm label {
    margin: 0 20px 0 0; }
  .RegistrationForm .with-font td {
    min-width: 150px;
    height: 25px; }
  .RegistrationForm .address-input {
    width: calc(100% - 94px) !important; }
  .RegistrationForm .street-number-input {
    width: 60px !important; }
  .RegistrationForm .VatNumberCountryTextbox {
    width: 60px !important; }
  .RegistrationForm .VatNumberTextBox {
    width: calc(100% - 84px) !important;
    border-left: 1px solid #ccc !important; }
  .RegistrationForm input[type="text"], .RegistrationForm input[type="password"], .RegistrationForm input[type="email"], .RegistrationForm input[type="date"] {
    height: 30px;
    margin-top: 5px;
    width: calc(100% - 20px);
    padding-left: 5px; }
  .RegistrationForm select {
    height: 30px;
    margin-top: 5px;
    width: calc(100% - 20px);
    padding-left: 5px; }

/****************************  FAVORIETEN *****************************/
.DnnModule-Favorites .XDMBlue i {
  margin-top: 5px; }

.FavoriteArticles .LeftColumn {
  flex: 1 0 20%;
  -webkit-flex-basis: 20%;
  -webkit-flex-grow: 1;
  min-width: 180px;
  clear: both;
  box-sizing: border-box;
  margin-bottom: 50px;
  padding-right: 5px; }
  @media screen and (max-width: 750px) {
    .FavoriteArticles .LeftColumn {
      flex: 1 0 100%;
      -webkit-flex-basis: 100%;
      -webkit-flex-grow: 1; } }
  .FavoriteArticles .LeftColumn .SearchFavorites span {
    font-weight: 600; }
  .FavoriteArticles .LeftColumn .SearchFavorites input {
    width: 100%;
    margin: 2px 0 10px 0; }

.SearchZoek
 {
  font-weight: 600;
  margin-bottom: 10px; }
  .SearchZoek
  i {
    font-size: 1.5em;
    margin-right: 5px; }

.SearchFavorites .searchAdvanced input[type="submit"] {
  width: auto;
  padding: 5px 30px;
  box-sizing: border-box; }

.FavoritesContentPanel .Pager:nth-child(1) {
  display: none; }

.FavoriteArticles {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .FavoriteArticles .Menu {
    margin-top: 8px;
    padding-top: 10px;
    padding-right: 0; }
    .FavoriteArticles .Menu td {
      padding: 5px; }
  .FavoriteArticles .article-holder {
    width: 100%; }

.FavoritesMenu {
  min-width: 180px;
  padding: 3px;
  box-sizing: border-box;
  margin-top: 30px; }
  @media screen and (max-width: 750px) {
    .FavoritesMenu {
      flex: 1 0 33%;
      -webkit-flex-basis: 33%;
      -webkit-flex-grow: 1;
      margin-right: 5%;
      float: left; } }

.FavoritesContentPanel {
  margin: 0 20px 0;
  flex: 1 0 75%;
  -webkit-flex-basis: 75%;
  -webkit-flex-grow: 1; }
  .FavoritesContentPanel .SingleArticleElement .ArticleDescription1Element a {
    width: 215px;
    display: block; }

.FavoritesHeaderPanel {
  margin-left: 2.6%;
  font-weight: 600;
  font-size: 1.2em; }

.InvalidFavoriteListElement {
  width: 80%;
  padding: 5px;
  color: #036;
  border: 1px solid #e0e0e0;
  background-color: #dfdfdf; }
  .InvalidFavoriteListElement li {
    list-style-type: none; }

.SingleArticleElement .RemoveFromFavoritesElement {
  cursor: pointer;
  position: absolute;
  top: 0px;
  right: 0; }

.FavoriteListTable {
  width: 450px;
  margin-top: 20px; }
  .FavoriteListTable i {
    font-size: 1.3em; }
  .FavoriteListTable th {
    height: 30px;
    text-align: left;
    background-color: #DDD;
    padding-left: 5px; }
  .FavoriteListTable td {
    padding: 4px; }

.FavoriteActionElement {
  margin-top: 20px;
  position: absolute;
  right: 0;
  top: 0; }
  .FavoriteActionElement img {
    position: relative;
    width: 35px;
    height: 35px;
    margin-left: 4px; }
  .FavoriteActionElement select {
    min-width: 100px;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #e0e0e0;
    height: 25px; }
  .FavoriteActionElement i {
    font-size: 1.5em; }

.DDFavorites {
  height: 30px; }

.FavoritesMenuTitle {
  font-weight: 600;
  margin-bottom: 5px; }
  .FavoritesMenuTitle i {
    font-size: 1.5em;
    margin-right: 5px; }

.FavoriteArticles .SearchDetailOrder {
  margin-top: 0; }
  .FavoriteArticles .SearchDetailOrder span {
    font-weight: 600; }

.FavoritesLijst {
  margin: 2px 0;
  margin-left: 22px; }
  .FavoritesLijst img {
    width: 15px;
    height: 15px;
    margin-right: 1px;
    vertical-align: bottom; }

.EditFavoriteListPanel {
  margin-top: 15px;
  width: 450px; }
  .EditFavoriteListPanel input[type="text"] {
    width: 275px;
    padding-left: 5px;
    border: 1px solid #CCC; }

/* ==========================================================================
   ORDERS
   ========================================================================== */
.order-detail--addresses {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
.order-detail--address {
  flex: 1 0 22%;
  -webkit-flex-basis: 22%;
  -webkit-flex-grow: 1; }
  @media screen and (max-width: 768px) {
    .order-detail--address {
      flex: 1 0 50%;
      -webkit-flex-basis: 50%;
      -webkit-flex-grow: 1;
      margin-bottom: 15px; } }
  @media screen and (max-width: 450px) {
    .order-detail--address {
      flex: 1 0 100%;
      -webkit-flex-basis: 100%;
      -webkit-flex-grow: 1; } }
  .order-detail--address table {
    width: 100%; }
  .order-detail--address th {
    text-align: right;
    font-weight: bold !important;
    padding: 5px;
    text-align: left;
    background-color: #ddd;
    height: 40px;
    box-sizing: border-box; }
	
.InfomatTabs {
    padding: 8px 0;
    font-weight: 400;
    width: 100%;
    margin: 95px 0 55px 0;
    border-bottom: 1px solid #bbb; }
  @media print {
    .InfomatTabs {
      display: none; } }
  .InfomatTabs li {
    list-style: none;
    margin: 0 30px 0 0;
    display: inline;
}
    .InfomatTabs li a {
      padding: 10px 10px 8px;
      border-bottom: none;
      text-decoration: none; }

@media print {
  .OrdersOverviewModule {
    display: none; } }
.OrdersOverviewModule .SearchDetailOrder:nth-child(3) {
  margin-top: 0; }

.DnnModule-OrdersDetail h2 {
  clear: both; }

.ContainerSearchOrderDetail {
  float: left; }
  .ContainerSearchOrderDetail .SearchDetailTot {
    float: left; }
    .ContainerSearchOrderDetail .SearchDetailTot span {
      font-weight: 600;
      width: 40px;
      float: left;
      margin-top: 15px; }
    .ContainerSearchOrderDetail .SearchDetailTot input {
      margin-top: 10px; }
  .ContainerSearchOrderDetail .SearchOrderDetail, .ContainerSearchOrderDetail .SearchDetailDate {
    clear: both; }
    .ContainerSearchOrderDetail .SearchOrderDetail span, .ContainerSearchOrderDetail .SearchDetailDate span {
      font-weight: 600;
      width: 120px;
      float: left;
      margin-top: 15px; }
    .ContainerSearchOrderDetail .SearchOrderDetail input, .ContainerSearchOrderDetail .SearchDetailDate input {
      margin-top: 10px; }
  .ContainerSearchOrderDetail .StandardButton {
    float: right;
    margin-top: 10px; }
.order-actions-holder {
    width: 100%;
    margin: 44px 0; }

  .order-actions-holder td:last-child {
    text-align: right; }

.Orders input[type="submit"] {
  float: right; }

.invalidQuantity {
  border: 1px solid #ea7f7f !important; }

.OrderDetailTable {
  width: 100%; }
  .OrderDetailTable .InfomatGrid .HeaderRow th {
    text-align: left; }
  .OrderDetailTable label {
    color: transparent; }
  .OrderDetailTable ul {
    margin-bottom: 10px; }
    .OrderDetailTable ul li {
      list-style-type: none;
      color: #f03737 !important; }

.GridMyOrders {
  margin-top: -10px;
  margin-bottom: -23px;
  margin-left: 3px; }

.ModOrdersDetailC #dnn_ctr719_ViewOrdersDetail_gvwOrders {
  width: 100%;
  border: transparent; }

.OrderLines-Header {
  background-color: #DDDDDD;
  height: 50px;
  /*font-size: 0.7em;*/ }
  .OrderLines-Header th:nth-child(n+7) {
    text-align: right;
    padding-right: 15px; }

.ModOrdersDetailC #dnn_ctr719_ViewOrdersDetail_gvwOrders td {
  padding: 5px 0; }

.OrderLines-Article {
  text-align: left;
  margin-left: 5px; }

.OrderLines-AlternatingRow {
  background-color: #F4F4F4; }

.OrderLines-Pager td {
  width: 15px; }

.OrderLinesHolder {
  width: 100%; }
  .OrderLinesHolder .InfomatGrid {
    width: 100%; }
  .OrderLinesHolder input[type="text"] {
    text-align: center; }

.OrderLine {
  border: solid 2px menu; }
  .OrderLine th {
    font-weight: normal !important; }
  .OrderLine .Title {
    font-weight: bold !important;
    border-bottom: solid 1px #036;
    background-color: Menu; }

@media print {
  .NettoPrintTitle, .NettoButton, .GrossButton, .GrossPrintTitle, #DetailOrderImage {
    display: none; } }
/****************************  CONTACT ********************************/
.contact-left {
  float: left;
  width: 29.5%;
  margin-right: 2.6%;
  text-align: left; 
  background-color: #01363a;
  padding: 10px;}
  .contact-left .header {
    display: none; }
  .contact-left input {
    width: 100%;
    height: 30px; }
  .contact-left .titleAdress {
    display: none; }

.contact-right {
  float: left;
  width: 60%;
  height: 265px; }

.contact-form {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .contact-form .label {
    font-weight: 600;
    float: left; }
  .contact-form .error {
    float: left; }
  .contact-form input[type="text"], .contact-form textarea {
    border-radius: 0.25rem;
    width: 100%; }
  .contact-form .city-input-element {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    flex: 0 0 48%;
    -webkit-flex-basis: 48%;
    max-width: 48%; }
    @media screen and (max-width: 650px) {
      .contact-form .city-input-element {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .contact-form .city-input-element .zip-code-input {
      flex: 0 0 39%;
      -webkit-flex-basis: 39%;
      max-width: 39%; }
      .contact-form .city-input-element .zip-code-input div {
        margin: 25px 0 5px 0;
        display: block; }
    .contact-form .city-input-element .city-input {
      flex: 0 0 58%;
      -webkit-flex-basis: 58%;
      max-width: 58%; }
      .contact-form .city-input-element .city-input div {
        margin: 25px 0 5px 0;
        display: block; }
  .contact-form .input-element {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    flex: 0 0 48%;
    -webkit-flex-basis: 48%;
    max-width: 48%; }
    @media screen and (max-width: 650px) {
      .contact-form .input-element {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .contact-form .input-element div {
      margin: 25px 0 5px 0;
      display: block; }
  .contact-form + .StandardButton {
    border-radius: 0.25rem;
    float: right;
    margin-top: 20px; }

/**************************** CHECKOUT ********************************/
@media screen and (max-width: 615px) {
  .component-button {
    display: none; } }

.checkout-buttons--bottom {
  clear: both; }
  @media print {
    .checkout-buttons--bottom {
      display: none; } }
  .checkout-buttons--bottom div div {
    float: left;
    margin-right: 10px; }
    .checkout-buttons--bottom div div.float-right {
      margin-right: 0;
      float: right; }
      .checkout-buttons--bottom div div.float-right div {
        margin-right: 0;
        margin-left: 10px; }
  .checkout-buttons--bottom i {
    margin-right: 5px; }

.CheckoutStepElement .delivery-address-helper {
  height: 27px;
  padding: 0 0 0 5px; }
  .CheckoutStepElement .delivery-address-helper::-webkit-input-placeholder {
    color: #b5b5b5; }
.CheckoutStepElement.order-confirmation {
  display: flex;
  display: -webkit-flex;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-direction: column;
  -webkit-flex-direction: column; }
  .CheckoutStepElement.order-confirmation .GradientButton {
    border: 1px solid;
    padding: 5px 10px;
    border-radius: 0.25rem;
    margin: 10px 0; }
  .CheckoutStepElement.order-confirmation h3 {
    width: auto;
    margin-bottom: 10px; }
.CheckoutStepElement .OtherAddressCheckboxElement label:before {
  vertical-align: middle; }
.CheckoutStepElement .guest-form-company {
  background: #f4f4f4; }
.CheckoutStepElement .PersonalCell td {
  padding: 2px; }

.CheckoutArticles .BottomButtons input.StandardButton {
  height: 31px !important;
  margin-left: 10px !important; }
.CheckoutArticles .BottomButtons i {
  margin-right: 7px; }

.CheckoutNavigationElement {
  display: table;
  table-layout: auto;
  width: 100%;
  margin-bottom: 15px;
  font-weight: 600; }

.CheckoutStepMenu {
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  -webkit-justify-content: center;
  align-items: center;
  -webkit-align-items: center;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  position: relative; }
  .CheckoutStepMenu span {
    vertical-align: super; }
  .CheckoutStepMenu li {
    list-style: none;
    text-transform: uppercase;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 10px 0; }
    .CheckoutStepMenu li:first-child:nth-last-child(1), .CheckoutStepMenu li:first-child:nth-last-child(1) ~ li {
      flex: 0 0 33%;
      max-width: 33%;
      -webkit-flex-basis: 33%; }
    .CheckoutStepMenu li:first-child:nth-last-child(2), .CheckoutStepMenu li:first-child:nth-last-child(2) ~ li {
      flex: 0 0 25%;
      max-width: 25%;
      -webkit-flex-basis: 25%; }
    .CheckoutStepMenu li:first-child:nth-last-child(3), .CheckoutStepMenu li:first-child:nth-last-child(3) ~ li {
      flex: 0 0 33%;
      max-width: 33%;
      -webkit-flex-basis: 33%; }
    .CheckoutStepMenu li:first-child:nth-last-child(4), .CheckoutStepMenu li:first-child:nth-last-child(4) ~ li {
      flex: 0 0 25%;
      max-width: 25%;
      -webkit-flex-basis: 25%; }
    @media only screen and (max-width: 800px) {
      .CheckoutStepMenu li:first-child:nth-last-child(1), .CheckoutStepMenu li:first-child:nth-last-child(1) ~ li {
        flex: 0 0 33%;
        max-width: 33%;
        -webkit-flex-basis: 33%; }
      .CheckoutStepMenu li:first-child:nth-last-child(2), .CheckoutStepMenu li:first-child:nth-last-child(2) ~ li {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-flex-basis: 50%; }
      .CheckoutStepMenu li:first-child:nth-last-child(3), .CheckoutStepMenu li:first-child:nth-last-child(3) ~ li {
        flex: 0 0 33%;
        max-width: 33%;
        -webkit-flex-basis: 33%; }
      .CheckoutStepMenu li:first-child:nth-last-child(4), .CheckoutStepMenu li:first-child:nth-last-child(4) ~ li {
        flex: 0 0 50%;
        max-width: 50%;
        -webkit-flex-basis: 50%; } }
    @media screen and (max-width: 570px) {
      .CheckoutStepMenu li:first-child:nth-last-child(1), .CheckoutStepMenu li:first-child:nth-last-child(1) ~ li {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; }
      .CheckoutStepMenu li:first-child:nth-last-child(2), .CheckoutStepMenu li:first-child:nth-last-child(2) ~ li {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; }
      .CheckoutStepMenu li:first-child:nth-last-child(3), .CheckoutStepMenu li:first-child:nth-last-child(3) ~ li {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; }
      .CheckoutStepMenu li:first-child:nth-last-child(4), .CheckoutStepMenu li:first-child:nth-last-child(4) ~ li {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .CheckoutStepMenu li img {
      display: none; }

.title_cell_checkout {
  font-weight: bold;
  border-bottom: 1px dotted #000; }

.checkout-order-destination p {
  display: inline-table; }

.CheckoutStepButtonMainDiv {
  font-weight: 650;
  width: 100%;
  text-decoration: none; }

.CheckoutStepElement {
  display: block;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 20px; }
  .CheckoutStepElement .ReferenceCell tr {
    height: 40px; }
  .CheckoutStepElement .ReferencesElement {
    float: left;
    width: 40%; }
  .CheckoutStepElement .PersonalInfoElement {
    width: 100%;
    height: 100%;
    order: 2;
	padding-left: 70px;
    -webkit-order: 2; }
  .CheckoutStepElement .delivery-condition-element {
    order: 6;
    -webkit-order: 6; }
  .CheckoutStepElement .delivery-date-element {
    order: 4;
    -webkit-order: 4; }
  .CheckoutStepElement .extra-delivery-conditions {
    order: 5;
    -webkit-order: 5; }
  .CheckoutStepElement .delivery-information {
    order: 1;
    -webkit-order: 1;
    padding: 20px;	}
    .CheckoutStepElement .delivery-information-full-width {
      order: 3;
      -webkit-order: 3;
      margin-top: 30px;	  }
  .CheckoutStepElement .InvoiceElement {
    display: block;
    float: left;
    width: 100%; 
	margin-bottom: 30px; }
  .CheckoutStepElement h3 {
    width: 100%;
    margin-bottom: 10px;
    margin-top: 10px;
    font-weight: bold;
    font-size: 1.2em; }
  .CheckoutStepElement .TotalPriceElement {
    position: relative;
    float: right;
    width: 100%; 
    padding: 20px 0;}
    .CheckoutStepElement .TotalPriceElement .SubTable {
      float: right;
      width: 200px; }
  .CheckoutStepElement .total-price-extra-info {
    float: right;
    width: 229px;
    margin-bottom: 20px; }
  .CheckoutStepElement .SmallText10px {
    position: relative; }
  .CheckoutStepElement .calendarDatePickerButtonDefault {
    margin-left: -38px;
    position: absolute;
    font-size: 1.4em; }
  .CheckoutStepElement .TotalPrice tr:nth-child(odd) td {
    background-color: #f7dbb6; }

.StepContentElement .BottomButtons {
  float: right;
  clear: both; }

.ModCheckoutC {
  width: 100%; 
  padding: 20px 0;}

.CheckoutArticleDescriptionHeader {
  width: 200px; }

div.CheckoutNavigationButton {
  display: inline;
  float: left;
  width: 200px;
  margin-right: 5px;
  padding: 4px;
  vertical-align: top;
  border: solid 1px #e0e0e0; }
  div.CheckoutNavigationButton.Active {
    border-top: solid 1px darkgray;
    border-right: solid 1px darkgray;
    border-left: solid 1px darkgray; }
div.CheckoutNavigationButtonDisabled {
  display: inline;
  float: left;
  width: 200px;
  margin: 3px;
  padding: 4px;
  vertical-align: top;
  border: solid 1px Red; }

.NoArticlesToCheckOutLabel {
  display: block;
  padding: 10px; }

div.CheckoutNavigationButton:hover {
  cursor: pointer;
  cursor: hand;
  border: solid 1px darkgray; }

.ButtonBar .StandardButton {
  height: 17px; }

.CheckoutArticles .StepButtonsElement img {
  float: left; }
.CheckoutArticles img.arrowright {
  margin-top: 23px;
  margin-right: 5px;
  margin-left: -3px; }
.CheckoutArticles .StepButtonsElement span {
  float: left;
  margin-top: 1px;
  margin-right: 10px;
  margin-left: 4px;
  text-decoration: none; }

.CheckoutNavigationButton .active {
  cursor: pointer; }

.CheckoutArticles .StepButtonsElement a:hover {
  cursor: pointer;
  text-decoration: none; }
.CheckoutArticles .StepButtonsElement a[disabled] span {
  cursor: default;
  color: #f0f0f0; }
.CheckoutArticles .StepContentElement {
  display: inline-block;
  width: 100%;
  margin-bottom: 25px; }
.CheckoutArticles th {
  text-align: left; }

.StepContentElement input[type="checkbox"] {
  vertical-align: middle;
  margin-right: 5px; }

.CheckoutArticles .OtherAddress input {
  border: solid 1px #ccc; }
.CheckoutArticles .OtherAddress td {
  vertical-align: middle !important;
  height: 40px !important; }
.CheckoutArticles .ButtonBar .GradientButton {
  margin-left: 10px; }

.CheckOutStep2Table {
  width: 100%; }

.CheckoutArticles .SubTable {
  width: 100%;
  padding: 0 5px;
  margin-bottom: 15px;
  height: 30px; }

.CheckoutRadio input[type="radio"] {
  margin-right: 5px;
  vertical-align: middle; }

.CheckOutStep2Table td {
  vertical-align: top; }

/*.CheckoutArticles .SubTable td {
    vertical-align: top;
}*/
.CheckoutArticles .ShoppingCartContent {
  border: solid 1px #e0e0e0; }
  .CheckoutArticles .ShoppingCartContent td {
    height: auto !important; }
.CheckoutArticles .SubTable td table {
  width: 100%; }
  .CheckoutArticles .SubTable td table td {
    height: auto; }
  .CheckoutArticles .SubTable td table th {
    font-weight: normal;
    width: 30%;
    width: 100px;
    border: none; }

.ReferenceCell input {
  height: 30px;
  padding-left: 5px; }

.OtherAddressCheckboxElement {
  clear: both;
  margin-left: 52px; }

.CheckoutArticles {
  /*.DeliveryCell {
      &:before {
          content: "\f015";
      }
  }*/ }
  .CheckoutArticles .DeliveryCell table {
    width: 100%; }
  .CheckoutArticles .PersonalCell:before,
  .CheckoutArticles .InvoiceCell:before {
    font-family: FontAwesome;
    font-size: 3em;
    margin: 15px 15px 0 0;
    float: left; }
  .CheckoutArticles .PersonalCell table,
  .CheckoutArticles .InvoiceCell table {
    width: 80% !important; }
  .CheckoutArticles .PersonalCell:before {
    content: "\f007"; }
  .CheckoutArticles .InvoiceCell:before {
    content: "\f0f6"; }

.CheckoutThankyouElement {
  width: 100%; }
  .CheckoutThankyouElement th {
    margin-bottom: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left; }

.LabelBold {
  font-weight: bold;
  color: #000; }

.AddressTitle {
  display: block;
  margin: 4px;
  padding-top: 5px; }

.printout_order_header {
  font-weight: 600;
  font-size: 1.1em;
  background-color: #DDDDDD;
  height: 40px;
  padding-left: 5px;
  border-spacing: 0;
  border: 1px solid #DDD; }

.printout_order_header3 {
  font-style: italic;
  font-size: 1.1em;
  background-color: #DDDDDD;
  height: 40px;
  padding-right: 5px;
  border-spacing: 0;
  border: 1px solid #DDD;
  text-align: right; }

.printout_body {
  font-size: 14px;
  font-family: sans-serif;
  margin-top: 0;
  color: #000; }

.followWizardDiv {
  display: none;
  color: #f00;
  font-weight: bold; }

/****************************  CHECKOUT GUEST **************************/
.guest-element {
  flex: 0 0 40%;
  -webkit-flex-basis: 40%;
  max-width: 40%;
  border: 2px solid #f4f4f4;
  padding: 15px 25px 25px 25px;
  box-sizing: border-box; }
  @media screen and (max-width: 768px) {
    .guest-element {
      flex: 0 0 60%;
      -webkit-flex-basis: 60%;
      max-width: 60%; } }
  @media screen and (max-width: 500px) {
    .guest-element {
      flex: 0 0 100%;
      -webkit-flex-basis: 100%;
      max-width: 100%; } }
  .guest-element-wrapper {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap; }
  .guest-element h4 {
    flex: 0 0 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%; }
  .guest-element-buttons {
    display: flex;
    display: -webkit-flex; }
.guest-login-element {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 20px; }
  .guest-login-element .user-name-label, .guest-login-element .password-label {
    display: block;
    clear: both; }
  .guest-login-element input {
    height: 41px;
    width: 100%;
    border: 1px solid #ccc;
    margin: 5px 0 15px 0;
    padding-left: 5px; }
  .guest-login-element .guest-login-button {
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 15px;
    box-sizing: border-box; }
.guest-register-element {
  flex: 1 0 50%;
  -webkit-flex-basis: 35%;
  -webkit-flex-grow: 1; 
  margin: 10px 10px 10px 1px;
  padding: 5px;
  background-color: rgb(245, 245, 245);
  text-align: center; }
.guest-continue-element {
  flex: 1 0 50%;
  -webkit-flex-basis: 55%;
  -webkit-flex-grow: 1; 
  margin: 10px 0 10px 5px;
  padding: 22px;
  background-color: rgb(215, 239, 144);
  text-align: center;
  border: 2px solid #01646d;
  font-weight: 600;  }
  
/*******************************  IE css ******************************/
_:-ms-lang(x),
.CheckoutStepButtonMainDiv {
  margin-top: 7px; }

_:-ms-lang(x),
.CheckoutStepMenu span {
  vertical-align: 25%; }

_:-ms-lang(x),
.CheckoutStepMenu li {
  vertical-align: top; }

/***************************  SHOPPINGCART ***************************/
.AddArticleTable {
  width: 100%;
  padding-top: 40px;
  clear: both; }
  .AddArticleTable input {
    width: 100%;
    margin: 5px 0; }
  .AddArticleTable th {
    text-align: left; }

@media print {
  .ShoppingCartArticles .Menu {
    display: none; } }
.ShoppingCartArticles .Menu .GradientButton {
  float: none; }
  .ShoppingCartArticles .Menu .GradientButton i {
    display: inline-block;
    margin-right: 5px; }

.ShoppingCartMore {
  display: none !important; }

.ShoppingCartTable .graduatedPrice {
  height: 20px; }
  @media print {
    .ShoppingCartTable .graduatedPrice {
      display: table-row !important; } }
.ShoppingCartTable i {
  text-align: right; }
  @media print {
    .ShoppingCartTable i {
      visibility: hidden; }
      .ShoppingCartTable i.fa-circle {
        visibility: visible; } }
.ShoppingCartTable td {
  padding: 10px 8px !important; }
.ShoppingCartTable .saveNoteButton {
  margin-left: 15px;
  vertical-align: text-bottom; }
.ShoppingCartTable a {
  cursor: pointer; }
  .ShoppingCartTable a:hover {
    text-decoration: underline !important; }

#ShoppingCartContents {
  float: right; }

#dnn_ctr707_ViewShoppingCart_btnPriceRequest_myImage,
#dnn_ctr707_ViewShoppingCart_btnClearShoppingCart_myImage {
  width: 5% !important;
  min-width: 10px !important;
  margin-right: 9px !important; }

.aantal {
  float: left;
  width: 60%;
  margin-top: 10px; }

.AddToShoppingCart {
  float: right; }

.hideAdd img {
  width: 35px; }

.CheckoutStepElement .ta-left {
  padding-left: 5px; }

.ShoppingCartArticles {
  position: relative;
  display: inline-block;
  width: 100%; }
  .ShoppingCartArticles table {
    border-collapse: collapse; }
  .ShoppingCartArticles .Pager {
    float: none !important;
    width: 100%;
    margin: 2px 0; }
  .ShoppingCartArticles .Menu {
    float: left;
    width: 20%;
    min-width: 180px;
    padding-right: 2.3%;
    vertical-align: top; }
    .ShoppingCartArticles .Menu.FullWidthShoppingCart {
      width: 100%; 
      margin-bottom: 60px;
      margin-top: 20px;}
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .shopping-cart-buttons {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex-wrap: wrap;
		margin-bottom: 40px;
        -webkit-flex-wrap: wrap;	}
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .shopping-cart-button {
        flex: 1 0 16%;
        -webkit-flex-basis: 16%;
        -webkit-flex-grow: 1;
        margin: 1.6%;
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center; }
        @media screen and (max-width: 700px) {
          .ShoppingCartArticles .Menu.FullWidthShoppingCart .shopping-cart-button {
            flex: 1 0 30%;
            -webkit-flex-basis: 30%;
            -webkit-flex-grow: 1; } }
        @media screen and (max-width: 570px) {
          .ShoppingCartArticles .Menu.FullWidthShoppingCart .shopping-cart-button {
            flex: 1 0 45%;
            -webkit-flex-basis: 45%;
            -webkit-flex-grow: 1; } }
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .GradientButton {
        display: flex;
        display: -webkit-flex;
        justify-content: center;
        -webkit-justify-content: center;
        align-items: center;
        -webkit-align-items: center;
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        height: 100%;
        box-sizing: border-box; }
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .AddArticleTable {
        /*position: absolute;
        bottom: -10px;*/ }
        .ShoppingCartArticles .Menu.FullWidthShoppingCart .AddArticleTable input {
          width: auto;
          margin: 0 15px; }
        .ShoppingCartArticles .Menu.FullWidthShoppingCart .AddArticleTable .FullWidthShoppingCart {
          float: left; }
          .ShoppingCartArticles .Menu.FullWidthShoppingCart .AddArticleTable .FullWidthShoppingCart:nth-child(1) {
            margin-top: 7px; }
          .ShoppingCartArticles .Menu.FullWidthShoppingCart .AddArticleTable .FullWidthShoppingCart.aantal {
            width: auto;
            margin-top: 7px;
            margin-left: 15px; }
  .ShoppingCartArticles .article-holder.FullWidthShoppingCart {
    width: 100%;
    padding-left: 0; }
    .ShoppingCartArticles .article-holder.FullWidthShoppingCart .w200 {
      width: auto; }
  .ShoppingCartArticles .ArticleOverview {
    display: inline-block;
    width: 99.5%;
    margin-bottom: 20px;
    margin-left: 0; }
  .ShoppingCartArticles .col {
    margin: 0.8%; }

.ShoppingCartTable {
  width: 100%;
    /*.article-content {
    float: left;
    width: 75%;
    margin-left: 2.5%;
    padding: 0;
}*/
  /*.ta-right {
      width: 85px;
  }*/ }
  .ShoppingCartTable .shopping-cart-tax {
    height: 20px; }
  .ShoppingCartTable img {
    min-width: 10px;
    max-width: 10px;
    height: 10px;
    vertical-align: baseline; }
  .ShoppingCartTable .ShoppingInput {
    width: 35px;
    height: 30px;
    margin: 0 5px;
    text-align: center; }
    .ShoppingCartTable .ShoppingInput:disabled {
      margin-left: -1px;
      width: 36px; }
    @media print {
      .ShoppingCartTable .ShoppingInput {
        border: none;
        background: transparent; } }
  .ShoppingCartTable tr {
    height: 40px; }
  .ShoppingCartTable td {
    padding: 2px; }
  .ShoppingCartTable img {
    margin: 0 2px 0 10px; }
  .ShoppingCartTable .oddCell {
    background-color: #f4f4f4; }
  .ShoppingCartTable .Plus,
  .ShoppingCartTable .Min {
    vertical-align: middle; }
  .ShoppingCartTable .HeaderRow {
    background-color: #d3d4d4;
    height: 50px; }
    .ShoppingCartTable .HeaderRow th {
      padding: 3px; }

.ShoppingCart .GradientButton.Order {
  background-image: url("../Images/button_icons/bestellen.png");
  background-repeat: no-repeat; }

/**************** ShoppingCart POP-UP **************/
.menu-shopping-cart {
  z-index: 1000; }

.compact-shopping-cart {
  position: relative;
  z-index: 1000;
  color: #333;
  line-height: initial; }
  .compact-shopping-cart.active .totalAmountOfCart {
    display: none !important; }
  .compact-shopping-cart.active .csc-button {
    cursor: default;
    -webkit-transform: translate3d(-440px, 5px, 0);
    transform: translate3d(-440px, 5px, 0);
    color: #666; }
    .compact-shopping-cart.active .csc-button span {
      color: #666; }
  .compact-shopping-cart.active .csc-order {
    pointer-events: auto; }
    .compact-shopping-cart.active .csc-order::before {
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition-delay: 0s;
      transition-delay: 0s; }
    .compact-shopping-cart.active .csc-order-inner {
      opacity: 1;
      -webkit-transition: opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1);
      transition: opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1); }
  .compact-shopping-cart.active .csc-close {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-delay: 0.015s;
    transition-delay: 0.015s; }
  .compact-shopping-cart.active .csc-summary div {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); }
  .compact-shopping-cart.active .csc-option {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1), opacity 0.6s cubic-bezier(0.2, 1, 0.3, 1);
    -webkit-transition-delay: 0.18s;
    transition-delay: 0.18s;
    text-align: center; }

.csc-button {
  position: relative;
  z-index: 10;
  display: block;
  overflow: hidden;
  width: 100%;
  height: 100%;
  cursor: pointer;
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden; }
  .csc-button:focus {
    outline: none; }

.csc-order {
  position: absolute;
  top: 0;
  right: 0;
  overflow: hidden;
  max-width: 100vw;
  width: 500px;
  pointer-events: none; }
  .csc-order::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    border: 2px solid #e2e2e2;
    -webkit-transform: translate3d(120%, -100%, 0) translate3d(-67px, 67px, 0);
    transform: translate3d(120%, -100%, 0) translate3d(-67px, 67px, 0);
    -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    transition: transform 0.5s cubic-bezier(0.2, 1, 0.3, 1);
    box-sizing: border-box; }
  .csc-order-inner {
    position: relative;
    padding-top: 55px;
    opacity: 0; }

.csc-close {
  position: absolute;
  top: 0.5rem;
  right: 0.6rem;
  overflow: hidden;
  width: 25px;
  height: 25px;
  border: none;
  background: transparent;
  color: #666;
  text-indent: 100%;
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
  backface-visibility: hidden; }
  .csc-close:focus {
    outline: none; }

.icon {
  position: absolute;
  top: 0;
  left: 0;
  text-indent: 0; }
  .icon.fa-close {
    font-size: 1.5rem; }

.icon:hover {
  color: #426a98; }

.csc-article--subtotal {
  display: flex;
  display: -webkit-flex;
  background: #E2E2E2;
  padding: 0.2rem 10px 10px; }
  .csc-article--subtotal:nth-child(2) {
    padding-top: 1rem;
    margin-top: 20px; }
  .csc-article--subtotal:last-child {
    padding-bottom: 1rem;
    font-weight: 750;
    border-top: 1px solid #FFF;
    padding-top: 10px; }
  .csc-article--subtotal-label {
    flex: 0 0 70%;
    -webkit-flex-basis: 70%;
    max-width: 70%;
    padding-left: 1.5rem;
    box-sizing: border-box; }
  .csc-article--subtotal-price {
    flex: 0 0 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%;
    text-align: right; }

.csc-summary {
  width: 100%;
  text-align: left;
  font-size: 0.85rem;
  margin: 10px 0; }
  .csc-summary-article {
    display: flex;
    display: -webkit-flex;
    padding: 10px;
    box-sizing: border-box; }
    .csc-summary-article-overview {
      overflow-y: auto;
      max-height: 65vh;
      overflow-x: no-display; }
    .csc-summary-article--img {
      flex: 0 0 30%;
      -webkit-flex-basis: 30%;
      max-width: 30%; }
      .csc-summary-article--img img {
        -o-object-fit: contain;
        object-fit: contain;
        font-family: "object-fit: contain";
        height: 70px;
        display: block;
        margin: 0 auto;
        max-width: 100%; }
    .csc-summary-article--container {
      flex: 0 0 70%;
      -webkit-flex-basis: 70%;
      max-width: 70%;
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap;
      display: flex;
      display: -webkit-flex; }
      .csc-summary-article--container i {
        order: 2;
        -webkit-order: 2;
        flex: 0 0 10%;
        -webkit-flex-basis: 10%;
        max-width: 10%;
        text-align: right;
        font-size: 1.2rem !important;
        cursor: pointer; }
    .csc-summary-article--description {
      order: 1;
      -webkit-order: 1;
      flex: 0 0 90%;
      -webkit-flex-basis: 90%;
      max-width: 90%;
      font-size: 0.9rem; }
      .csc-summary-article--description a {
        color: #333 !important; }
    .csc-summary-article--quantity {
      order: 3;
      -webkit-order: 3;
      flex: 0 0 70%;
      -webkit-flex-basis: 70%;
      max-width: 70%; }
    .csc-summary-article--price {
      order: 4;
      -webkit-order: 4;
      flex: 0 0 23%;
      -webkit-flex-basis: 23%;
      max-width: 23%;
      text-align: right; }
  .csc-summary div {
    -webkit-transform: translate3d(250px, 0, 0);
    transform: translate3d(250px, 0, 0); }

.csc-buttons--container {
  background: #e2e2e2;
  display: flex;
  display: -webkit-flex;
  justify-content: space-around;
  -webkit-justify-content: space-around;
  padding-bottom: 1rem;
  padding-top: 15px;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.2, 1, 0.3, 1);
  transition: transform 0.6s cubic-bezier(0.2, 1, 0.3, 1); }
  .csc-buttons--container a {
    line-height: 50px; }

.csc-option {
  padding: 0.5em 2em;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid #e0e0e0;
  background: #517cad;
  opacity: 0;
  -webkit-transform: translate3d(50px, 0, 0);
  transform: translate3d(50px, 0, 0);
  flex: 0 0 30%;
  -webkit-flex-basis: 30%;
  max-width: 30%; }
  .csc-option:hover {
    background: #426a98; }
  .csc-option:focus {
    outline: none; }
  .csc-option-silent {
    background: none;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #e0e0e0;
    color: #f4f4f4; }
    .csc-option-silent:hover {
      background: none;
      color: #426a98; }

@media screen and (max-width: 26em) {
  .checkout--active .csc-button {
    cursor: default;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0); } }
/* ==========================================================================
   CATALOGUE GENERAL
   ========================================================================== */
.article-content {
  width: 100%; }

.ArticleActionsTable {
  width: 100%;
  margin-bottom: 4px; }

.ArticleActionsElement .Icon {
  margin-left: 4px; }
  .ArticleActionsElement .Icon #ErrorLabel {
    color: red; }
  .ArticleActionsElement .Icon img {
    float: right;
    margin-top: 1px; }
.ArticleActionsElement .smallLoadingImage {
  margin-left: 8px; }
.ArticleActionsElement td,
.ArticleActionsElement th {
  vertical-align: middle; }

/*
 * STOCK
 */
#sizesOrderTableLegend ul {
  margin-left: 0; }

.stock-unit {
  font-weight: normal;
  font-size: small; }

.AvailableStockToolTip:before {
  content: "\f075";
  font-family: FontAwesome;
  ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
  display: inline-block;
  margin-right: 2px; }

.stock-company,
.dropdown-stock {
  margin-right: 10px; }
  .stock-company .fa-circle,
  .dropdown-stock .fa-circle {
    font-size: 0.8em;
    margin-right: 4px; }
  .stock-company .available,
  .dropdown-stock .available {
    color: #8CC63E; }
  .stock-company .not-available,
  .dropdown-stock .not-available {
    color: #FF0000; }
  .stock-company .limited,
  .dropdown-stock .limited {
    color: #FF6600; }
  .stock-company .soon-in-stock,
  .dropdown-stock .soon-in-stock {
    color: #004972; }

.article-holder {
  float: right;
  width: 75%;
  max-width: 1060px;
  padding-left: 2%;
  margin-bottom: 20px; }

.back-link {
  margin-top: 5px;
  font-weight: bold;
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  padding-right: 5px;
  padding-left: 5px; }
  .back-link:before {
    content: "\f0d9";
    font-family: "FontAwesome";
    margin-right: 5px; }

#cluetip-title {
  margin: 0 !important; }

.QuantityTextBox {
  width: 47px !important;
  text-align: center;
  padding-left: 0 !important; }
  @media print {
    .QuantityTextBox {
      border: none !important;
      background: transparent; } }

.Min,
.Plus {
  font-size: 1.5em !important; }

.quantityActions {
  text-align: center;
  float: left;
  margin-top: 5px; }

#BreadCrumbRow {
  margin-bottom: 7px;
  margin-top: 8px;
  font-size: smaller }

.ThumbnailsTable {
  float: left; }

.PROMOPrice,
.promo-specificPrice {
  text-decoration: line-through; }

.save {
  margin-top: 3px !important;
  margin-right: 5px; }

.row2 {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .row2:after {
    content: "";
    flex: auto; }
  @media screen and (max-width: 700px) {
    .row2 {
      justify-content: center;
      -webkit-justify-content: center; }
      .row2:after {
        content: "";
        flex: inherit;
        width: calc(220px + 2%); } }
  @media screen and (max-width: 500px) {
    .row2:after {
      content: initial; } }
  @media screen and (max-width: 1010px) {
    .DnnModule-CatalogueHome .row2 {
      justify-content: center;
      -webkit-justify-content: center; } }
  @media screen and (max-width: 1009px) {
    .DnnModule-CatalogueHome .row2:after {
      content: initial; } }
  @media screen and (max-width: 500px) {
    .DnnModule-CatalogueHome .row2:after {
      content: initial; } }

/*
 * ANIMATION ADD ARTICLE
 */
#imgResult {
  -moz-animation: cssAnimation 0.3s ease-in-out 0.5s forwards;
  -webkit-animation: cssAnimation 0.3s ease-in-out 0.5s forwards;
  -o-animation: cssAnimation 0.3s ease-in-out 0.5s forwards;
  animation: cssAnimation 0.3s ease-in-out 0.5s forwards;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  transition-duration: .2s, 1s;
  transition-timing-function: linear;
  position: relative;
  color: #333; }

@keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    transition-duration: .2s, 1s;
    transition-timing-function: linear; }
  0% {
    top: 0px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; }
  100% {
    top: -20px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0; } }
@-webkit-keyframes cssAnimation {
  to {
    width: 0;
    height: 0;
    overflow: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transition-duration: .2s, 1s;
    transition-timing-function: linear; }
  0% {
    top: 0px;
    -webkit-opacity: 1;
    -moz-opacity: 1;
    opacity: 1; }
  100% {
    top: -20px;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0; } }
/* CATALOGUE OVERVIEW + CATALOGUE HOME 
   ========================================================================== */
/*
 * BUTTONS
 */
.ExtraButtons {
  text-align: right;
  margin: 30px 0; }
  .ExtraButtons input {
    clear: both;
    margin-left: 10px; }

.continue-shopping {
  float: left;
  margin: 10px 0; }

/*
 * TREEVIEW
 */
.catalogue_menu-holder {
  width: 20%;
  min-height: 60%;
  float: left;
  padding-right: 0.4%;
  margin-bottom: 80px;
  margin-top: 10px; }
  .catalogue_menu-holder .menu-content {
    font-weight: 600;
    display: inline-block;
    width: 100%; }
  .catalogue_menu-holder2 {
    margin-top: 5px;
    width: 100%;
    padding-right: 2.5%; }

.ArticleGroupTreeView {
  display: inline-block;
  width: 100%;
  margin: 0;
  padding: 0 0 5px 0; 
  -webkit-transition: 0.4s;
  -moz-transition: 0.4s;
  -o-transition: 0.4s;
  -ms-transition: 0.4s;
  transition: 0.4s;}
  .ArticleGroupTreeView li {
    list-style-type: none; }
    .ArticleGroupTreeView li.Expanded ul {
      display: block; }
    .ArticleGroupTreeView li.Collapsed ul {
      display: none; }
  .ArticleGroupTreeView ul {
    margin: 0;
    padding: 0; }
    .ArticleGroupTreeView ul li {
      height: auto;
      margin: 2px 0;
      list-style: none;
      cursor: pointer; }
    .ArticleGroupTreeView ul a {
      text-decoration: none;
      -o-transition: .3s;
      -ms-transition: .3s;
      -moz-transition: .3s;
      -webkit-transition: .3s;
      transition: .3s; }
/*
.ArticleGroupTreeView .Hover {
  color: #b75d0c;
  border-bottom: 1px solid !important;
  font-weight: 700;
  background-color: #e8e0e0 }
 */

/*
 * CATALOGUE WITHOUT TREEVIEW
 */
.article-holder-full-width {
  width: 100%;
  max-width: 1060px; }
  .article-holder-full-width .grouperDiv {
    width: inherit;
    width: initial;
    /*max-width: 152px;*/ }

/*
 * CATALOGUE SLIDER
 */
.article-overview--slider {
  position: relative; }
  .article-overview--slider .nav-link {
    position: absolute;
    bottom: 47%;
    -o-transition: .4s;
    -ms-transition: .4s;
    -moz-transition: .4s;
    -webkit-transition: .4s;
    transition: .4s; }
    .article-overview--slider .nav-link:first-child {
      left: 0; }
    .article-overview--slider .nav-link:last-child {
      right: 0; }

/* 
 * ARTICLEGROUP ICONS
 */
.article-group-html-text {
  padding-top: 10px;
  padding-bottom: 10px; }

.groupicons-holder {
  display: inline-block;
  width: 100%; }

.group-icons-element .GroupIcons {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  margin-top: 35px; }
  .group-icons-element .GroupIcons:after {
    content: "";
    flex: auto; }
  .group-icons-element .GroupIcons .ChildGroupsList {
    margin-bottom: 0 !important; }

.IconImageHolder {
  display: flex;
  display: -webkit-flex;
  flex-direction: column-reverse;
  -webkit-flex-direction: column-reverse; }
  .GroupIconGreaterThenLevel3 .IconImageHolder {
    height: 50px !important;
    max-width: initial !important;
    min-height: 0; }

.GroupIconGreaterThenLevel3 {
  text-align: center;
  margin: 2px 0;
  padding: 0 2px; }
  .GroupIconGreaterThenLevel3 .GroupTitle {
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    right: 0;
    display: table;
    background-color: transparent; }
    .GroupIconGreaterThenLevel3 .GroupTitle span {
      display: table-cell;
      padding: 0 3px; }
  .GroupIconGreaterThenLevel3 img {
    display: none; }

.GroupIcon {
  font-weight: 600;
  text-align: center;
  vertical-align: top; }
  .GroupIcon .IconImage {
    width: 100%;
    height: auto;
    border: none;
    -webkit-backface-visibility: hidden; }
  .GroupIcon .GroupDescription {
    line-height: 11px;
    display: inline-block;
    padding-top: 3px; }

/*
 * OBJECTSEXLPORER
 */
#ZoomImageLink {
  margin: 0;
  padding: 0; }

.VerticalObjectsExplorer {
  width: 100%;
  margin-right: 2px;
  margin-bottom: 5px; }
  .VerticalObjectsExplorer img,
  .VerticalObjectsExplorer a {
    border: 0; }
  .VerticalObjectsExplorer td {
    vertical-align: middle; }

.ObjectsExplorerHolder {
  margin-top: 10px;
  width: 100%;
  display: flex;
  display: -webkit-flex; }
  .ObjectsExplorerHolder .ObjectsExplorer {
    overflow: hidden;
    padding-top: 1px; }
    .ObjectsExplorerHolder .ObjectsExplorer ul {
      margin: 0;
      padding: 0;
      list-style: none;
      width: 100% !important; }
    .ObjectsExplorerHolder .ObjectsExplorer li {
      margin: 0;
      padding: 0;
      list-style: none;
      overflow: hidden;
      padding-top: 15px;
      float: none !important;
      display: flex;
      display: -webkit-flex;
      font-weight: 700;	  }
      .ObjectsExplorerHolder .ObjectsExplorer li a {
        flex-grow: 1;
        -webkit-flex-grow: 1; }
    .ObjectsExplorerHolder .ObjectsExplorer img {
      margin: 3px;
      margin-left: 0; }
    @media screen and (max-width: 1024px) {
      .ObjectsExplorerHolder .ObjectsExplorer img {
        width: 25px;
        height: 25px; } }

span.PreviousObject {
  display: none; }
span.NextObject {
  display: none; }

/*
 * PAGER
 */
.spacer {
  width: 100px;
  min-width: 100px;
  height: 1px;
  min-height: 1px; }

.Pager {
  width: 100%;
  margin: 0;
  margin: 35px 0;
  background-color: #fafafa; }
  .Pager a {
    text-decoration: none; }
    .Pager a:visited {
      text-decoration: none; }
    .Pager a:hover {
      text-decoration: underline;
      font-weight: bold; }
    .Pager a.Active {
      font-weight: bold; }
  .Pager img {
    border: 0; }
  .Pager td {
    font-weight: bold;
    padding: 0 5px 0 5px; }
  @media screen and (max-width: 1024px) {
    .Pager {
      height: 33px; }
      .Pager .searchresult-label {
        margin-top: 5px; }
      .Pager .PagerNumbers .ArrowRight,
      .Pager .PagerNumbers .ArrowLeft {
        background-position: 1 5; }
      .Pager a {
        font-size: 1.5em;
        margin-right: 7px; } }
  @media screen and (max-width: 515px) {
    .Pager {
      height: 75px; } }

.Chapter {
  font-size: 14px !important;
  margin-top: 4px; }

.PagerNumbers {
  float: left;
  margin-left: 4px; }
  .PagerNumbers .ArrowLeft, .PagerNumbers .ArrowRight {
    display: block; }

/*
 * SINGLE ARTICLE BOXED
 */
.SingleArticleElement {
  display: flex;
  display: -webkit-flex;
  flex: 0 0 30%;
  -webkit-flex-basis: 30%;
  max-width: 30%;
  border: 1px solid #d4d6d7;
  position: relative;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s;
  margin: 0px 25px 40px 0px;
  flex-direction: column;
  -webkit-flex-direction: column; }
  .article-holder-full-width .SingleArticleElement {
    flex: 0 0 29%;
    -webkit-flex-basis: 29%;
    max-width: 29%; }
  .SingleArticleElement .SupplierArticleCodeElement {
    display: flex;
    display: -webkit-flex;
    clear: both; }
  .SingleArticleElement .ArticleWeightElement {
    clear: both; }
  .SingleArticleElement .NoteTextArea {
    width: 207px; }
  .SingleArticleElement .MiniumAndIncrementQuantityElement {
    display: inline-block;
    font-size: smaller;
    margin: 5px 0 5px; }
    .SingleArticleElement .MiniumAndIncrementQuantityElement .MinimumQuantityElement .field-title,
    .SingleArticleElement .MiniumAndIncrementQuantityElement .IncrementQuantityElement .field-title {
      float: left; }
    .SingleArticleElement .MiniumAndIncrementQuantityElement .MinimumQuantityElement .field-value,
    .SingleArticleElement .MiniumAndIncrementQuantityElement .IncrementQuantityElement .field-value {
      float: right;
      padding-bottom: 8px; }
  .SingleArticleElement .StockInfoElement {
    clear: both;
    margin-bottom: 5px;
    display: block; }
  .SingleArticleElement .AddToFavoritesElement,
  .SingleArticleElement .ArticleActionsTable .quantity-title,
  .SingleArticleElement .BrandImageElement,
  .SingleArticleElement .ContractImage {
    display: none; }
  .SingleArticleElement .quantity {
    float: left; }
  .SingleArticleElement .ArticleGeneralInformationElement {
    position: relative;
    display: block;
    float: left;
    margin-top: 10px;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 20px; }
    .SingleArticleElement .ArticleGeneralInformationElement .field-title {
      width: 80px; }
    .SingleArticleElement .ArticleGeneralInformationElement div {
      width: 100%; }
  .SingleArticleElement .ArticleDescription1Element {
    margin-left: 0;
    font-weight: 600;
    margin-top: 0px;
    padding: 5px;
    box-sizing: border-box;
    width: 100%; }
  .SingleArticleElement .ArticleDescription2Element {
    width: 90%; }
  .SingleArticleElement .ArticleActionsInformationElement {
    display: block;
    float: none;
    margin-left: 15px;
    padding-right: 0;
    text-align: left;
    clear: both;
    margin-top: 2px; }
    .SingleArticleElement .ArticleActionsInformationElement .field-value {
      width: auto; 
      font-weight: 650; 
      margin-left: 12px; }
  .SingleArticleElement .ArticleDetail {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-direction: column;
    -webkit-flex-direction: column; }
    .SingleArticleElement .ArticleDetail .ArticleInfo {
      flex: 1 0 unset;
      -webkit-flex-basis: unset;
      -webkit-flex-grow: 1;
      box-sizing: border-box; }
    .SingleArticleElement .ArticleDetail .ArticleImage a {
      width: 100%;
      display: block;
      text-align: center; }
    .SingleArticleElement .ArticleDetail .ArticleImage img {
      margin: 5px auto; }
  .SingleArticleElement .ImageAndObjectElement {
    width: 100%;
    position: relative;
    flex: 1 0 unset;
    -webkit-flex-basis: unset;
    -webkit-flex-grow: 1;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
    -webkit-align-items: center; 
    margin: 10px 0;}
  .SingleArticleElement .ArticleActionsElement .Icon {
    float: left;
    margin-left: 20px;
    height: 50px; }
  .SingleArticleElement .ArticleCodeElement {
    border-bottom: 1px solid #f6e2cd;
    padding-bottom: 5px;
    margin-bottom: 15px; }
  .SingleArticleElement .ArticlePriceElement {
    min-height: 40px;
    display: block; }
    .SingleArticleElement .ArticlePriceElement .ArticlePriceInfo {
      display: block; }
  .SingleArticleElement:hover {
    -webkit-box-shadow: 5px 7px 10px -5px rgba(44, 41, 41, 0.55);
    -moz-box-shadow: 5px 7px 10px -5px rgba(44, 41, 41, 0.55);
    box-shadow: 5px 7px 10px -5px rgba(44, 41, 41, 0.85); }
  @media screen and (max-width: 1100px) {
    .SingleArticleElement {
      margin: 11px; } }
  @media screen and (max-width: 1023px) {
    .SingleArticleElement {
      margin: 15px; } }
  @media screen and (max-width: 1010px) {
    .SingleArticleElement {
      margin: 11px; } }
  @media screen and (max-width: 700px) {
    .SingleArticleElement {
      min-width: 220px; } }
  @media screen and (max-width: 485px) {
    .SingleArticleElement {
      flex: 0 0 47%;
      -webkit-flex-basis: 47%;
      max-width: 47%;
      min-width: initial !important; } }
  .DnnModule-CatalogueHome .SingleArticleElement, .article-overview--slider .SingleArticleElement {
    flex: 0 0 23%;
    -webkit-flex-basis: 23%;
    max-width: 23%;
    min-width: 220px; }
    @media screen and (max-width: 1023px) {
      .DnnModule-CatalogueHome .SingleArticleElement, .article-overview--slider .SingleArticleElement {
        margin: 7px; } }
    @media screen and (max-width: 1010px) {
      .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
        display: none; } }
    @media screen and (max-width: 485px) {
      .DnnModule-CatalogueHome .SingleArticleElement, .article-overview--slider .SingleArticleElement {
        flex: 0 0 47%;
        -webkit-flex-basis: 47%;
        max-width: 47%;
        min-width: initial !important; }
        .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
          display: block !important; } }

/*
 * SINGLE ARTICLE LINE
 */
.SingleArticlesLines {
  width: 98.5%;
  position: relative;
  margin-left: 1%;
  border-bottom: 1px solid #F4f4f4;
  padding-bottom: 10px; }
  .SingleArticlesLines .ArticleDetail {
    justify-content: space-between;
    -webkit-justify-content: space-between; }
  .SingleArticlesLines .BrandImageElement {
    order: 4;
    -webkit-order: 4;
    align-self: center;
    -webkit-align-self: center; }
  .SingleArticlesLines .ArticleInfo {
    order: 3;
    -webkit-order: 3; }
  .SingleArticlesLines .ArticleDescription1Element {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 1.1em;
    order: 1;
    -webkit-order: 1;
    flex: 0 0 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%; }
  .SingleArticlesLines .ImageAndObjectElement {
    margin-right: 15px;
    position: relative;
    order: 2;
    -webkit-order: 2; }
  .SingleArticlesLines .StockInfoElement {
    clear: both;
    padding-top: 12px; }
    .SingleArticlesLines .StockInfoElement .AvailableStockElement {
      margin-top: 3px; }
  .SingleArticlesLines .ArticleActionsTable {
    width: 192px; }
    .SingleArticlesLines .ArticleActionsTable .quantity-title {
      display: none; }
  .SingleArticlesLines .ArticleActionsInformationElement {
    margin-top: 15px;
    order: 5;
    -webkit-order: 5; }
    .SingleArticlesLines .ArticleActionsInformationElement .field-value {
      width: auto;
      margin-left: 10px; }
  .SingleArticlesLines .ArticleActions .ArticleGeneralInformationElement {
    display: inline-block;
    margin-bottom: 0; }
  .SingleArticlesLines .FavoriteActionElement {
    position: absolute;
    top: 15px;
    right: 0;
    margin-top: 0;
    margin-right: 0; }
  .SingleArticlesLines .MiniumAndIncrementQuantityElement {
    margin-top: 12px;
    display: inline-block; }
    .SingleArticlesLines .MiniumAndIncrementQuantityElement .MinimumQuantityElement .field-title,
    .SingleArticlesLines .MiniumAndIncrementQuantityElement .IncrementQuantityElement .field-title {
      float: left; }
    .SingleArticlesLines .MiniumAndIncrementQuantityElement .MinimumQuantityElement .field-value,
    .SingleArticlesLines .MiniumAndIncrementQuantityElement .IncrementQuantityElement .field-value {
      float: right; }

/****************************  CATALOGUE HOME *************************/
.old-price-container {
  color: grey; }
  .old-price-container .field-title {
    width: auto; }

.new-price {
  font-weight: 600; }

.new-price-label {
  font-weight: 600;
  float: left; }

.catalog-header {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  align-items: flex-end;
  -webkit-align-items: flex-end; }
  .catalog-header h2 {
    font-size: 1.3em;
    margin: 0 !important; }
  .catalog-header span {
    font-weight: 600;
    padding-left: 5px; }

.DnnModule-CatalogueHome .XDMBlue {
  display: none; }

.DnnModule-CatalogueHome .ArticleOverview {
  padding-left: 0;
  float: none;
  border: none; }
  .DnnModule-CatalogueHome .ArticleOverview.row2 {
    margin-bottom: 30px;
    margin-top: 5px;
    margin-left: auto; }

.ArticleInfo {
  padding: 10px; }
  .ArticleInfo .field-value {
    font-weight: 700;
    display: table-cell; 
    padding-bottom: 12px;}
  .ArticleInfo .field-title {
    font-weight: 500;
    float: left;
    display: table-cell;
    width: 115px; 
    color: rgb(135, 135, 135);
    font-size: smaller; }

/* ARTICLE HIGHLIGHT 
   ========================================================================== */
.DnnModule-ArticleHighlight .catalog-header {
  margin-bottom: 15px; }
  .DnnModule-ArticleHighlight .catalog-header a {
    pointer-events: none; }
    .DnnModule-ArticleHighlight .catalog-header a:before {
      display: none; }

.article-highlight {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .article-highlight--left-pane {
    flex: 0 0 39%;
    -webkit-flex-basis: 39%;
    max-width: 39%;
    box-sizing: border-box;
    margin-right: 2%;
    min-width: 280px; }
    @media screen and (max-width: 770px) {
      .article-highlight--left-pane {
        margin-right: 0;
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
  .article-highlight--right-pane {
    flex: 0 0 59%;
    -webkit-flex-basis: 59%;
    max-width: 59%; }
    @media screen and (max-width: 770px) {
      .article-highlight--right-pane {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .article-highlight--right-pane iframe {
      width: 100%;
      height: 100%;
      min-height: 320px; }

/* CATALOGUE DETAIL 
   ========================================================================== */
/*
 * BUTTONS
 */
.addRow {
  padding: 5px;
  float: right;
  font-weight: 600;
  margin-top: -10px;
  margin-bottom: 20px;
  margin-right: 10px; }

.btnAddRow {
  cursor: pointer; }

.ArticleDescription1Element {
  font-weight: 600;
  margin-top: 20px; }
  .ArticleDescription1Element a:hover {
    text-decoration: none; }

.cell-quantity {
  width: 60px; }
  .cell-quantity input {
    width: 50px; }
  .cell-quantity .SubArticleElement {
    float: left;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 8px; }
    .cell-quantity .SubArticleElement a {
      font-weight: bold;
      background-repeat: no-repeat; }
      .cell-quantity .SubArticleElement a:hover {
        text-decoration: none;
        color: #000; }

/*
 * BRANDS
 */
.BrandImageElement {
  margin: 8px 0; }
  .BrandImageElement #BrandImage {
    max-height: 34px; }

/*
 * SUBARTICLES
 */
.subarticles-quantity td {
  vertical-align: middle; }

.subarticle-standard {
  padding-bottom: 10px;
  border-bottom: 1px solid #f4f4f4; }
  .subarticle-standard .ArticleDescription1Element {
    padding: 0;
    margin-top: 0; }
  .subarticle-standard .field-title {
    float: left;
    font-weight: bold;
    width: 90px; }
  .subarticle-standard .PriceExclVatElement,
  .subarticle-standard .PriceUnitGrossElement,
  .subarticle-standard .PriceInclVatElement,
  .subarticle-standard .UnitDiscountElement {
    float: left;
    clear: right; }
  .subarticle-standard .WarehouseStockInfoElement {
    margin-top: 0; }
    .subarticle-standard .WarehouseStockInfoElement.warehouse-stock-element-dropdown {
      min-height: 36px; }
  .subarticle-standard .subarticle-detail-child {
    flex: 0 0 30%;
    -webkit-flex-basis: 30%;
    max-width: 30%;
    box-sizing: border-box; }
    .subarticle-standard .subarticle-detail-child:last-child {
      max-width: 200px; }

.subarticle-details {
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  -webkit-justify-content: space-between;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }

.SubArticlesQuantity .quantity {
  float: left; }

.SubArticlesElement h3 {
  font-size: 1.2em;
  padding: 5px 0 5px 5px; }
.SubArticlesElement .ArticleImageCell {
  padding-right: 10px; }
.SubArticlesElement .ArticleActionsElement {
  margin-right: 10px; }
.SubArticlesElement .SubArticleStockInfoElement .stock-company .fa-circle {
  float: left;
  padding-top: 4px; }
.SubArticlesElement .SubArticleStockInfoElement .AvailableStock {
  float: left;
  margin-left: 5px; }
.SubArticlesElement .SubArticleStockInfoElement .QuantityInStock {
  display: inline-block; }

.ArticleGeneralInformationElement {
  margin-bottom: 20px; }
  .ArticleGeneralInformationElement .field-value {
    font-weight: 600;
    display: table-cell; }
  .ArticleGeneralInformationElement .field-title {
    font-weight: 500;
    color: rgb(135, 135, 135); }
  .ArticleGeneralInformationElement .ArticleCodeElement,
  .ArticleGeneralInformationElement .MinimumQuantityElement,
  .ArticleGeneralInformationElement .IncrementQuantityElement,
  .ArticleGeneralInformationElement .ArticlePriceElement,
  .ArticleGeneralInformationElement .ObjectsExplorerHolder,
  .ArticleGeneralInformationElement .StockTypeElement {
    clear: both;
    display: table;
    vertical-align: bottom; }
  .ArticleGeneralInformationElement th,
  .ArticleGeneralInformationElement td {
    text-align: left;
    vertical-align: top; }
  .ArticleGeneralInformationElement .field-title {
    min-width: 105px; }
  .ArticleGeneralInformationElement a {
    text-decoration: none; }
    .ArticleGeneralInformationElement a:hover {
      text-decoration: none; }

.ArticleActionsInformationElement {
  display: block;
  margin-top: 5px;
  padding-right: 0;
  text-align: right; }
  .ArticleActionsInformationElement .field-title {
    width: auto;  
    color: rgb(135, 135, 135);
    padding-bottom: 8px; }
  .ArticleActionsInformationElement .field-value {
    width: 80px;
    font-weight: 600;
    text-align: left;
    padding-left: 20px;
    vertical-align: middle;
    margin-left: 20px; }

.ArticlePriceElement {
  width: 100%;
  display: none; }
.ArticlePriceInfo {
  width: 100%;
  border-collapse: collapse; }
  .ArticlePriceInfo td {
    padding: 0; }

.SubInfo .field-title,
.SubInfo .field-value {
  padding-bottom: 5px; }
.SubInfo th {
  font-weight: bold; }

/*
 * COMPONENTS
 */
.CompositeInfo {
  margin: 10px 0 20px 0;
  width: 100%;
  clear: both; }
  .CompositeInfo .field-title {
    padding-left: 15px; }
  .CompositeInfo td {
    padding: 5px 0; }
  .CompositeInfo .CompositeHeader {
    height: 30px; }
    .CompositeInfo .CompositeHeader th {
      background-color: transparent !important; }
  .CompositeInfo th {
    height: 25px;
    background-color: #e7e7e7; }

.CompositeArticleDescription {
  font-style: italic;
  text-align: left;
  padding-left: 15px !important; }
  .CompositeArticleDescription:before {
    content: "\f111";
    font-family: 'FontAwesome';
    font-style: normal;
    font-size: 5px;
    vertical-align: middle;
    padding-right: 4px; }

#CompositeArticleDescription {
  font-style: italic; }

.CompositeArticleStockInfoElement img {
  width: 12px;
  height: 12px; }

.price-fq {
  text-decoration: line-through;
  font-size: initial;
  color: #333; }
  .price-fq--discount {
    margin-left: 15px; }

/*
 * DROPDOWN
 */
.sub-article-drop-down {
  margin: 15px 0; }
  .sub-article-drop-down select {
    width: 71%;
    -webkit-border-radius: 0.25rem;
    -moz-border-radius: 0.25rem;
    -ms-border-radius: 0.25rem;
    border-radius: 0.25rem;
    border: 1px solid #e0e0e0; }
    @media screen and (max-width: 700px) {
      .sub-article-drop-down select {
        width: 100%; } }

.dropdown-graduated-prices {
  position: absolute;
  background: #fff;
  z-index: 9999; }
  .dropdown-graduated-prices .graduated-price-element-hidden {
    border: 1px solid #f4f4f4; }
  .dropdown-graduated-prices .PriceQuantityRepeaterTable {
    text-align: right; }
    .dropdown-graduated-prices .PriceQuantityRepeaterTable th:first-child {
      width: auto;
      text-align: right; }

.accessoire-to-cart {
  padding-left: 15px; }
  .accessoire-to-cart::before {
    display: none; }

.PreviewImage {
  height: auto !important; }

.ArticleDetail {
  position: relative;
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
  .ArticleDetail .article-detail-image-column {
    flex: 0 0 40%;
    -webkit-flex-basis: 40%;
    max-width: 40%; }
    @media screen and (max-width: 622px) {
      .ArticleDetail .article-detail-image-column {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .ArticleDetail .article-detail-image-column .ImageAndObjectElement {
      /* width: 100%; */ }
  .ArticleDetail .article-detail-column {
    flex: 0 0 59%;
    -webkit-flex-basis: 59%;
    max-width: 59%;
    position: relative;
    margin-left: 1%; }
    @media screen and (max-width: 622px) {
      .ArticleDetail .article-detail-column {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
  .ArticleDetail .full-width-column {
    flex: 0 0 100%;
    -webkit-flex-basis: 100%;
    max-width: 100%; }
  .ArticleDetail .ArticleDescription1 span {
    font-weight: bold; }
  .ArticleDetail .ArticleImageDetail {
    position: relative;
    display: block;
    min-height: 101px;
    margin: 0 10px 0 0;
    text-align: center;
    vertical-align: middle; }
    .ArticleDetail .ArticleImageDetail img {
      width: 100%;
      box-sizing: border-box; }
    .ArticleDetail .ArticleImageDetail .PreviewImageCell {
      border: 1px solid #FFF;
      /*width: 200px;
      height: 200px !important;*/ }
      .ArticleDetail .ArticleImageDetail .PreviewImageCell img {
        max-width: 100%;
        box-sizing: border-box; }
      .ArticleDetail .ArticleImageDetail .PreviewImageCell a.LightBoxImage {
        display: block;
        text-align: center; }
    .ArticleDetail .ArticleImageDetail img {
      padding: 5px; }
  .ArticleDetail .ArticleImageDetailZoomed {
    display: block;
    min-height: 101px;
    margin: 5px;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #F4f4f4; }
  .ArticleDetail th {
    text-align: left; }
  .ArticleDetail .SubArticleRow .ContractImage {
    width: 25px; }
    .ArticleDetail .SubArticleRow .ContractImage input {
      float: left;
      margin-top: 4px;
      margin-right: 4px; }
  .ArticleDetail .ArticleActionsInformationElement input {
    width: 20px; }
  .ArticleDetail .ArticleActionsInformationElement table td {
    padding-bottom: 15px;    
    /* text-align: right; */ }
  .ArticleDetail .ArticleActionsInformationElement table th {
    width: 72%;
    text-align: right; }
  .ArticleDetail .ArticleActionsInformationElement .quantity {
    float: left; }
    .ArticleDetail .ArticleActionsInformationElement .quantity input {
      text-align: center;
      padding-left: 0; }
  .ArticleDetail .ArticleActionsInformationElement .SubHeader td {
    font-weight: 600;
    vertical-align: middle; }
  .ArticleDetail .ArticleActionsInformationElement .SubInfo {
    margin-top: 10px;
    margin-bottom: 10px; }
    .ArticleDetail .ArticleActionsInformationElement .SubInfo .SubHeader {
      font-size: 1.1em;
      height: 23px; }
  .ArticleDetail .ArticleActionsInformationElement .SubArticleCell {
    padding-left: 10px; }
  .ArticleDetail .ArticleActionsInformationElement .ArticleDescription2 {
    padding-top: 5px;
    padding-left: 13px; }
  .ArticleDetail .ArticleActionsInformationElement .ArticleAvailable {
    padding-right: 5px;
    text-align: right; }
  .ArticleDetail .ArticleActionsInformationElement .ArticleImage {
    float: left;
    position: relative;
    min-height: 100px;
    margin: 10px;
    text-align: center;
    vertical-align: middle;
    background-color: #FFF; }
    .ArticleDetail .ArticleActionsInformationElement .ArticleImage img {
      margin: 0;
      padding: 0; }

.imageNotFoundElement {
  float: left;
  min-height: 100px;
  margin: 0 10px 10px 0;
  text-align: center;
  vertical-align: middle;
  background-color: #FFF; }

.ArticlePropertiesElement,
.ArticleAccessoiresElement,
.ArticleAlternativesElement,
.ArticlePriceQuantitiesElement,
.ArticleOptionalAccessoiresElement {
  float: left;
  width: 130px;
  margin-top: 20px;
  margin-right: 2px;
  padding: 3px;
  margin-bottom: 20px; }
  .ArticlePropertiesElement a,
  .ArticleAccessoiresElement a,
  .ArticleAlternativesElement a,
  .ArticlePriceQuantitiesElement a,
  .ArticleOptionalAccessoiresElement a {
    font-weight: bold; }
    .ArticlePropertiesElement a:before,
    .ArticleAccessoiresElement a:before,
    .ArticleAlternativesElement a:before,
    .ArticlePriceQuantitiesElement a:before,
    .ArticleOptionalAccessoiresElement a:before {
      content: "\f0da";
      font-family: FontAwesome;
      margin-right: 5px; }
  .ArticlePropertiesElement .SubInfo td,
  .ArticleAccessoiresElement .SubInfo td,
  .ArticleAlternativesElement .SubInfo td,
  .ArticlePriceQuantitiesElement .SubInfo td,
  .ArticleOptionalAccessoiresElement .SubInfo td {
    vertical-align: middle; }

.ArticlePropertiesElement .ObjectsExplorerHolder a {
  background-image: none; }

.add-to-shoppingcart-link {
  width: 50px;
  float: right; }

.add-to-shoppingcart-link i {
  float: right; }

/****************************  DASHBOARD *****************************/
.DashboardElement {
  display: flex;
  display: -webkit-flex; }
  .DashboardElement .dashboard-button {
    width: 23%;
    float: left;
    margin: 1%;
    flex: 1;
    border-radius: 6px 6px 6px 6px; }
    .DashboardElement .dashboard-button .dashboard-button-image {
      width: 60%;
      margin: 0 auto;
      display: block; }
    .DashboardElement .dashboard-button .dashboard-button-title {
      font-size: 1.5em;
      text-align: center;
      display: block;
      font-weight: bold; }

.DashboardBlock {
  float: left; }
  .DashboardBlock table {
    margin: 10px 0; }
    .DashboardBlock table:hover {
      cursor: pointer;
      cursor: hand; }
  .DashboardBlock th {
    font-weight: bold;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left; }
  .DashboardBlock .infomessage {
    font-weight: bold; }

.DashboardHeader {
  margin-top: 10px;
  margin-bottom: 20px;
  margin-left: 10px; }

.DnnModule-MyCustomers .Search {
  max-width: 100% !important; }

.LoginAsLinkButton {
  padding: 4px 5px !important;
  color: #fff !important;
  -o-transition: .4s;
  -ms-transition: .4s;
  -moz-transition: .4s;
  -webkit-transition: .4s;
  transition: .4s; }
  .LoginAsLinkButton:before {
    font-family: FontAwesome;
    content: "\f084";
    margin-right: 3px; }

.clients {
  float: right;
  width: 30%;
  margin-left: 20%; }

.DnnModule-ShopHeader .container2 {
  display: none; }

.ShopHeader #ShoppingCartHeader {
  display: none; }
.ShopHeader .ShopheaderInfoElement {
  float: left;
  /*height: 40px;*/
  margin-top: 10px; }
  .ShopHeader .ShopheaderInfoElement .ShopheaderInfoElementContent {
    padding: 3px; }

/****************** POPUP ************************/
.infomatcustom-dialog .ui-dialog-buttonpane,
.timeout-dialog .ui-dialog-buttonpane {
  padding: .3em 0 0 .4em; }
  .infomatcustom-dialog .ui-dialog-buttonpane button,
  .timeout-dialog .ui-dialog-buttonpane button {
    margin: .2em; }
.infomatcustom-dialog .ui-dialog-content,
.timeout-dialog .ui-dialog-content {
  width: auto !important;
  padding-top: 15px;
  height: auto !important; }
.infomatcustom-dialog .ui-button,
.timeout-dialog .ui-button {
  border: 1px solid #c2c2c2 !important; }
  .infomatcustom-dialog .ui-button:last-child,
  .timeout-dialog .ui-button:last-child {
    background: #f5f5f5;
    color: #797070 !important; }
    .infomatcustom-dialog .ui-button:last-child:hover,
    .timeout-dialog .ui-button:last-child:hover {
      background-color: #fefefe; }
  .infomatcustom-dialog .ui-button div.ui-dialog-titlebar > a.ui-dialog-titlebar-close,
  .timeout-dialog .ui-button div.ui-dialog-titlebar > a.ui-dialog-titlebar-close {
    top: -15px;
    right: -15px; }

.timeout-dialog div.ui-dialog-titlebar > a.ui-dialog-titlebar-close {
  display: none; }

.desc {
  color: #6b6b6b; }
  .desc a {
    color: #0092dd; }

.dropdown-stock-element {
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid #e0e0e0;
  box-sizing: border-box;
  padding: 7px 10px;
  width: 71%;
  background: #fff;
  position: absolute;
  cursor: default; }
  @media screen and (max-width: 700px) {
    .dropdown-stock-element {
      width: 100%; } }
  .dropdown-stock-element .dropdown-stock {
    position: relative; }
    .dropdown-stock-element .dropdown-stock i.fa-caret-down {
      margin-top: 3px; }
    .dropdown-stock-element .dropdown-stock dt a {
      display: block; }
    .dropdown-stock-element .dropdown-stock dd ul {
      background: #fff;
      display: none;
      left: 0px;
      padding: 5px 0px;
      top: 2px;
      width: auto;
      min-width: 170px;
      list-style: none;
      border-bottom-left-radius: 0.25rem;
      border-bottom-right-radius: 0.25rem; }

/**************************** PROPOSALFORM ****************************/
.ProposalFrom {
  width: 53%;
  margin: 0 auto;
  border-collapse: separate; }
  .ProposalFrom tr {
    vertical-align: middle; }
  .ProposalFrom input,
  .ProposalFrom textarea {
    width: 250px;
    margin: 3px 0; }
  .ProposalFrom input[type="submit"] {
    width: 150px;
    padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px; }
  .ProposalFrom span {
    vertical-align: top; }
  .ProposalFrom .vet {
    width: 125px; }

#leftPane {
  text-align: center; }

.OrderEditorMain .article-holder {
  float: left;
  width: 99%;
  margin: 0;
  margin-left: -1px;
  padding: 0; }

#JQueryPage {
  width: 100%; }

.AddSpecialArticle,
.SpecialReferenceLabel {
  font-weight: bold; }

/*Form contact*/
::-webkit-input-placeholder {
  padding-left: 5px; }

input::-moz-placeholder {
  /* Firefox 18- */
  padding-left: 5px; }

::-moz-placeholder {
  /* Firefox 19+ */
  padding-left: 5px; }

input:-ms-input-placeholder {
  padding-left: 5px; }

.titleAdress {
  font-size: 1.2em;
  font-weight: 700; }

/********************** CONTRACT ARTICLES *****************************/
.ContractsMenu th {
  display: none; }
.ContractsMenu .catalogue_menu-holder {
  width: 20%;
  height: 100%; }
.ContractsMenu .menu-content {
  display: none; }

.ContractArticles .article-holder {
  width: 100%; }

/**************************** TOTAL PRICE ********************************/
#ArticleTotalPriceElement {
  float: left;
  width: 100%; }
  #ArticleTotalPriceElement div {
    float: left;
    padding: 1px; }
  #ArticleTotalPriceElement #TotalPriceTitleLabel {
    font-weight: bold; }

#TotalPriceRefreshImageHolder {
  float: right;
  margin-top: -28px;
  padding: 0; }

/* Import export */
#BackToShoppingCart {
  margin-left: 25px; }

.ImportExportBlock {
  width: 350px;
  padding: 3px; }
  .ImportExportBlock input[type="text"] {
    height: 32px;
    padding-left: 5px;
    width: 300px;
    box-sizing: border-box; }
  .ImportExportBlock input[type="file"] {
    margin-top: 10px; }
  .ImportExportBlock th {
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left; }

/**************************** SPECIAL PRICE ********************************/
.SpecialPriceLabel {
  padding-left: 17px;
  background-image: url("../Images/special_price.png");
  background-repeat: no-repeat; }

.ResultElement {
  margin-left: 15px; }

/* Article group filter */
.ArticleGroupFilter {
  text-align: left; }
  .ArticleGroupFilter .smallLoadingImage {
    float: right;
    margin-top: 30px;
    margin-right: 20px; }

/* Menu correction */
.MainMenu_SubMenu table {
  border-top: solid 1px #000;
  border-bottom: solid 1px #000;
  background-color: #FFF; }

/******************************* NOTES ********************************/
.NoteLink {
  cursor: pointer; }

.NoteTextArea {
  width: 220px;
  height: 80px;
  margin-top: 5px;
  padding: 5px; }

.NoteTextBox {
  margin-top: 3px; }

.SaveNoteActionElement {
  width: 50px; }

.SaveNoteLink {
  cursor: pointer; }

.NoteInfoLabel {
  position: absolute;
  margin-top: 4px; }

.NoteElement {
  float: left;
  margin: 5px 10px; }

/* Price quantities */
#PriceQuantityTitleLabel {
  font-weight: 700; }

.PriceQuantityRepeaterTable {
  width: 100%; }
  .PriceQuantityRepeaterTable td {
    padding: 0 5px;
    text-align: right;
    height: 25px;
    box-sizing: border-box; }
    .PriceQuantityRepeaterTable td:first-child {
      text-align: center; }
  .PriceQuantityRepeaterTable th {
    width: auto;
    padding: 0 5px;
    text-align: right;
    vertical-align: middle;
    background-color: #eee;
    height: 30px; }
    .PriceQuantityRepeaterTable th:first-child {
      text-align: center;
      width: 100px; }
  .PriceQuantityRepeaterTable .AlternateRow {
    background-color: #f4f4f4; }

#trSubHeader {
  font-size: 1.2em;
  font-weight: bold; }

.SmallD {
  padding-top: 1px !important;
  padding-right: 0 !important;
  padding-left: 0 !important; }

.SmallD2 {
  float: right;
  padding-bottom: 5px; }

input[type='checkbox'], input[type='radio'] {
  border: 0; }

.CatalogueFields th {
  padding-right: 10px;
  padding-left: 10px;
  text-align: center;
  vertical-align: middle;
  border-bottom: dotted 1px #000; }
  .CatalogueFields th.left {
    padding-right: 0;
    padding-left: 0;
    text-align: left; }
.CatalogueFields td {
  text-align: center;
  vertical-align: middle;
  border-bottom: dotted 1px #000; }

.odd tr:nth-child(odd) {
  background-color: #f9f7d5; }

.oddRow {
  background-color: #f4f4f4; }

.NettoPriceInclVatTitleLabel,
.NettoPriceExVatTitleLabel,
.GrossPriceTitleLabel {
  font-weight: bold; }

.Boxview1_Table {
  width: 100%; }
  .Boxview1_Table td {
    text-align: center;
    color: #000; }

.Boxview1_pricetable {
  width: 100%;
  text-align: center; }

/*******************************  BUTTONS *****************************/
.GradientButton {
  display: inline-block;
  padding: 2px; }

.disabledButton a {
  cursor: default;
  text-decoration: none;
  color: Gray; }

.GradientButton button[disabled] {
  text-decoration: none;
  border: 1px solid #c2e1ef;
  background-color: #FFF; }

*:first-child + html button[type] {
  padding: 4px 10px 3px 7px;
  /* IE7 */ }

.SetEmptyCartButtonsButton {
  display: none; }

.GradientButton img {
  width: 7%;
  min-width: 14px;
  margin-right: 5px; }

.GradientButton {
  display: block;
  float: left; }
  .GradientButton a:hover {
    text-decoration: none; }
  .GradientButton a:active {
    text-decoration: none; }
  .GradientButton button:hover {
    text-decoration: none; }

.RecalculatePriceButton {
  width: 150px !important; }

.RecalculateButtonElement input {
  margin-top: 10px;
  margin-bottom: 10px; }

.GridDetailImageButton {
  width: 40px;
  height: 20px;
  background: url(../Images/details.png);
  background-repeat: no-repeat; }

.GradientTable {
  margin: 5px;
  margin-bottom: 20px; }
  .GradientTable th {
    font-weight: 600;
    text-align: left; }

.Bottombuttons {
  float: right;
  margin: 20px 0; }

.BGcolor {
  background-color: #DDD !important;
  height: 35px; }
  .BGcolor th {
    padding-left: 10px; }

.Padding td {
  padding-left: 10px;
  height: 30px; }

.slideshow {
  margin: 10px;
  border: solid 2px #000; }

.ImportedArticles {
  width: 50%;
  margin-bottom: 15px; }

.articledetails_widget {
  width: 630px;
  margin: 0;
  margin-bottom: 0;
  padding: 3px; }

.title-row {
  height: 25px; }
  .title-row .title-holder {
    padding-left: 5px; }

/***************************  INFOMATGRID ***************************/
.InfomatGrid tr table {
  width: 100%; }
.InfomatGrid .GridLinkButton {
  font-weight: normal !important;
  height: 20px;
  padding: 0;
  background-image: url(../Images/gridlinkbutton.png);
  background-repeat: repeat-x; }
.InfomatGrid a {
  padding-bottom: 0;
  padding-left: 0;
  cursor: pointer; }
 .InfomatGrid .FooterRow td {
  padding: 30px 0; }
.InfomatGrid .FooterRow select {
  height: 10px;
  padding: 0; }
.InfomatGrid .Page {
  padding: 3px; }
.InfomatGrid td {
    height: 55px;
    padding: 2px;
    padding-right: 3px;
    padding-left: 3px;
    vertical-align: middle; }
.InfomatGrid th {
  padding: 5px;
  color: #000;
  background-color: #ddd;
  height: 40px; }
.InfomatGrid .AlternatingRow td {
  background-color: #f4f4f4; }

.GrossPrintTitle {
  width: 40px;
  padding: 0 !important; }

.Export {
  vertical-align: super; }

.InfomatGrid td input[type="image"] {
  width: 27px;
  padding-top: 10px; }
table.InfomatGrid {
    width: 100%;
    padding: 10px 0 30px;
}

.TotalPrice {
  float: right;
  border-top: 4px solid #fff; }
  .TotalPrice td {
    height: 46px; }

.WidthOrder {
  width: 150px; }
  .WidthOrder span {
    padding-left: 5px; }

.Orders .InfomatGrid .HeaderRow th, .PriceRequestsOverview .InfomatGrid .HeaderRow th, .TopBuy th {
    text-align: left;
    font-size: 11.5px;
    background-color: #f0f2f1;
    padding: 20px 8px 2px;
}

.AddressesHolder {
  margin-bottom: 35px; }

.DetailTable {
  width: 100%; }
  .DetailTable th {
    text-align: right;
    font-weight: bold !important;
    padding: 5px;
    text-align: left;
    background-color: #ddd;
    height: 40px; }
  .DetailTable td {
    padding-left: 5px;
    padding-top: 5px;
    vertical-align: top; }

.AddressesHolder {
  width: 100%; }

.GeneralDetailTable {
  padding: 5px;
  color: #5e5e70;
  border: 1px solid #ccc; }
  .GeneralDetailTable td {
    padding: 5px; }
  .GeneralDetailTable th {
    padding: 5px;
    text-align: left;
    color: #5e5e70;
    background-color: #f0f0f0; }

.StockPerWarehouseTableInPopup {
  width: 100%; }
  .StockPerWarehouseTableInPopup th {
    width: 60%; }
  .StockPerWarehouseTableInPopup td {
    text-align: right; }

.Menu span {
  /* font-size: 1.2em;*/
  font-weight: 600; }

.GridHeader {
  background-color: #DDD;
  height: 40px;
  /* font-size: 0.7em;*/ }

.DeliveryAddresses {
  font-weight: normal; }
  .DeliveryAddresses table {
    margin-top: 5px; }

.GridView {
  width: 100%;
  border: transparent; }
  .GridView td {
    height: 40px; }

.MLeft {
  margin-left: 2.90%; }

.table {
  display: table; }

.ProductInformationElement a {
  clear: both;
  display: block; }

.SubArticlesCompact td {
  vertical-align: middle; }

.AlternatingRow td {
  background-color: #f4f4f4; }

.SubArticlesCompact .PriceExclVatColumn,
.SubArticlesCompact .PriceInclVatColumn,
.SubArticlesCompact .IncrementQuantityColumn {
  text-align: center; }

.quantity {
  text-align: center; }

.FilterBlock .title,
.OutstandingItemsHeaderElement .title {
  display: none;
  font-weight: bold;
  margin-bottom: 10px;
  padding: 5px;
  color: #036; }

.DnnModule-MyCustomers .FilterBlock .Search {
  margin-left: 0 !important; }
.DnnModule-MyCustomers .FilterBlock td {
  padding: 5px; }

.SortHeader {
  padding: 0 !important; }
  .SortHeader a {
    width: 100%;
    padding: 5px;
    padding-right: 16px;
    background-image: url("../Images/SortHeader_Both.png");
    background-repeat: no-repeat;
    background-position: right; }

.MyCustomers {
  padding: 10px 0 10px 0; }

.SimpleButton {
  cursor: pointer; }

.WarehouseStockInfoElement {
  margin-top: 15px; }
  .WarehouseStockInfoElement.warehouse-stock-element-dropdown {
    min-height: 36px; }
  .WarehouseStockInfoElement .SubHeader span {
    padding-left: 0 !important; }
  .WarehouseStockInfoElement img,
  .WarehouseStockInfoElement span {
    padding-left: 10px; }

.ImageAndObjectElement,
.Links {
  float: left; }

.PriceQuantityElement {
  display: inline-block;
  float: left;
  width: 100%;
  margin-bottom: 20px; }
  .PriceQuantityElement table {
    width: 100%; }

.PriceQuantityRow .SubInfo {
  width: 100%; }

.ArticleDetailFicheElement {
  clear: both;
  margin-top: 50px;
  /*.DetailObjectExplorerHolder {
      width: 96% !important;
  }*/ }
  .ArticleDetailFicheElement .ImageAndObjectElement {
    display: table;
    float: left;
    min-width: 158px;
    margin-bottom: 30px;
    margin-top: 10px; }
  .ArticleDetailFicheElement .ArticleGeneralInformationElement {
    overflow: hidden; }
    @media screen and (max-width: 700px) {
      .ArticleDetailFicheElement .ArticleGeneralInformationElement {
        width: 100%; } }
  .ArticleDetailFicheElement .ArticlePropertiesElement,
  .ArticleDetailFicheElement .ArticleAccessoiresElement,
  .ArticleDetailFicheElement .ArticleAlternativesElement {
    width: 100%;
    border-style: none; }
    .ArticleDetailFicheElement .ArticlePropertiesElement .SubInfo,
    .ArticleDetailFicheElement .ArticleAccessoiresElement .SubInfo,
    .ArticleDetailFicheElement .ArticleAlternativesElement .SubInfo {
      width: 100%; }
  .ArticleDetailFicheElement .ArticleAlternativesElement img {
    max-width: 70px; 
    margin: 0 12px 0 0; }
  .ArticleDetailFicheElement .ArticleAlternativesElement .field-title {
    width: auto !important;
    min-width: auto !important; }
  .ArticleDetailFicheElement .PriceQuantityElement {
    border-style: none; }
  .ArticleDetailFicheElement .ArticleDescription2Element {
    margin-bottom: 10px; }
  .ArticleDetailFicheElement .ArticleAccessoiresElement .field-title,
  .ArticleDetailFicheElement .ArticleAlternativesElement .field-title {
    width: 150px; }

.ArticleDescription2Element {
  float: left;
  width: 60%; }

.ArticlePriceQuantitiesElement {
  float: left;
  margin-top: 5px; }

#sizesOrderTable tr:hover {
  text-decoration: initial; }
#sizesOrderTable .cellUnit label {
  padding-left: 10px; }
#sizesOrderTable .cellUnit span {
  padding-left: 15px; }
#sizesOrderTable #saveNote {
  margin-left: 10px;
  vertical-align: baseline; }
#sizesOrderTable .saveNote {
  margin-left: 13px !important;
  vertical-align: baseline; }

#sizesOrderTableContainer table {
  width: 100%;
  margin-bottom: 40px; 
  margin-top: 20px;
  border: 1px solid #f0f0f0; }

#sizesOrderTable {
  tr: nth-child(even);
    tr-background-color: #f4f4f4; }
  #sizesOrderTable thead tr {
    background-color: #DDD;
    height: 50px; }
  #sizesOrderTable .QuantityInStock,
  #sizesOrderTable .StockUnit {
    float: left; }
  #sizesOrderTable .cellUnit label {
    padding-left: 15px; }

#sizesOrderTableLegend {
  float: left; }
  #sizesOrderTableLegend img {
    vertical-align: inherit; }
  #sizesOrderTableLegend ul li {
    list-style-type: none;
    float: left;
    margin-left: 5px; }
    #sizesOrderTableLegend ul li span {
      margin-left: 2px; }

.SubArticlesCompact {
  margin-bottom: 30px; }
  .SubArticlesCompact th {
    height: 40px;
    background-color: #DDD; }
  .SubArticlesCompact th span,
  .SubArticlesCompact td {
    padding: 0 5px; }
  .SubArticlesCompact td {
    height: 40px; }

.AvailableStockElement {
  margin-top: 6px; }

.cellSize select,
.cellColour select,
.cell-quantity input {
  color: #5e5e5e;
  margin: 8px 2px; }

#orderButtonContainer {
  float: right;
  clear: both;
  margin-bottom: 40px; }
  #orderButtonContainer i {
    margin-right: 7px; }
  #orderButtonContainer a span {
    padding-right: 7px; }

.addRow i {
  font-size: 1.5em; }

.cellButtons {
  text-align: right; }

.saveNoteButton {
  vertical-align: text-bottom; }

/**************************** Request Price ****************************/
.PriceRequestDetail .HeaderRow {
  text-align: left; }

.RequestPriceElement {
  float: left;
  width: 100%;
  margin-top: 10px; }
  .RequestPriceElement span {
    font-weight: 600; }
  .RequestPriceElement input[type="text"] {
    width: 250px !important; }
  .RequestPriceElement textarea {
    height: 60px;
    width: 250px !important; }

#RequestPriceResultElement {
  display: inline; }

#RequestPriceButton {
  float: right; }

#RequestPriceTitleLabel {
  /*  font-size: 13px;*/ }

.requestpricerow table {
  width: 100%; }

.PriceRequestsOverview {
  padding-top: 20px; }

.pricerequestvalidation {
  margin-bottom: 20px;
  margin-left: 20px; }
  .pricerequestvalidation + .StandardButton {
    margin-bottom: 10px; }

.price-request--container {
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap; }
.price-request--column {
  flex: 0 0 50%;
  -webkit-flex-basis: 50%;
  max-width: 50%; }
  @media screen and (max-width: 769px) {
    .price-request--column {
      flex: 0 0 100%;
      -webkit-flex-basis: 100%;
      max-width: 100%; }
      .price-request--column input[type=text] {
        width: 100%; } }
.price-request-element h3 {
  margin: 10px 0 5px 0; }
.price-request--products th, .price-request--products td {
  padding: 5px 0; }
.price-request--products .StandardButton {
  margin-top: 15px; }
@media screen and (max-width: 769px) {
  .price-request--products .w200 {
    width: auto !important; } }

.PriceRequestToOrderElement {
  margin: 10px; }

.price-request-element .GradientTable td {
  padding-top: 2px; }

.PriceRequestMainButtons a {
  margin-left: 3px; }

.ActionGrouper {
  text-align: right;
  clear: both; }

.SubArticlesElement {
  float: left;
  /*margin-left: 25px;*/
  width: 100%; }
  .SubArticlesElement .AlternatingRow {
    background-color: #f4f4f4 !important; }
  .SubArticlesElement .resultControl {
    text-align: right;
    margin-top: 10px;
    clear: both; }

.StockTypeElement {
  margin-top: 2px; }

.SubArticlesElement {
  /* font-size: 11px !important;*/ }
  .SubArticlesElement span,
  .SubArticlesElement div {
    /* font-size: 11px !important;*/ }

.SubArticleLink {
  float: right;
  padding-right: 10px; }

.ArticlePriceQuantitiesElement {
  margin-left: 3px; }

.OutstandingItemsContentElement {
  margin: 10px; }

.LedgerTable {
  width: 60%; }
  .LedgerTable td {
    padding: 5px;
    text-align: center; }

.OrderLinkButton {
  height: 20px;
  padding-top: 3px;
  padding-left: 20px;
  background-image: url(../../images/icons/pricerequests/Cart.png);
  background-repeat: no-repeat;
  background-position: left center; }

.OrderTabButtons {
  padding: 10px;
  text-align: left;
  background: #f4f4f4; }

.OrderEditorDetailDiv {
  float: left;
  width: auto;
  margin-top: 5px;
  border: 1px solid #e0e0e0;
  background-color: #dfdfdf; }
  .OrderEditorDetailDiv table {
    padding: 5px;
    color: #000;
    padding: 5px;
    color: #000; }

/******************************* POPUP ********************************/
#simplemodal-container a.modalCloseImg {
  position: absolute;
  z-index: 3200;
  top: -15px;
  right: -18px;
  display: inline;
  /* adjust url as required */
  width: 25px;
  height: 29px;
  cursor: pointer;
  background: url(../../images/x.png) no-repeat; }

#simplemodal-overlay {
  background-color: #000; }

#simplemodal-container {
  /* font-size: 12px !important;*/
  width: 800px;
  height: 550px;
  padding: 12px;
  border: 8px solid menu;
  background-color: #FFF; }

.PaymentWindowHolder {
  padding: 0; }

.Dealers {
  width: 850px;
  padding: 10px;
  color: #FFF; }
  .Dealers span,
  .Dealers th,
  .Dealers td,
  .Dealers input {
    color: #FFF; }
  .Dealers a {
    color: #FFF; }
    .Dealers a:hover, .Dealers a:visited {
      color: #FFF; }
  .Dealers th {
    padding-top: 3px;
    text-align: left;
    vertical-align: top; }
  .Dealers .buttonbar td {
    text-align: right; }
  .Dealers .normaltextbox {
    width: 186px;
    margin-left: 1px;
    color: #000; }
  .Dealers .InputButton {
    width: 95px;
    margin-top: 0;
    color: #000; }
  .Dealers .DropDownList {
    color: #000; }
  .Dealers h2 span {
    /*font-size: 18px !important;*/ }

.DealerHeader {
  margin-bottom: 20px; }

/****************************** TABS **********************************/
.tabs .ArticlePropertiesElement,
.tabs .ArticleAccessoiresElement,
.tabs .ArticleAlternativesElement {
  width: 400px !important; }
.tabs .ArticlePropertiesElement .field-title:hover,
.tabs .ArticlePropertiesElement .field-value:hover {
  text-decoration: none !important; }

.ArticleDetailsTabsTable {
  display: inline-block;
  width: 100%;
  margin-left: 10px; }

.tab_content ul {
  margin-left: 15px; }
.tab_content .SubInfo img {
  padding: 3px 3px;
  padding-right: 10px;
  max-width: 30px;
  max-height: 25px; }
.tab_content .field-title {
  padding-right: 10px; }
.tab_content tr.SubHeader {
  text-decoration: underline; }
.tab_content tr:hover {
  text-decoration: underline; }

#tabs_wrapper {
  width: 422px; }

#tabs_container {
  float: left;
  width: 100%;
  margin-top: 15px;
  border-bottom: 1px solid #ccc; }

#tabs {
  /*margin: 0 0 0 10px;
  padding: 5px 0 4px 0;*/
  list-style: none; }
  #tabs li {
    display: inline;
    margin-right: 3px; }
    #tabs li a {
      padding: 4px 6px;
      text-decoration: none;
      outline: none; }
      #tabs li a:hover {
        padding: 4px 6px; }
    #tabs li.active a {
      padding: 4px 6px; }
      #tabs li.active a:hover {
        padding: 4px 6px;
        border-bottom: none; }

#tabs_content_container {
  float: left;
  padding: 20px 0 70px 20px;
  border-top: none;
  width: 100%;
  box-sizing: border-box; }

.tab_content {
  display: none; }
  .tab_content p {
    margin-top: 0; }

/* ---- prices in tab ---- */
.PriceTabs {
  float: right;
  width: 192px;
  margin: 0;
  margin-bottom: 0;
  border: 1px solid #ccc; }

.HtmlTextElement {
  margin-bottom: 8px; }
  .HtmlTextElement div {
    display: inline; }

.PromotionsPanel {
  width: 100%; }
  .PromotionsPanel .MenuHolder {
    display: inline-block;
    width: 25%;
    padding-right: 5px; }
    .PromotionsPanel .MenuHolder .PromoCode {
      margin-bottom: 5px;
      padding: 3px;
      background-color: lightblue; }
  .PromotionsPanel .ArticleHolder {
    display: inline-block;
    width: 74%;
    vertical-align: top;
    background-color: lightgreen; }

.LabelHelp {
  display: none; }

/*favorieten*/
.CSV {
  margin-top: 30px; }

.aanpassentext2 {
  margin-top: 15px; }
  .aanpassentext2 span {
    font-weight: 600; }
  .aanpassentext2 input[type="text"] {
    width: 275px; }

/** HOOFDMENU **/
#sidr .menu-shopping-cart {
  display: none; }
#sidr .fa-home,
#sidr .fa-shopping-cart {
  font-size: 2em;
  padding: 5px 0; }
#sidr .fa-shopping-cart {
  float: left;
  margin-right: 5px; }

#simple-menu,
#sidr {
  display: none; }

.DimashopMenu {
  width: 95%;
  max-width: 1060px;
  margin: 0 auto;
  font-weight: 600; }
  .DimashopMenu #dnn_MENU3 {
    margin-left: 0;
    display: table;
    table-layout: auto;
    width: 100%;
    border-collapse: separate; }

.StockInfoElement .QuantityInStock,
.StockInfoElement .AvailableStock {
  display: inline; }
.StockInfoElement .StockUnit {
  display: inline;
  margin-left: 3px; }

.no-close .ui-dialog-titlebar-close {
  display: none; }

.subArticleImageContainer,
.subArticleDetailsContainer {
  float: left; }

.subArticleImageContainer {
  margin-right: 10px; }

.subArticleDetailsContainer td {
  /* font-size: 14px;*/ }

.sizesLabel span {
  /* font-size: 14px;*/
  font-weight: bold;
  margin-right: 5px; }

.orderCountInputFields input,
.stockColors img {
  margin-right: 7px;
  margin-left: 4px; }

hr {
  border-style: dotted; }

.orderMatrix {
  overflow: hidden; }

.loadingControl,
.resultControl,
.stockInfoElement,
.articlePriceElement {
  /*position: absolute;
top: -10000px;*/ }

#dnn_ctr444_ViewMyPricelist_lblTitle {
  display: none; }

.selectiePrijslijst {
  margin-top: 11px; }
  .selectiePrijslijst label {
    margin-right: 25px; }
  .selectiePrijslijst span {
    font-weight: 600; }
  .selectiePrijslijst table {
    margin-bottom: 11px;
    margin-top: 10px; }
  .selectiePrijslijst input {
    vertical-align: text-bottom; }

.bttnPrijslijst {
  margin: 15px 0 30px 0; }

.grouperDiv {
  margin-bottom: 1.4%;
  margin: 1.85%; }

/* ==========================================================================
   PROFILE
   ========================================================================== */
.profile {
  display: flex;
  display: -webkit-flex;
  /*Menu*/
  /*Addresses*/ }
  @media screen and (max-width: 1040px) {
    .profile {
      flex-wrap: wrap;
      -webkit-flex-wrap: wrap; } }
  .profile-menu {
    flex: 0 0 25%;
    -webkit-flex-basis: 25%;
    max-width: 25%; }
    @media screen and (max-width: 1040px) {
      .profile-menu {
        display: flex;
        display: -webkit-flex;
        justify-content: space-between;
        -webkit-justify-content: space-between;
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%;
        margin-bottom: 20px; } }
    @media screen and (max-width: 550px) {
      .profile-menu {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap; } }
    .profile-menu--links {
      margin: 5px 0;
      box-sizing: border-box;
      padding: 5px 10px 5px 0; }
      @media screen and (max-width: 1040px) {
        .profile-menu--links {
          border: 1px solid;
          flex: 0 0 auto;
          -webkit-flex-basis: auto;
          max-width: auto;
          display: flex;
          display: -webkit-flex;
          justify-content: center;
          -webkit-justify-content: center;
          align-items: center;
          -webkit-align-items: center;
          padding: 15px 10px 15px 0; } }
      @media screen and (max-width: 550px) {
        .profile-menu--links {
          flex: 1 0 50%;
          -webkit-flex-basis: 50%;
          -webkit-flex-grow: 1;
          max-width: auto; } }
      @media screen and (max-width: 400px) {
        .profile-menu--links {
          flex: 1 0 100%;
          -webkit-flex-basis: 100%;
          -webkit-flex-grow: 1;
          max-width: auto; } }
      .profile-menu--links i {
        padding-left: 10px; }
      .profile-menu--links a {
        font-weight: bold;
        margin-left: 10px; }
  .profile-addresses {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex: 1 0 75%;
    -webkit-flex-basis: 75%;
    -webkit-flex-grow: 1; 
    margin: 10px 0 50px 20px; }
   .profile-address {
    flex: 0 0 50%;
    -webkit-flex-basis: 50%;
    max-width: 50%; }
    @media screen and (max-width: 768px) {
      .profile-address {
        flex: 0 0 100%;
        -webkit-flex-basis: 100%;
        max-width: 100%; } }
    .profile-address--full-width {
      flex: 1 0 100%;
      -webkit-flex-basis: 100%;
      -webkit-flex-grow: 1; }
    .profile-address--detail {
      display: flex;
      display: -webkit-flex;
      flex-direction: column;
      -webkit-flex-direction: column;
      margin-bottom: 30px; }
  .profile-modify-data {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column; 
    margin: 10px 0 50px 20px;}
    .profile-modify-data input[type="text"], .profile-modify-data input[type="password"], .profile-modify-data select {
      height: 30px;
      margin-top: 5px;
      width: 100%;
      padding-left: 5px;
      float: left;
      box-sizing: border-box; }
    .profile-modify-data input[type="text"] {
      padding-left: 5px; }
    .profile-modify-data .StandardButton {
      align-self: flex-end;
      -webkit-align-self: flex-end; }

.labelPers {
  width: 100px;
  display: table-cell;
  padding: 6px 0;
  font-weight: 300; }

.profile-icon {
    float: left;
    margin-right: 10px;
    margin-top: 2px;
    font-size: 20px; }

/* ==========================================================================
   LIGHTBOX
   ========================================================================== */
#jquery-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999999999;
  width: 100%;
  height: 500px; }

#jquery-lightbox {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999999999;
  text-align: center;
  line-height: 0; }
  #jquery-lightbox a img {
    border: none; }

#lightbox-container-image-box {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto; }

#lightbox-container-image {
  padding: 10px; }

#lightbox-loading {
  position: absolute;
  top: 40%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

#lightbox-container-image-box > #lightbox-nav {
  left: 0; }

#lightbox-nav a {
  outline: none; }

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
  width: 49%;
  height: 100%;
  zoom: 1;
  display: block; }

#lightbox-nav-btnPrev {
  left: 0;
  float: left; }

#lightbox-nav-btnNext {
  right: 0;
  float: right; }

#lightbox-container-image-data-box {
  font: 10px Verdana,Helvetica,sans-serif;
  background-color: #fff;
  margin: 0 auto;
  line-height: 1.4em;
  overflow: auto;
  width: 100%;
  padding: 0 10px; }

#lightbox-container-image-data {
  padding: 0 10px;
  color: #666; }
  #lightbox-container-image-data #lightbox-image-details {
    width: 70%;
    float: left;
    text-align: left; }

#lightbox-image-details-caption {
  font-weight: 700; }

#lightbox-image-details-currentNumber {
  display: block;
  clear: left;
  padding-bottom: 1em; }

#lightbox-secNav-btnClose {
  width: 66px;
  float: right;
  padding-bottom: .7em; }

div#fancy_overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 100%;
  background-color: #333; }
div#fancy_loading {
  position: absolute;
  height: 40px;
  width: 40px;
  cursor: pointer;
  display: none;
  overflow: hidden;
  background: transparent;
  z-index: 100; }
  div#fancy_loading div {
    position: absolute;
    top: 0;
    left: 0;
    width: 40px;
    height: 480px;
    background: transparent url(../Images/jquery.fancybox/fancy_progress.png) no-repeat; }
div#fancy_close {
  position: absolute;
  top: -12px;
  right: -12px;
  height: 30px;
  width: 30px;
  background: transparent url(../Images/jquery.fancybox/fancy_closebox.png);
  cursor: pointer;
  z-index: 100;
  display: none; }
div#fancy_content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0;
  z-index: 96; }

#fancy_frame {
  position: relative;
  width: 100%;
  height: 100%;
  display: none; }

img#fancy_img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  z-index: 92; }

div#fancy_title {
  position: absolute;
  bottom: -35px;
  left: 0;
  width: 100%;
  z-index: 100;
  display: none; }
  div#fancy_title table {
    margin: 0 auto; }
  div#fancy_title div {
    color: #FFF;
    font: bold 12px Arial;
    padding-bottom: 2px; }

td#fancy_title_left {
  height: 32px;
  width: 15px;
  background: transparent url(../Images/jquery.fancybox/fancy_title_left.png) repeat-x; }
td#fancy_title_main {
  height: 32px;
  background: transparent url(../Images/jquery.fancybox/fancy_title_main.png) repeat-x; }
td#fancy_title_right {
  height: 32px;
  width: 15px;
  background: transparent url(../Images/jquery.fancybox/fancy_title_right.png) repeat-x; }

div#fancy_outer {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  padding: 18px 18px 58px 18px;
  margin: 0;
  overflow: hidden;
  background: transparent;
  display: none; }
div#fancy_inner {
  position: relative;
  width: 100%;
  height: 100%;
  border: 1px solid #444;
  background: #FFF; }

a#fancy_left, a#fancy_right {
  position: absolute;
  bottom: 10px;
  height: 100%;
  width: 35%;
  cursor: pointer;
  background-image: url(data:image/gif;base64,AAAA);
  z-index: 100; }
a#fancy_left {
  left: 0px; }
a#fancy_right {
  right: 0px; }
a#fancy_left:hover {
  background: transparent url(../Images/jquery.fancybox/fancy_left.gif) no-repeat 0% 100%; }
a#fancy_right:hover {
  background: transparent url(../Images/jquery.fancybox/fancy_right.gif) no-repeat 100% 100%; }

#fancy_bigIframe, #fancy_freeIframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 10; }

/***************************  FancyBox ****************************/
div#fancy_bg {
  display: none; }
div.fancy_bg {
  position: absolute;
  display: block;
  z-index: 70; }
div.fancy_bg_n {
  top: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_n.png) repeat-x; }
div.fancy_bg_ne {
  top: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_ne.png) no-repeat; }
div.fancy_bg_e {
  right: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_e.png) repeat-y; }
div.fancy_bg_se {
  bottom: -18px;
  right: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_se.png) no-repeat; }
div.fancy_bg_s {
  bottom: -18px;
  width: 100%;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_s.png) repeat-x; }
div.fancy_bg_sw {
  bottom: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_sw.png) no-repeat; }
div.fancy_bg_w {
  left: -13px;
  height: 100%;
  width: 13px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_w.png) repeat-y; }
div.fancy_bg_nw {
  top: -18px;
  left: -13px;
  width: 13px;
  height: 18px;
  background: transparent url(../Images/jquery.fancybox/fancy_shadow_nw.png) no-repeat; }

/* ==========================================================================
   AUTOCOMPLETE
   ========================================================================== */
.ac_results {
  padding: 0px;
  border: 1px solid black;
  background-color: white;
  overflow: hidden;
  z-index: 99999; }
  .ac_results ul {
    width: 100%;
    list-style-position: outside;
    list-style: none;
    padding: 0;
    margin: 0; }
  .ac_results li {
    margin: 0px;
    padding: 2px 5px;
    cursor: default;
    display: block;
    /* 
if width will be 100% horizontal scrollbar will apear 
when scroll mode will be used
*/
    /*width: 100%;*/
    font: menu;
    font-size: 11px;
    /* 
it is very important, if line-height not setted or setted 
in relative units scroll will be broken in firefox
*/
    line-height: 16px;
    overflow: hidden; }

.ac_loading {
  background: white url("indicator.gif") right center no-repeat; }

.ac_odd {
  background-color: #eee; }

.ac_over {
  background-color: #1F558B;
  color: white; }

/* ==========================================================================
   CLUETIP
   ========================================================================== */
/* global */
#cluetip-close img {
  border: 0; }

#cluetip-title {
  overflow: hidden;
  padding: 5px 0 5px 10px !important; }
  #cluetip-title #cluetip-close {
    float: right;
    position: relative; }

#cluetip-waitimage {
  width: 43px;
  height: 11px;
  position: absolute;
  background-image: url(../Images/wait.gif); }

.cluetip-arrows {
  display: none;
  position: absolute;
  top: 0;
  left: -11px;
  height: 22px;
  width: 11px;
  background-repeat: no-repeat;
  background-position: 0 0; }

#cluetip-extra {
  display: none; }

/***************************************
   =cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default {
  background-color: #FFF;
  -webkit-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.56);
  -moz-box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.56);
  box-shadow: 1px 1px 12px 0px rgba(50, 50, 50, 0.56); }
  .cluetip-default table {
    width: 99.5%; }
  .cluetip-default td, .cluetip-default th {
    font-size: 11px;
    padding: 3px 5px 3px 0;
    text-align: left; }
  .cluetip-default #cluetip-outer {
    background-color: #FFF;
    position: relative;
    margin: 0; }
  .cluetip-default h4#cluetip-title {
    background-color: #f4f4f4;
    margin: 0 0 5px;
    padding: 2px; }
  .cluetip-default #cluetip-inner {
    padding: 10px; }
  .cluetip-default div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900; }

/* default arrows */
.clue-right-default .cluetip-arrows {
  background-image: url(../Images/darrowleft.gif); }

.clue-left-default .cluetip-arrows {
  background-image: url(../Images/darrowright.gif);
  left: 100%;
  margin-right: -11px; }

.clue-top-default .cluetip-arrows {
  background-image: url(../Images/darrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

.clue-bottom-default .cluetip-arrows {
  background-image: url(../Images/darrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent; }
  .cluetip-jtip #cluetip-outer {
    border: 2px solid #ccc;
    position: relative;
    background-color: #fff; }
  .cluetip-jtip h4#cluetip-title {
    margin: 0 0 5px;
    padding: 2px 5px;
    font-weight: bold;
    background-color: #ccc; }
  .cluetip-jtip #cluetip-inner {
    padding: 0 5px 5px;
    width: 98%; }
    .cluetip-jtip #cluetip-inner table {
      text-align: left;
      width: 100%; }
  .cluetip-jtip div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #900; }

/* jtip arrows */
.clue-right-jtip .cluetip-arrows {
  background-image: url(../Images/arrowleft.gif); }

.clue-left-jtip .cluetip-arrows {
  background-image: url(../Images/arrowright.gif);
  left: 100%;
  margin-right: -11px; }

.clue-top-jtip .cluetip-arrows {
  background-image: url(../Images/arrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

.clue-bottom-jtip .cluetip-arrows {
  background-image: url(../Images/arrowup.gif);
  top: -11px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

/***************************************
   =cluetipClass: 'rounded'
-------------------------------------- */
.cluetip-rounded {
  background: transparent url(../Images/bl.gif) no-repeat 0 100%;
  margin-top: 10px;
  margin-left: 12px; }
  .cluetip-rounded #cluetip-outer {
    background: transparent url(../Images/tl.gif) no-repeat 0 0;
    margin-top: -12px; }
  .cluetip-rounded #cluetip-title {
    background-color: transparent;
    padding: 12px 12px 0;
    margin: 0 -12px 0 0;
    position: relative; }
  .cluetip-rounded #cluetip-extra {
    position: absolute;
    display: block;
    background: transparent url("../Images/tr.gif") no-repeat 100% 0;
    top: 0;
    right: 0;
    width: 12px;
    height: 30px;
    margin: -12px -12px 0 0; }
  .cluetip-rounded #cluetip-inner {
    background: url("../Images/br.gif") no-repeat 100% 100%;
    padding: 5px 12px 12px;
    margin: -18px -12px 0 0;
    position: relative; }
  .cluetip-rounded div#cluetip-close {
    text-align: right;
    margin: 0 5px 5px;
    color: #009;
    background: transparent; }
    .cluetip-rounded div#cluetip-close a {
      color: #777; }

/* rounded arrows */
.clue-right-rounded .cluetip-arrows {
  background-image: url(../Images/rarrowleft.gif); }

.clue-left-rounded .cluetip-arrows {
  background-image: url(../Images/rarrowright.gif);
  left: 100%;
  margin-left: 12px; }

.clue-top-rounded .cluetip-arrows {
  background-image: url(../Images/rarrowdown.gif);
  top: 100%;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

.clue-bottom-rounded .cluetip-arrows {
  background-image: url(../Images/rarrowup.gif);
  top: -23px;
  left: 50%;
  margin-left: -11px;
  height: 11px;
  width: 22px; }

/* stupid IE6 HasLayout hack */
.cluetip-rounded #cluetip-title, .cluetip-rounded #cluetip-inner {
  zoom: 1; }

/* ==========================================================================
   SHOPSETTINGS
   ========================================================================== */
.flex {
  display: flex;
  display: -webkit-flex; }
  .flex-40 {
    flex: 0 0 40%;
    -webkit-flex-basis: 40%;
    max-width: 40%; }
  .flex-60 {
    flex: 0 0 60%;
    -webkit-flex-basis: 60%;
    max-width: 60%; }

.original-checkbox input[type="checkbox"] {
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ms-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  display: inline-block; }

.shopsettings [disabled="disabled"], .shopsettings [disabled="disabled"] ~ .dnnCheckbox:before {
  color: #a8a8a8; }
.shopsettings .w_25 {
  width: 24%;
  margin: 0.25%; }
.shopsettings table td {
  padding: 1px; }
.shopsettings aside {
  width: 20%;
  float: left;
  margin-right: 5%;
  min-width: 150px; }
  @media screen and (max-width: 800px) {
    .shopsettings aside {
      width: 100%;
      margin-top: 20px; } }
  .shopsettings aside ul {
    list-style-type: none; }
    @media screen and (max-width: 800px) {
      .shopsettings aside ul li {
        float: left;
        margin-right: 3px;
        margin-bottom: 2px; } }
.shopsettings .even tr:nth-child(even) {
  background: #f4f4f4; }
.shopsettings section {
  width: 75%;
  float: left; }
  @media screen and (max-width: 800px) {
    .shopsettings section {
      width: 100%; } }
.shopsettings .general-css-shopsettings {
  margin-bottom: 40px; }
  .shopsettings .general-css-shopsettings section:before {
    display: none; }
  .shopsettings .general-css-shopsettings .layout p ~ span {
    width: 130px;
    display: inline-block;
    margin-left: 10px; }
  .shopsettings .general-css-shopsettings [id^=more-info]:checked ~ section {
    display: block;
    visibility: visible;
    width: 100%; }
  .shopsettings .general-css-shopsettings [id^=more-info]:checked:before {
    content: "\f068";
    font-family: FontAwesome; }
  .shopsettings .general-css-shopsettings [id^=more-info] {
    width: 100%;
    text-align: right;
    margin-top: -35px;
    float: right;
    display: block !important;
    font-size: 1.8em; }
  .shopsettings .general-css-shopsettings [id^=more-info]:before {
    content: "\f067";
    font-family: FontAwesome; }
  .shopsettings .general-css-shopsettings section {
    display: none; }
  .shopsettings .general-css-shopsettings label {
    display: inline !important; }
  .shopsettings .general-css-shopsettings h2 {
    border-bottom-color: inherit;
    border-bottom: 1px solid; }
  .shopsettings .general-css-shopsettings h3 {
    margin-bottom: 10px;
    font-size: 16px; }
  .shopsettings .general-css-shopsettings h4 {
    font-size: 17px;
    border-top: 1px dashed;
    border-bottom: 1px dashed; }
  .shopsettings .general-css-shopsettings h5 {
    font-size: 14px;
    border-bottom: 1px dotted; }
  .shopsettings .general-css-shopsettings .background {
    background-color: #f4f4f4;
    padding: 10px;
    margin: 10px 0; }
.shopsettings .top-buy .vet.left {
  margin-right: 10px;
  margin-top: 7px; }
.shopsettings .advanced-search .vet.w100, .shopsettings .shopping-cart .vet.w100, .shopsettings .catalogue .vet.w100, .shopsettings .article-detail .vet.w100 {
  display: inline-block; }
.shopsettings .advanced-search .prices b, .shopsettings .shopping-cart .prices b, .shopsettings .catalogue .prices b, .shopsettings .article-detail .prices b {
  display: block;
  width: 100%;
  background: #f4f4f4;
  padding: 3px; }
.shopsettings .advanced-search .prices .w-50, .shopsettings .shopping-cart .prices .w-50, .shopsettings .catalogue .prices .w-50, .shopsettings .article-detail .prices .w-50 {
  margin-top: 2px; }
.shopsettings .registration .left {
  margin-right: 30px; }
.shopsettings .registration div.background span.left {
  margin-bottom: 0; }
.shopsettings .registration p span.vet {
  margin-right: 10px; }

.ShopSettingTable {
  width: 100%;
  height: 100%; }
  .ShopSettingTable td {
    text-align: left;
    height: 25px; }
  .ShopSettingTable th {
    text-align: left;
    padding-bottom: 10px; }
  .ShopSettingTable table {
    width: 100%; }
  .ShopSettingTable label {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -o-user-select: initial;
    user-select: initial;
    width: 90%; }

.ShopsettingHelperTable {
  width: 400px;
  color: #FFF;
  border: solid 2px #000;
  background-color: Gray; }

.ShopSettingPrijslijst table td {
  width: 175px;
  text-align: center; }

#dnn_ctr709_ViewShopSetting_drdPromocodes {
  width: 320px;
  margin: 15px 0; }

#dnn_ctr709_ViewShopSetting_btnSendTestMail {
  vertical-align: middle; }

.TRprijzen {
  background-color: #e2e2e2 !important;
  height: 30px; }
  .TRprijzen td {
    padding: 5px;
    font-weight: 600; }

#dnn_ctr709_ViewShopSetting_HideArticleGroupsTextBox {
  height: 30px; }

.ShopsettingPanelTable td {
  height: 100%;
  vertical-align: top; }

.Shopsettings_ArticleFieldsTable td {
  text-align: center; }
.Shopsettings_ArticleFieldsTable th {
  text-transform: uppercase; }

.shopsetting-button-grey {
  background-color: #ccc;
  color: #fff !important;
  margin-top: 3px; }
  .shopsetting-button-grey + ul {
    margin-bottom: 3px !important;
    margin-left: 0; }
    .shopsetting-button-grey + ul li .ShopSettingButton, .shopsetting-button-grey + ul li .shopsetting-button-grey, .shopsetting-button-grey + ul li .ShopsettingButtonActive {
      opacity: 0.8;
      padding-left: 30px; }

.ShopSettingButton, .shopsetting-button-grey {
  height: 30px;
  width: 100%;
  padding-left: 15px;
  cursor: pointer;
  color: #FFF;
  border: none;
  border-bottom: 1px solid #FFF;
  text-align: left;
  text-transform: uppercase; }

.ShopsettingButtonActive,
.ShopSettingButton:hover,
.shopsetting-button-grey:hover {
  width: 100%;
  height: 30px;
  border: none;
  padding-left: 15px;
  color: #FFF;
  border-bottom: 1px solid #FFF;
  text-align: left;
  text-transform: uppercase; }

.ShopsettingHelperFlyoutTable {
  width: 200px;
  height: 100px;
  color: #FFF;
  border: solid 1px #000;
  background-color: Gray; }
  .ShopsettingHelperFlyoutTable td {
    color: #FFF; }

#dnn_ctr709_ViewShopSetting_lstHelperMessages,
#dnn_ctr709_ViewShopSetting_MissingSettingsTable img {
  list-style-type: none;
  margin-right: 10px;
  margin-bottom: 10px; }

/*.DnnModule-ShopSetting,
.DnnModule-Languages,
.DnnModule-MLLanguageSelector,
.DnnModule-infomatInfomatLanguageEditor,
.ModFileManagerC,
.DnnModule-AdvancedSettings,
.DnnModule-DimaShopTester,
.dnnEditSkins,
.DnnModule-ShopHeader,
.ModSiteWizardC,
.dnnPurchasedExtensions,
.DnnModule-MyCustomers,
.DnnModule-LogViewer {
    .dnnFormMessage {
        position: relative;
        width: 100%;
        margin-left: 0;
    }
}
*/
/* ==========================================================================
   MOBILE
   ========================================================================== */
@media screen and (min-width: 1280px) and (device-width: 1280px) and (max-width: 1280px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1) and (device-aspect-ratio: 8 / 5) {
  header {
    height: 50px; }
    header .DimashopMenu,
    header .dimashop-menu {
      float: right;
      width: auto; }
      header .DimashopMenu ul li,
      header .dimashop-menu ul li {
        display: none; }
      header .DimashopMenu ul .menu-shopping-cart,
      header .dimashop-menu ul .menu-shopping-cart {
        display: block; }

  .hoofding2 {
    height: 10px; }

  .login {
    display: none; }

  .sidr .fa-home,
  .sidr .fa-shopping-cart {
    font-size: 2em;
    padding: 5px 0; }
  .sidr .fa-shopping-cart {
    float: left;
    margin-right: 5px; }

  #simple-menu {
    display: block;
    float: left; }
    #simple-menu .fa-bars {
      margin-top: 11px;
      font-size: 2.5em; }

  .login .language-object {
    float: right;
    margin: 12px 0; }
  #sidr .language-object {
    padding-left: 20px;
    float: left; }
    #sidr .language-object a {
      color: #fff !important; }

  .Header1 img {
    float: right; }

  a.SmallD {
    color: #FFF; }
    a.SmallD:link {
      float: none;
      padding-left: 20px !important; }
    a.SmallD2 {
      color: #FFF;
      float: right;
      padding-right: 20px;
      margin-top: 37px; } }
/* ========================================================================== PRINT ========================================================================== */
@media print {
  .catalogue_menu-holder, .top-header, .header-search, .hoofding2, .FavoriteActionElement,
  #orderButtonContainer, .ExtraButtons, footer, #SearchPane, .ArticleActionsElement,
  .warehouse-stock-element-dropdown, .ObjectsExplorerHolder, .accessoire-to-cart, #tabs_container, .Min, .Plus {
    display: none !important; }

  .article-holder {
    width: 100%; }

  .ThumbnailsTable img {
    width: auto !important; }

  .tab_content {
    display: block !important;
    margin-bottom: 12px;
    padding-bottom: 15px;
    border-bottom: 5px solid #CCC; }

  .SubInfo .SubHeader {
    display: block !important; }

  .profile-menu {
    display: none; } }
/* ========================================================================== MOBILE ========================================================================== */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  /* STYLES GO HERE */ }
@media screen and (max-width: 1024px) {
  .sub-menu {
    display: none; }

  .sidr ul li ul {
    display: none; }
  .sidr .menu-item-has-children a {
    box-sizing: border-box; }

  .ShoppingCartArticles .article-holder {
    width: 75%;
    float: left; }
    .ShoppingCartArticles .article-holder .fa-trash {
      float: right; }
  .ShoppingCartArticles .Menu {
    display: none; }
    .ShoppingCartArticles .Menu.FullWidthShoppingCart {
      display: block; }
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .GradientButton {
        width: 30%; }

  .mq1024 {
    display: none; }

  .ShopHeader .ShopHeaderInfoElement {
    margin-bottom: 5px;
    margin-top: 0; }

  .clients {
    margin-left: 25%; }

  .DnnModule-AdvancedSearch .article-holder {
    width: 75%; }

  #SearchPane {
    width: 100%; }
    #SearchPane .QuickSearchTextBox {
      width: 84%; }

  .breadcrumb {
    font-size: 0.9em; }

  .RemoveFromFavoritesElement {
    left: 195px; }

  .ArticleGeneralInformationElement {
    float: left;
    display: block; }

  .SingleArticleElement {
    cursor: pointer; }
    .SingleArticleElement .ArticlePriceElement {
      min-height: 70px; }
    .SingleArticleElement .FavoriteActionElement select {
      width: 150px !important; }

  header {
    height: 50px; }
    header .DimashopMenu,
    header .dimashop-menu {
      float: right;
      width: auto; }
      header .DimashopMenu ul li,
      header .dimashop-menu ul li {
        display: none; }
      header .DimashopMenu ul .menu-shopping-cart,
      header .dimashop-menu ul .menu-shopping-cart {
        display: block; }

  .hoofding2 {
    height: 10px; }

  .mq768 {
    display: none; }

  .login {
    display: none; }

  .sidr .fa-home,
  .sidr .fa-shopping-cart {
    font-size: 2em;
    padding: 5px 0; }
  .sidr .fa-shopping-cart {
    float: left;
    margin-right: 5px; }

  #simple-menu {
    display: block;
    float: left; }
    #simple-menu .fa-bars {
      margin-top: 11px;
      font-size: 2.5em; }

  .login .language-object {
    float: right;
    margin: 12px 0; }
  #sidr .language-object {
    padding-left: 20px;
    float: left; }
    #sidr .language-object a {
      color: #fff !important; }

  .Header1 img {
    float: right; }

  a.SmallD {
    color: #FFF; }
    a.SmallD:link {
      float: none;
      padding-left: 20px !important; }
    a.SmallD2 {
      color: #FFF;
      float: right;
      padding-right: 20px;
      margin-top: 37px; }

  #menu ul li {
    padding: 0 1px; }

  #dnn_LeftPane {
    display: none;
    height: 0; }

  #menu-holder {
    display: none; }

  .article-holder {
    width: 100%;
    margin-left: 0;
    padding-left: 0; } }
@media screen and (max-width: 961px) {
  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: none; } }
@media screen and (max-width: 916px) {
  #dnn_ctr707_ViewShoppingCart_btnPriceRequest_myImage,
  #dnn_ctr707_ViewShoppingCart_btnClearShoppingCart_myImage {
    margin-right: 5px !important; }

  .WijzigGegevens {
    border: none;
    padding: 0;
    margin-left: 7%; }

  .RemoveFromFavoritesElement {
    left: 197px; }

  .ShoppingCartArticles .article-holder {
    width: 72%; }

  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: none; } }
@media screen and (max-width: 835px) {
  .AdvancedSearch .article-holder {
    width: 74%; }

  .QuickSearchTextBox {
    width: 95% !important; }

  #SearchPane {
    width: 100%; }

  .CatalogMenuLink {
    display: none; }

  .GrossPrintTitle,
  .NettoPrintTitle,
  .GrossButton,
  .NettoButton {
    display: none; } }
@media screen and (max-width: 809px) {
  .clients {
    margin-left: 15%; }

  .FavoritesContentPanel {
    width: 70%; }

  .FavoriteListTable {
    width: 100%; }

  .ShoppingCartArticles .Menu {
    display: none; }
    .ShoppingCartArticles .Menu.FullWidthShoppingCart {
      display: block; }
      .ShoppingCartArticles .Menu.FullWidthShoppingCart .GradientButton {
        width: 30%; }
  .ShoppingCartArticles .article-holder {
    width: 100%; }

  #sizesOrderTableLegend {
    margin-top: 17px;
    clear: none; }

  #orderButtonContainer {
    float: right;
    clear: both;
    margin-top: 20px;
    margin-bottom: 40px; }

  .AdvancedSearch .article-holder {
    width: 72%;
    margin-left: 1%; }

  .GroupIconGreaterThenLevel3 {
    margin: 2px 2px; } }
@media screen and (max-width: 768px) {
  .article-holder {
    border: none;
    padding-left: 0; }

  .ShoppingCartArticles .article-holder {
    width: 100%; }
    .ShoppingCartArticles .article-holder .ShoppingCartTable {
      /* td {
          padding: 0 !important;
      }*/ }
      .ShoppingCartArticles .article-holder .ShoppingCartTable th:nth-child(7) {
        text-align: right; }
  .ShoppingCartArticles .ArticleGeneralInformationElement {
    width: 225px; }
  .ShoppingCartArticles .SingleArticleElement.col {
    width: 240px; }
  .ShoppingCartArticles .ArticleActionsTable {
    width: 225px; }

  .ContentPane {
    width: 100%; }

  .FavoritesContentPanel {
    width: 70%; }

  .FavoriteListTable {
    width: 100%; }

  .aanpassentext2 input[type="text"] {
    width: 300px; }

  .ModDimashopDashboardC {
    display: block;
    margin: 0 auto; }

  .dashboard-button {
    width: 35%; }

  th.NettoPrintTitle {
    padding: 0; } }
@media screen and (max-width: 750px) {
  .DnnModule-CatalogueHome .row2, .article-overview--slider .row2 {
    justify-content: center;
    -webkit-justify-content: center; }
  .DnnModule-CatalogueHome .ArticleOverview .SingleArticleElement.col, .article-overview--slider .ArticleOverview .SingleArticleElement.col {
    margin: 0.2%; } }
@media screen and (max-width: 721px) {
  .QuickSearchTextBox {
    width: 90% !important; }

  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: block; } }
@media screen and (max-width: 705px) {
  .AdvancedSearch .article-holder {
    width: 70%; }

  .SearchDetailOrder span,
  .SearchDateLabel,
  .SearchCustomer span,
  .SearchDeliveryAddressLabel {
    width: 110px; }

  .clients {
    margin-left: 5%; }

  .DnnModule-CatalogueHome .ArticleOverview .SingleArticleElement.col, .article-overview--slider .ArticleOverview .SingleArticleElement.col {
    margin: 1%; } }
@media screen and (max-width: 653px) {
  .DimashopMenu ul ul {
    margin-top: 7px; }

  .AdvancedSearch .article-holder {
    width: 65%; }

  .DeliveryAddressDropDownList,
  .CustomerDropDownList,
  .SearchDetailOrder input {
    width: 340px; }

  .DateToTextBox,
  .DateFromTextBox {
    width: 140px; }

  .Search {
    max-width: 470px; }

  .HideXs {
    display: none !important; }

  .ShoppingCartArticles .Menu {
    width: 100%;
    display: block;
    margin-bottom: 20px; }
    .ShoppingCartArticles .Menu .GradientButton {
      float: left !important;
      margin-left: 1%;
      margin-right: 5%; }
    .ShoppingCartArticles .Menu .AddArticleTable {
      display: none; } }
@media screen and (max-width: 544px) {
  .DimashopMenu ul li a {
    font-size: 0.85em; }

  .contact-right {
    float: none;
    width: 100%; }

  .contact-left {
    float: none;
    margin: 0 auto;
    text-align: justify;
    margin-bottom: 20px;
    width: 40%; }

  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: block; } }
@media screen and (max-width: 500px) {
  .DnnModule-CatalogueHome .ArticleOverview .SingleArticleElement.col, .article-overview--slider .ArticleOverview .SingleArticleElement.col {
    margin: 0.2%; } }
@media screen and (max-width: 480px) {
  .FavoritesContentPanel {
    width: 50%; }

  header {
    height: 70px; }

  .FavoriteActionElement img {
    margin-left: -4px; }

  .ArticleGeneralInformationElement .field-title {
    width: auto; }
  .ArticleGeneralInformationElement .field-value {
    width: 50%; }

  .SingleArticleElement {
    margin: 0 auto; }
    .SingleArticleElement .ArticleGeneralInformationElement {
      margin-left: 0; }
    .SingleArticleElement .ArticleActionsInformationElement {
      margin-left: 7px; }

  .DnnModule-CatalogueHome .ArticleOverview .SingleArticleElement .ArticleDetail .ArticleInfo, .article-overview--slider .ArticleOverview .SingleArticleElement .ArticleDetail .ArticleInfo {
    padding: 5px; } }
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) {
  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: none; } }
@media screen and (device-width: 360px) and (-webkit-device-pixel-ratio: 3) {
  .DnnModule-CatalogueHome .SingleArticleElement:last-child, .article-overview--slider .SingleArticleElement:last-child {
    display: none; } }
@media screen and (max-width: 360px) {
  .QuickSearchTextBox {
    width: 80% !important; }

  .Pager .searchresult-label {
    display: none; } }
@font-face {
  font-family: 'fontello';
  src: url("../fonts/fontello.eot?1452152");
  src: url("../fonts/fontello.eot?1452152#iefix") format("embedded-opentype"), url("../fonts/fontello.woff2?1452152") format("woff2"), url("../fonts/fontello.woff?1452152") format("woff"), url("../fonts/fontello.ttf?1452152") format("truetype"), url("../fonts/fontello.svg?1452152#fontello") format("svg");
  font-weight: normal;
  font-style: normal; }
i[class^="fo-"],
i[class*=" fo-"] {
  /*font: normal normal normal 14px/1 "fontello";*/
  font-style: normal;
  font-variant-ligatures: normal;
  font-variant-caps: normal;
  font-variant-numeric: normal;
  font-weight: normal;
  font-stretch: normal;
  line-height: 1;
  font-family: fontello;
  /* opacity: .8; */
  /* For safety - reset parent styles, that can break glyph codes*/
  /* fix buttons height, for twitter bootstrap */
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  /* you can be more comfortable with increased icons size */
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */ }

.fo-search-3:before {
  content: '\e800'; }

.fo-mail-2:before {
  content: '\e801'; }

.fo-user-3:before {
  content: '\e802'; }

.fo-video-3:before {
  content: '\e803'; }

.fo-picture-3:before {
  content: '\e804'; }

.fo-camera-3:before {
  content: '\e805'; }

.fo-ok-2:before {
  content: '\e806'; }

.fo-ok-circle-1:before {
  content: '\e807'; }

.fo-cancel-3:before {
  content: '\e808'; }

.fo-cancel-circle-2:before {
  content: '\e809'; }

.fo-plus-3:before {
  content: '\e80a'; }

.fo-plus-circle:before {
  content: '\e80b'; }

.fo-minus-2:before {
  content: '\e80c'; }

.fo-minus-circle:before {
  content: '\e80d'; }

.fo-help-2:before {
  content: '\e80e'; }

.fo-info-2:before {
  content: '\e80f'; }

.fo-lock-open-empty:before {
  content: '\e810'; }

.fo-pin:before {
  content: '\e811'; }

.fo-eye-3:before {
  content: '\e812'; }

.fo-tag-3:before {
  content: '\e813'; }

.fo-home-2:before {
  content: '\e814'; }

.fo-link-2:before {
  content: '\e815'; }

.fo-attach-2:before {
  content: '\e816'; }

.fo-lock-2:before {
  content: '\e817'; }

.fo-tag-empty:before {
  content: '\e818'; }

.fo-download-3:before {
  content: '\e819'; }

.fo-upload-3:before {
  content: '\e81a'; }

.fo-download-cloud-2:before {
  content: '\e81b'; }

.fo-upload-cloud-3:before {
  content: '\e81c'; }

.fo-quote-left-1:before {
  content: '\e81d'; }

.fo-quote-right-1:before {
  content: '\e81e'; }

.fo-quote-left-alt:before {
  content: '\e81f'; }

.fo-quote-right-alt:before {
  content: '\e820'; }

.fo-pencil-2:before {
  content: '\e821'; }

.fo-pencil-neg:before {
  content: '\e822'; }

.fo-pencil-alt:before {
  content: '\e823'; }

.fo-undo:before {
  content: '\e824'; }

.fo-comment-2:before {
  content: '\e825'; }

.fo-comment-inv-alt:before {
  content: '\e826'; }

.fo-comment-alt2:before {
  content: '\e827'; }

.fo-comment-inv-alt2:before {
  content: '\e828'; }

.fo-chat-3:before {
  content: '\e829'; }

.fo-chat-inv:before {
  content: '\e82a'; }

.fo-location-3:before {
  content: '\e82b'; }

.fo-location-inv:before {
  content: '\e82c'; }

.fo-location-alt:before {
  content: '\e82d'; }

.fo-compass-3:before {
  content: '\e82e'; }

.fo-trash-2:before {
  content: '\e82f'; }

.fo-trash-empty-1:before {
  content: '\e830'; }

.fo-doc-2:before {
  content: '\e831'; }

.fo-doc-inv-1:before {
  content: '\e832'; }

.fo-doc-alt:before {
  content: '\e833'; }

.fo-doc-inv-alt:before {
  content: '\e834'; }

.fo-article-1:before {
  content: '\e835'; }

.fo-article-alt:before {
  content: '\e836'; }

.fo-book-open-1:before {
  content: '\e837'; }

.fo-folder-2:before {
  content: '\e838'; }

.fo-folder-empty-1:before {
  content: '\e839'; }

.fo-box-3:before {
  content: '\e83a'; }

.fo-rss-3:before {
  content: '\e83b'; }

.fo-rss-alt-1:before {
  content: '\e83c'; }

.fo-cog-3:before {
  content: '\e83d'; }

.fo-wrench-2:before {
  content: '\e83e'; }

.fo-share-3:before {
  content: '\e83f'; }

.fo-calendar-3:before {
  content: '\e840'; }

.fo-calendar-inv:before {
  content: '\e841'; }

.fo-calendar-alt-1:before {
  content: '\e842'; }

.fo-mic-2:before {
  content: '\e843'; }

.fo-volume-off-1:before {
  content: '\e844'; }

.fo-volume-up-1:before {
  content: '\e845'; }

.fo-headphones-1:before {
  content: '\e846'; }

.fo-clock-2:before {
  content: '\e847'; }

.fo-lamp-1:before {
  content: '\e848'; }

.fo-block-3:before {
  content: '\e849'; }

.fo-resize-full-3:before {
  content: '\e84a'; }

.fo-resize-full-alt-2:before {
  content: '\e84b'; }

.fo-resize-small-3:before {
  content: '\e84c'; }

.fo-resize-small-alt:before {
  content: '\e84d'; }

.fo-resize-vertical-2:before {
  content: '\e84e'; }

.fo-resize-horizontal-2:before {
  content: '\e84f'; }

.fo-shoppingcart:before {
  content: '\e850'; }

.fo-ccw-1:before {
  content: '\e872'; }

.fo-note:before {
  content: '\e913'; }

.fo-note-beamed:before {
  content: '\e914'; }

.fo-music-1:before {
  content: '\e915'; }

.fo-search-2:before {
  content: '\e916'; }

.fo-flashlight:before {
  content: '\e917'; }

.fo-mail-1:before {
  content: '\e918'; }

.fo-heart-1:before {
  content: '\e919'; }

.fo-heart-empty-1:before {
  content: '\e91a'; }

.fo-star-1:before {
  content: '\e91b'; }

.fo-star-empty-1:before {
  content: '\e91c'; }

.fo-user-2:before {
  content: '\e91d'; }

.fo-users-1:before {
  content: '\e91e'; }

.fo-user-add:before {
  content: '\e91f'; }

.fo-video-2:before {
  content: '\e920'; }

.fo-picture-2:before {
  content: '\e921'; }

.fo-camera-2:before {
  content: '\e922'; }

.fo-layout:before {
  content: '\e923'; }

.fo-menu-1:before {
  content: '\e924'; }

.fo-check-1:before {
  content: '\e925'; }

.fo-cancel-2:before {
  content: '\e926'; }

.fo-cancel-circled-1:before {
  content: '\e927'; }

.fo-cancel-squared:before {
  content: '\e928'; }

.fo-plus-2:before {
  content: '\e929'; }

.fo-plus-circled-1:before {
  content: '\e92a'; }

.fo-plus-squared-1:before {
  content: '\e92b'; }

.fo-minus-1:before {
  content: '\e92c'; }

.fo-minus-circled-1:before {
  content: '\e92d'; }

.fo-minus-squared-1:before {
  content: '\e92e'; }

.fo-help-1:before {
  content: '\e92f'; }

.fo-help-circled-1:before {
  content: '\e930'; }

.fo-info-1:before {
  content: '\e931'; }

.fo-info-circled-1:before {
  content: '\e932'; }

.fo-back:before {
  content: '\e933'; }

.fo-home-1:before {
  content: '\e934'; }

.fo-link-1:before {
  content: '\e935'; }

.fo-attach-1:before {
  content: '\e936'; }

.fo-lock-1:before {
  content: '\e937'; }

.fo-lock-open-1:before {
  content: '\e938'; }

.fo-eye-2:before {
  content: '\e939'; }

.fo-tag-2:before {
  content: '\e93a'; }

.fo-bookmark-1:before {
  content: '\e93b'; }

.fo-bookmarks:before {
  content: '\e93c'; }

.fo-flag-1:before {
  content: '\e93d'; }

.fo-thumbs-up-1:before {
  content: '\e93e'; }

.fo-thumbs-down-1:before {
  content: '\e93f'; }

.fo-download-2:before {
  content: '\e940'; }

.fo-upload-2:before {
  content: '\e941'; }

.fo-upload-cloud-2:before {
  content: '\e942'; }

.fo-reply-1:before {
  content: '\e943'; }

.fo-reply-all-1:before {
  content: '\e944'; }

.fo-forward-1:before {
  content: '\e945'; }

.fo-quote:before {
  content: '\e946'; }

.fo-code-1:before {
  content: '\e947'; }

.fo-export-1:before {
  content: '\e948'; }

.fo-pencil-1:before {
  content: '\e949'; }

.fo-feather:before {
  content: '\e94a'; }

.fo-print-1:before {
  content: '\e94b'; }

.fo-retweet-1:before {
  content: '\e94c'; }

.fo-keyboard-1:before {
  content: '\e94d'; }

.fo-comment-1:before {
  content: '\e94e'; }

.fo-chat-2:before {
  content: '\e94f'; }

.fo-bell-1:before {
  content: '\e950'; }

.fo-attention-1:before {
  content: '\e951'; }

.fo-alert:before {
  content: '\e952'; }

.fo-vcard:before {
  content: '\e953'; }

.fo-address:before {
  content: '\e954'; }

.fo-location-2:before {
  content: '\e955'; }

.fo-map-1:before {
  content: '\e956'; }

.fo-direction-1:before {
  content: '\e957'; }

.fo-compass-2:before {
  content: '\e958'; }

.fo-cup:before {
  content: '\e959'; }

.fo-trash-1:before {
  content: '\e95a'; }

.fo-doc-1:before {
  content: '\e95b'; }

.fo-docs-1:before {
  content: '\e95c'; }

.fo-doc-landscape:before {
  content: '\e95d'; }

.fo-doc-text-1:before {
  content: '\e95e'; }

.fo-doc-text-inv-1:before {
  content: '\e95f'; }

.fo-newspaper-1:before {
  content: '\e960'; }

.fo-book-open:before {
  content: '\e961'; }

.fo-book-2:before {
  content: '\e962'; }

.fo-folder-1:before {
  content: '\e963'; }

.fo-archive:before {
  content: '\e964'; }

.fo-box-2:before {
  content: '\e965'; }

.fo-rss-2:before {
  content: '\e966'; }

.fo-phone-1:before {
  content: '\e967'; }

.fo-cog-2:before {
  content: '\e968'; }

.fo-tools:before {
  content: '\e969'; }

.fo-share-2:before {
  content: '\e96a'; }

.fo-shareable:before {
  content: '\e96b'; }

.fo-basket-1:before {
  content: '\e96c'; }

.fo-bag:before {
  content: '\e96d'; }

.fo-calendar-2:before {
  content: '\e96e'; }

.fo-login-1:before {
  content: '\e96f'; }

.fo-logout-1:before {
  content: '\e970'; }

.fo-mic-1:before {
  content: '\e971'; }

.fo-mute-1:before {
  content: '\e972'; }

.fo-sound:before {
  content: '\e973'; }

.fo-volume:before {
  content: '\e974'; }

.fo-clock-1:before {
  content: '\e975'; }

.fo-hourglass-4:before {
  content: '\e976'; }

.fo-lamp:before {
  content: '\e977'; }

.fo-light-down:before {
  content: '\e978'; }

.fo-light-up:before {
  content: '\e979'; }

.fo-adjust-1:before {
  content: '\e97a'; }

.fo-block-2:before {
  content: '\e97b'; }

.fo-resize-full-2:before {
  content: '\e97c'; }

.fo-resize-small-2:before {
  content: '\e97d'; }

.fo-popup-1:before {
  content: '\e97e'; }

.fo-publish:before {
  content: '\e97f'; }

.fo-window:before {
  content: '\e980'; }

.fo-arrow-combo:before {
  content: '\e981'; }

.fo-down-circled-1:before {
  content: '\e982'; }

.fo-left-circled-1:before {
  content: '\e983'; }

.fo-right-circled-1:before {
  content: '\e984'; }

.fo-up-circled-1:before {
  content: '\e985'; }

.fo-down-open-1:before {
  content: '\e986'; }

.fo-left-open-1:before {
  content: '\e987'; }

.fo-right-open-1:before {
  content: '\e988'; }

.fo-up-open-1:before {
  content: '\e989'; }

.fo-down-open-mini:before {
  content: '\e98a'; }

.fo-left-open-mini:before {
  content: '\e98b'; }

.fo-right-open-mini:before {
  content: '\e98c'; }

.fo-up-open-mini:before {
  content: '\e98d'; }

.fo-down-open-big:before {
  content: '\e98e'; }

.fo-left-open-big:before {
  content: '\e98f'; }

.fo-right-open-big:before {
  content: '\e990'; }

.fo-up-open-big:before {
  content: '\e991'; }

.fo-down-2:before {
  content: '\e992'; }

.fo-left-2:before {
  content: '\e993'; }

.fo-right-2:before {
  content: '\e994'; }

.fo-up-2:before {
  content: '\e995'; }

.fo-down-dir-1:before {
  content: '\e996'; }

.fo-left-dir-1:before {
  content: '\e997'; }

.fo-right-dir-1:before {
  content: '\e998'; }

.fo-up-dir-1:before {
  content: '\e999'; }

.fo-down-bold:before {
  content: '\e99a'; }

.fo-left-bold:before {
  content: '\e99b'; }

.fo-right-bold:before {
  content: '\e99c'; }

.fo-up-bold:before {
  content: '\e99d'; }

.fo-down-thin:before {
  content: '\e99e'; }

.fo-left-thin:before {
  content: '\e99f'; }

.fo-right-thin:before {
  content: '\e9a0'; }

.fo-up-thin:before {
  content: '\e9a1'; }

.fo-move-2:before {
  content: '\e9a2'; }

.fo-cw-1:before {
  content: '\e9a3'; }

.fo-arrows-ccw:before {
  content: '\e9a4'; }

.fo-level-down-1:before {
  content: '\e9a5'; }

.fo-level-up-1:before {
  content: '\e9a6'; }

.fo-shuffle-1:before {
  content: '\e9a7'; }

.fo-loop:before {
  content: '\e9a8'; }

.fo-switch:before {
  content: '\e9a9'; }

.fo-play-2:before {
  content: '\e9aa'; }

.fo-stop-2:before {
  content: '\e9ab'; }

.fo-pause-2:before {
  content: '\e9ac'; }

.fo-record:before {
  content: '\e9ad'; }

.fo-to-end-2:before {
  content: '\e9ae'; }

.fo-to-start-2:before {
  content: '\e9af'; }

.fo-fast-forward:before {
  content: '\e9b0'; }

.fo-fast-backward:before {
  content: '\e9b1'; }

.fo-progress-0:before {
  content: '\e9b2'; }

.fo-progress-1:before {
  content: '\e9b3'; }

.fo-progress-2:before {
  content: '\e9b4'; }

.fo-progress-3:before {
  content: '\e9b5'; }

.fo-target-2:before {
  content: '\e9b6'; }

.fo-palette:before {
  content: '\e9b7'; }

.fo-list-1:before {
  content: '\e9b8'; }

.fo-list-add:before {
  content: '\e9b9'; }

.fo-signal-2:before {
  content: '\e9ba'; }

.fo-trophy:before {
  content: '\e9bb'; }

.fo-battery:before {
  content: '\e9bc'; }

.fo-back-in-time:before {
  content: '\e9bd'; }

.fo-monitor:before {
  content: '\e9be'; }

.fo-mobile-2:before {
  content: '\e9bf'; }

.fo-network:before {
  content: '\e9c0'; }

.fo-cd-1:before {
  content: '\e9c1'; }

.fo-inbox-1:before {
  content: '\e9c2'; }

.fo-install:before {
  content: '\e9c3'; }

.fo-globe-1:before {
  content: '\e9c4'; }

.fo-cloud-1:before {
  content: '\e9c5'; }

.fo-cloud-thunder:before {
  content: '\e9c6'; }

.fo-flash-1:before {
  content: '\e9c7'; }

.fo-moon-1:before {
  content: '\e9c8'; }

.fo-flight-1:before {
  content: '\e9c9'; }

.fo-paper-plane-1:before {
  content: '\e9ca'; }

.fo-leaf-1:before {
  content: '\e9cb'; }

.fo-lifebuoy-1:before {
  content: '\e9cc'; }

.fo-mouse:before {
  content: '\e9cd'; }

.fo-briefcase-1:before {
  content: '\e9ce'; }

.fo-suitcase-1:before {
  content: '\e9cf'; }

.fo-dot:before {
  content: '\e9d0'; }

.fo-dot-2:before {
  content: '\e9d1'; }

.fo-dot-3:before {
  content: '\e9d2'; }

.fo-brush-2:before {
  content: '\e9d3'; }

.fo-magnet-1:before {
  content: '\e9d4'; }

.fo-infinity:before {
  content: '\e9d5'; }

.fo-erase:before {
  content: '\e9d6'; }

.fo-chart-pie-1:before {
  content: '\e9d7'; }

.fo-chart-line-1:before {
  content: '\e9d8'; }

.fo-chart-bar-1:before {
  content: '\e9d9'; }

.fo-chart-area-1:before {
  content: '\e9da'; }

.fo-tape:before {
  content: '\e9db'; }

.fo-graduation-cap-1:before {
  content: '\e9dc'; }

.fo-language-1:before {
  content: '\e9dd'; }

.fo-ticket-1:before {
  content: '\e9de'; }

.fo-water:before {
  content: '\e9df'; }

.fo-droplet:before {
  content: '\e9e0'; }

.fo-air:before {
  content: '\e9e1'; }

.fo-credit-card-1:before {
  content: '\e9e2'; }

.fo-floppy-1:before {
  content: '\e9e3'; }

.fo-clipboard:before {
  content: '\e9e4'; }

.fo-megaphone-1:before {
  content: '\e9e5'; }

.fo-database-1:before {
  content: '\e9e6'; }

.fo-drive:before {
  content: '\e9e7'; }

.fo-bucket:before {
  content: '\e9e8'; }

.fo-thermometer-1:before {
  content: '\e9e9'; }

.fo-key-1:before {
  content: '\e9ea'; }

.fo-flow-cascade:before {
  content: '\e9eb'; }

.fo-flow-branch:before {
  content: '\e9ec'; }

.fo-flow-tree:before {
  content: '\e9ed'; }

.fo-flow-line:before {
  content: '\e9ee'; }

.fo-flow-parallel:before {
  content: '\e9ef'; }

.fo-rocket-1:before {
  content: '\e9f0'; }

.fo-gauge-1:before {
  content: '\e9f1'; }

.fo-traffic-cone:before {
  content: '\e9f2'; }

.fo-cc-1:before {
  content: '\e9f3'; }

.fo-cc-by:before {
  content: '\e9f4'; }

.fo-cc-nc:before {
  content: '\e9f5'; }

.fo-cc-nc-eu:before {
  content: '\e9f6'; }

.fo-cc-nc-jp:before {
  content: '\e9f7'; }

.fo-cc-sa:before {
  content: '\e9f8'; }

.fo-cc-nd:before {
  content: '\e9f9'; }

.fo-cc-pd:before {
  content: '\e9fa'; }

.fo-cc-zero:before {
  content: '\e9fb'; }

.fo-cc-share:before {
  content: '\e9fc'; }

.fo-cc-remix:before {
  content: '\e9fd'; }

.fo-github-1:before {
  content: '\e9fe'; }

.fo-flickr-circled:before {
  content: '\e9ff'; }

.fo-facebook-1:before {
  content: '\ea00'; }

.fo-heart-2:before {
  content: '\ea01'; }

.fo-heart-empty-2:before {
  content: '\ea02'; }

.fo-star-2:before {
  content: '\ea03'; }

.fo-lock-empty:before {
  content: '\ea04'; }

.fo-lock-open-2:before {
  content: '\ea05'; }

.fo-comment-inv:before {
  content: '\ea06'; }

.fo-comment-alt:before {
  content: '\ea07'; }

.fo-popup-2:before {
  content: '\ea08'; }

.fo-down-3:before {
  content: '\ea09'; }

.fo-left-3:before {
  content: '\ea0a'; }

.fo-right-3:before {
  content: '\ea0b'; }

.fo-up-3:before {
  content: '\ea0c'; }

.fo-down-circle-1:before {
  content: '\ea0d'; }

.fo-left-circle:before {
  content: '\ea0e'; }

.fo-right-circle:before {
  content: '\ea0f'; }

.fo-up-circle:before {
  content: '\ea10'; }

.fo-cw-2:before {
  content: '\ea11'; }

.fo-loop-1:before {
  content: '\ea12'; }

.fo-loop-alt:before {
  content: '\ea13'; }

.fo-exchange:before {
  content: '\ea14'; }

.fo-split:before {
  content: '\ea15'; }

.fo-arrow-curved:before {
  content: '\ea16'; }

.fo-play-3:before {
  content: '\ea17'; }

.fo-play-circle2:before {
  content: '\ea18'; }

.fo-stop-3:before {
  content: '\ea19'; }

.fo-pause-3:before {
  content: '\ea1a'; }

.fo-to-start-3:before {
  content: '\ea1b'; }

.fo-to-end-3:before {
  content: '\ea1c'; }

.fo-eject-2:before {
  content: '\ea1d'; }

.fo-target-3:before {
  content: '\ea1e'; }

.fo-signal-3:before {
  content: '\ea1f'; }

.fo-award-2:before {
  content: '\ea20'; }

.fo-award-empty:before {
  content: '\ea21'; }

.fo-list-2:before {
  content: '\ea22'; }

.fo-list-nested:before {
  content: '\ea23'; }

.fo-bat-empty:before {
  content: '\ea24'; }

.fo-bat-half:before {
  content: '\ea25'; }

.fo-bat-full:before {
  content: '\ea26'; }

.fo-bat-charge:before {
  content: '\ea27'; }

.fo-mobile-3:before {
  content: '\ea28'; }

.fo-cd-2:before {
  content: '\ea29'; }

.fo-equalizer:before {
  content: '\ea2a'; }

.fo-cursor:before {
  content: '\ea2b'; }

.fo-aperture:before {
  content: '\ea2c'; }

.fo-aperture-alt:before {
  content: '\ea2d'; }

.fo-steering-wheel:before {
  content: '\ea2e'; }

.fo-book-3:before {
  content: '\ea2f'; }

.fo-book-alt:before {
  content: '\ea30'; }

.fo-brush:before {
  content: '\ea31'; }

.fo-brush-alt:before {
  content: '\ea32'; }

.fo-eyedropper:before {
  content: '\ea33'; }

.fo-layers:before {
  content: '\ea34'; }

.fo-layers-alt:before {
  content: '\ea35'; }

.fo-sun-1:before {
  content: '\ea36'; }

.fo-sun-inv:before {
  content: '\ea37'; }

.fo-cloud-2:before {
  content: '\ea38'; }

.fo-rain:before {
  content: '\ea39'; }

.fo-flash-2:before {
  content: '\ea3a'; }

.fo-moon-2:before {
  content: '\ea3b'; }

.fo-moon-inv:before {
  content: '\ea3c'; }

.fo-umbrella-1:before {
  content: '\ea3d'; }

.fo-chart-bar-2:before {
  content: '\ea3e'; }

.fo-chart-pie-2:before {
  content: '\ea3f'; }

.fo-chart-pie-alt:before {
  content: '\ea40'; }

.fo-key-2:before {
  content: '\ea41'; }

.fo-key-inv:before {
  content: '\ea42'; }

.fo-hash:before {
  content: '\ea43'; }

.fo-at-1:before {
  content: '\ea44'; }

.fo-pilcrow:before {
  content: '\ea45'; }

.fo-dial:before {
  content: '\ea46'; }

.fo-search:before {
  content: '\ea47'; }

.fo-mail-3:before {
  content: '\ea48'; }

.fo-heart-3:before {
  content: '\ea49'; }

.fo-star-3:before {
  content: '\ea4a'; }

.fo-user:before {
  content: '\ea4b'; }

.fo-user-woman:before {
  content: '\ea4c'; }

.fo-user-pair:before {
  content: '\ea4d'; }

.fo-video-alt:before {
  content: '\ea4e'; }

.fo-videocam-1:before {
  content: '\ea4f'; }

.fo-videocam-alt:before {
  content: '\ea50'; }

.fo-camera:before {
  content: '\ea51'; }

.fo-th-1:before {
  content: '\ea52'; }

.fo-th-list-1:before {
  content: '\ea53'; }

.fo-ok:before {
  content: '\ea54'; }

.fo-cancel:before {
  content: '\ea55'; }

.fo-cancel-circle:before {
  content: '\ea56'; }

.fo-plus:before {
  content: '\ea57'; }

.fo-home-3:before {
  content: '\ea58'; }

.fo-lock-3:before {
  content: '\ea59'; }

.fo-lock-open-3:before {
  content: '\ea5a'; }

.fo-eye:before {
  content: '\ea5b'; }

.fo-tag:before {
  content: '\ea5c'; }

.fo-thumbs-up-2:before {
  content: '\ea5d'; }

.fo-thumbs-down-2:before {
  content: '\ea5e'; }

.fo-download:before {
  content: '\ea5f'; }

.fo-export-2:before {
  content: '\ea60'; }

.fo-pencil-3:before {
  content: '\ea61'; }

.fo-pencil-alt-1:before {
  content: '\ea62'; }

.fo-edit-1:before {
  content: '\ea63'; }

.fo-chat:before {
  content: '\ea64'; }

.fo-print-2:before {
  content: '\ea65'; }

.fo-bell-2:before {
  content: '\ea66'; }

.fo-attention-2:before {
  content: '\ea67'; }

.fo-info-3:before {
  content: '\ea68'; }

.fo-question:before {
  content: '\ea69'; }

.fo-location:before {
  content: '\ea6a'; }

.fo-trash-3:before {
  content: '\ea6b'; }

.fo-doc-3:before {
  content: '\ea6c'; }

.fo-article:before {
  content: '\ea6d'; }

.fo-article-alt-1:before {
  content: '\ea6e'; }

.fo-rss:before {
  content: '\ea6f'; }

.fo-wrench:before {
  content: '\ea70'; }

.fo-basket-2:before {
  content: '\ea71'; }

.fo-basket-alt:before {
  content: '\ea72'; }

.fo-calendar:before {
  content: '\ea73'; }

.fo-calendar-alt:before {
  content: '\ea74'; }

.fo-volume-off-2:before {
  content: '\ea75'; }

.fo-volume-down-1:before {
  content: '\ea76'; }

.fo-volume-up-2:before {
  content: '\ea77'; }

.fo-bullhorn:before {
  content: '\ea78'; }

.fo-clock-3:before {
  content: '\ea79'; }

.fo-clock-alt:before {
  content: '\ea7a'; }

.fo-stop:before {
  content: '\ea7b'; }

.fo-resize-full:before {
  content: '\ea7c'; }

.fo-resize-small:before {
  content: '\ea7d'; }

.fo-zoom-in-1:before {
  content: '\ea7e'; }

.fo-zoom-out-1:before {
  content: '\ea7f'; }

.fo-popup:before {
  content: '\ea80'; }

.fo-down-dir-2:before {
  content: '\ea81'; }

.fo-left-dir-2:before {
  content: '\ea82'; }

.fo-right-dir-2:before {
  content: '\ea83'; }

.fo-up-dir-2:before {
  content: '\ea84'; }

.fo-down:before {
  content: '\ea85'; }

.fo-up:before {
  content: '\ea86'; }

.fo-cw-3:before {
  content: '\ea87'; }

.fo-signal:before {
  content: '\ea88'; }

.fo-award:before {
  content: '\ea89'; }

.fo-mobile:before {
  content: '\ea8a'; }

.fo-mobile-alt:before {
  content: '\ea8b'; }

.fo-tablet-1:before {
  content: '\ea8c'; }

.fo-ipod:before {
  content: '\ea8d'; }

.fo-cd:before {
  content: '\ea8e'; }

.fo-grid:before {
  content: '\ea8f'; }

.fo-book:before {
  content: '\ea90'; }

.fo-easel:before {
  content: '\ea91'; }

.fo-globe-2:before {
  content: '\ea92'; }

.fo-chart:before {
  content: '\ea93'; }

.fo-chart-bar-3:before {
  content: '\ea94'; }

.fo-chart-pie-3:before {
  content: '\ea95'; }

.fo-dollar-1:before {
  content: '\ea96'; }

.fo-at-2:before {
  content: '\ea97'; }

.fo-colon:before {
  content: '\ea98'; }

.fo-semicolon:before {
  content: '\ea99'; }

.fo-squares:before {
  content: '\ea9a'; }

.fo-money-1:before {
  content: '\ea9b'; }

.fo-facebook-2:before {
  content: '\ea9c'; }

.fo-facebook-rect:before {
  content: '\ea9d'; }

.fo-twitter-bird:before {
  content: '\ea9e'; }

.fo-youtube-1:before {
  content: '\ea9f'; }

.fo-mail-4:before {
  content: '\eacf'; }

.fo-heart-4:before {
  content: '\ead0'; }

.fo-star-4:before {
  content: '\ead1'; }

.fo-star-empty-2:before {
  content: '\ead2'; }

.fo-ok-3:before {
  content: '\ead3'; }

.fo-cancel-4:before {
  content: '\ead4'; }

.fo-plus-4:before {
  content: '\ead5'; }

.fo-help-circled-2:before {
  content: '\ead6'; }

.fo-help-circled-alt:before {
  content: '\ead7'; }

.fo-home-4:before {
  content: '\ead8'; }

.fo-pencil-4:before {
  content: '\ead9'; }

.fo-attention-3:before {
  content: '\eada'; }

.fo-attention-alt-1:before {
  content: '\eadc'; }

.fo-cog:before {
  content: '\eadd'; }

.fo-mic-off:before {
  content: '\eade'; }

.fo-clock-4:before {
  content: '\eadf'; }

.fo-stopwatch:before {
  content: '\eae0'; }

.fo-hourglass-5:before {
  content: '\eae1'; }

.fo-down-4:before {
  content: '\eae2'; }

.fo-left:before {
  content: '\eae3'; }

.fo-right:before {
  content: '\eae4'; }

.fo-up-4:before {
  content: '\eae5'; }

.fo-down-bold-1:before {
  content: '\eae6'; }

.fo-left-bold-1:before {
  content: '\eae7'; }

.fo-right-bold-1:before {
  content: '\eae8'; }

.fo-up-bold-1:before {
  content: '\eae9'; }

.fo-down-fat:before {
  content: '\eaea'; }

.fo-left-fat:before {
  content: '\eaeb'; }

.fo-right-fat:before {
  content: '\eaec'; }

.fo-up-fat:before {
  content: '\eaed'; }

.fo-flash-3:before {
  content: '\eaee'; }

.fo-cloud-4:before {
  content: '\eaef'; }

.fo-vector-pencil:before {
  content: '\eaf0'; }

.fo-at-3:before {
  content: '\eaf1'; }

.fo-female-1:before {
  content: '\eaf2'; }

.fo-male-1:before {
  content: '\eaf3'; }

.fo-king:before {
  content: '\eaf4'; }

.fo-anchor-1:before {
  content: '\eaf5'; }

.fo-grocery-store:before {
  content: '\eb12'; }

.fo-hospital-1:before {
  content: '\eb15'; }

.fo-industrial-building:before {
  content: '\eb16'; }

.fo-shop:before {
  content: '\eb29'; }

.fo-duckduckgo:before {
  content: '\eb33'; }

.fo-aim:before {
  content: '\eb34'; }

.fo-delicious-1:before {
  content: '\eb35'; }

.fo-paypal-2:before {
  content: '\eb36'; }

.fo-flattr-1:before {
  content: '\eb37'; }

.fo-android-1:before {
  content: '\eb38'; }

.fo-eventful:before {
  content: '\eb39'; }

.fo-smashmag:before {
  content: '\eb3a'; }

.fo-gplus-3:before {
  content: '\eb3b'; }

.fo-wikipedia:before {
  content: '\eb3c'; }

.fo-lanyrd:before {
  content: '\eb3d'; }

.fo-calendar-5:before {
  content: '\eb3e'; }

.fo-stumbleupon-2:before {
  content: '\eb3f'; }

.fo-fivehundredpx:before {
  content: '\eb40'; }

.fo-pinterest-2:before {
  content: '\eb41'; }

.fo-bitcoin-1:before {
  content: '\eb42'; }

.fo-w3c:before {
  content: '\eb43'; }

.fo-foursquare-1:before {
  content: '\eb44'; }

.fo-html5-1:before {
  content: '\eb45'; }

.fo-ie-1:before {
  content: '\eb46'; }

.fo-call:before {
  content: '\eb47'; }

.fo-grooveshark:before {
  content: '\eb48'; }

.fo-ninetyninedesigns:before {
  content: '\eb49'; }

.fo-forrst:before {
  content: '\eb4a'; }

.fo-digg-1:before {
  content: '\eb4b'; }

.fo-spotify-2:before {
  content: '\eb4c'; }

.fo-reddit-1:before {
  content: '\eb4d'; }

.fo-guest:before {
  content: '\eb4e'; }

.fo-gowalla:before {
  content: '\eb4f'; }

.fo-appstore:before {
  content: '\eb50'; }

.fo-blogger:before {
  content: '\eb51'; }

.fo-cc-2:before {
  content: '\eb52'; }

.fo-dribbble-3:before {
  content: '\eb53'; }

.fo-evernote-1:before {
  content: '\eb54'; }

.fo-flickr-2:before {
  content: '\eb55'; }

.fo-google-1:before {
  content: '\eb56'; }

.fo-viadeo-1:before {
  content: '\eb57'; }

.fo-instapaper:before {
  content: '\eb58'; }

.fo-weibo-1:before {
  content: '\eb59'; }

.fo-klout:before {
  content: '\eb5a'; }

.fo-linkedin-3:before {
  content: '\eb5b'; }

.fo-meetup-1:before {
  content: '\eb5c'; }

.fo-vk:before {
  content: '\eb5d'; }

.fo-plancast:before {
  content: '\eb5e'; }

.fo-disqus:before {
  content: '\eb5f'; }

.fo-rss-4:before {
  content: '\eb60'; }

.fo-skype-2:before {
  content: '\eb61'; }

.fo-twitter-4:before {
  content: '\eb62'; }

.fo-youtube-2:before {
  content: '\eb63'; }

.fo-vimeo-2:before {
  content: '\eb64'; }

.fo-windows-1:before {
  content: '\eb65'; }

.fo-xing-1:before {
  content: '\eb66'; }

.fo-yahoo-1:before {
  content: '\eb67'; }

.fo-chrome-2:before {
  content: '\eb68'; }

.fo-email:before {
  content: '\eb69'; }

.fo-macstore:before {
  content: '\eb6a'; }

.fo-myspace:before {
  content: '\eb6b'; }

.fo-podcast-1:before {
  content: '\eb6c'; }

.fo-amazon-1:before {
  content: '\eb6d'; }

.fo-steam-1:before {
  content: '\eb6e'; }

.fo-cloudapp:before {
  content: '\eb6f'; }

.fo-dropbox-2:before {
  content: '\eb70'; }

.fo-ebay:before {
  content: '\eb71'; }

.fo-facebook-4:before {
  content: '\eb72'; }

.fo-github-3:before {
  content: '\eb73'; }

.fo-github-circled-3:before {
  content: '\eb74'; }

.fo-googleplay:before {
  content: '\eb75'; }

.fo-itunes:before {
  content: '\eb76'; }

.fo-plurk:before {
  content: '\eb77'; }

.fo-songkick:before {
  content: '\eb78'; }

.fo-lastfm-2:before {
  content: '\eb79'; }

.fo-gmail:before {
  content: '\eb7a'; }

.fo-pinboard:before {
  content: '\eb7b'; }

.fo-openid-1:before {
  content: '\eb7c'; }

.fo-quora-1:before {
  content: '\eb7d'; }

.fo-soundcloud-3:before {
  content: '\eb7e'; }

.fo-tumblr-2:before {
  content: '\eb7f'; }

.fo-eventasaurus:before {
  content: '\eb80'; }

.fo-wordpress-1:before {
  content: '\eb81'; }

.fo-yelp-1:before {
  content: '\eb82'; }

.fo-intensedebate:before {
  content: '\eb83'; }

.fo-eventbrite:before {
  content: '\eb84'; }

.fo-scribd-1:before {
  content: '\eb85'; }

.fo-posterous:before {
  content: '\eb86'; }

.fo-stripe:before {
  content: '\eb87'; }

.fo-opentable:before {
  content: '\eb88'; }

.fo-cart:before {
  content: '\eb89'; }

.fo-print-4:before {
  content: '\eb8a'; }

.fo-angellist-1:before {
  content: '\eb8b'; }

.fo-instagram-3:before {
  content: '\eb8c'; }

.fo-dwolla:before {
  content: '\eb8d'; }

.fo-appnet:before {
  content: '\eb8e'; }

.fo-statusnet:before {
  content: '\eb8f'; }

.fo-acrobat:before {
  content: '\eb90'; }

.fo-drupal-1:before {
  content: '\eb91'; }

.fo-buffer:before {
  content: '\eb92'; }

.fo-pocket:before {
  content: '\eb93'; }

.fo-bitbucket-1:before {
  content: '\eb94'; }

.fo-lego:before {
  content: '\eb95'; }

.fo-login-3:before {
  content: '\eb96'; }

.fo-stackoverflow-1:before {
  content: '\eb97'; }

.fo-hackernews:before {
  content: '\eb98'; }

.fo-lkdto:before {
  content: '\eb99'; }

.fo-glass-1:before {
  content: '\ebbb'; }

.fo-music-2:before {
  content: '\ebbc'; }

.fo-search-5:before {
  content: '\ebbd'; }

.fo-search-circled:before {
  content: '\ebbe'; }

.fo-mail-5:before {
  content: '\ebbf'; }

.fo-mail-circled:before {
  content: '\ebc0'; }

.fo-heart-5:before {
  content: '\ebc1'; }

.fo-heart-circled:before {
  content: '\ebc2'; }

.fo-heart-empty-3:before {
  content: '\ebc3'; }

.fo-star-5:before {
  content: '\ebc4'; }

.fo-star-circled:before {
  content: '\ebc5'; }

.fo-star-empty-3:before {
  content: '\ebc6'; }

.fo-user-5:before {
  content: '\ebc7'; }

.fo-group:before {
  content: '\ebc8'; }

.fo-group-circled:before {
  content: '\ebc9'; }

.fo-torso:before {
  content: '\ebca'; }

.fo-video:before {
  content: '\ebcb'; }

.fo-video-circled:before {
  content: '\ebcc'; }

.fo-video-alt-1:before {
  content: '\ebcd'; }

.fo-videocam-3:before {
  content: '\ebce'; }

.fo-video-chat:before {
  content: '\ebcf'; }

.fo-picture:before {
  content: '\ebd0'; }

.fo-camera-5:before {
  content: '\ebd1'; }

.fo-photo:before {
  content: '\ebd2'; }

.fo-photo-circled:before {
  content: '\ebd3'; }

.fo-th-large-1:before {
  content: '\ebd4'; }

.fo-th-2:before {
  content: '\ebd5'; }

.fo-th-list-3:before {
  content: '\ebd6'; }

.fo-view-mode:before {
  content: '\ebd7'; }

.fo-ok-4:before {
  content: '\ebd8'; }

.fo-ok-circled-2:before {
  content: '\ebd9'; }

.fo-ok-circled2-1:before {
  content: '\ebda'; }

.fo-cancel-5:before {
  content: '\ebdb'; }

.fo-cancel-circled-3:before {
  content: '\ebdc'; }

.fo-cancel-circled2-1:before {
  content: '\ebdd'; }

.fo-plus-5:before {
  content: '\ebde'; }

.fo-plus-circled-2:before {
  content: '\ebdf'; }

.fo-minus-3:before {
  content: '\ebe0'; }

.fo-minus-circled-2:before {
  content: '\ebe1'; }

.fo-help-3:before {
  content: '\ebe2'; }

.fo-help-circled-3:before {
  content: '\ebe3'; }

.fo-info-circled-3:before {
  content: '\ebe4'; }

.fo-home-5:before {
  content: '\ebe5'; }

.fo-home-circled:before {
  content: '\ebe6'; }

.fo-website:before {
  content: '\ebe7'; }

.fo-website-circled:before {
  content: '\ebe8'; }

.fo-attach-4:before {
  content: '\ebe9'; }

.fo-attach-circled:before {
  content: '\ebea'; }

.fo-lock-5:before {
  content: '\ebeb'; }

.fo-lock-circled:before {
  content: '\ebec'; }

.fo-lock-open-5:before {
  content: '\ebed'; }

.fo-lock-open-alt-2:before {
  content: '\ebee'; }

.fo-eye-5:before {
  content: '\ebef'; }

.fo-eye-off-1:before {
  content: '\ebf0'; }

.fo-tag-4:before {
  content: '\ebf1'; }

.fo-tags-1:before {
  content: '\ebf2'; }

.fo-bookmark-2:before {
  content: '\ebf3'; }

.fo-bookmark-empty-1:before {
  content: '\ebf4'; }

.fo-flag-2:before {
  content: '\ebf5'; }

.fo-flag-circled:before {
  content: '\ebf6'; }

.fo-thumbs-up-3:before {
  content: '\ebf7'; }

.fo-thumbs-down-3:before {
  content: '\ebf8'; }

.fo-download-5:before {
  content: '\ebf9'; }

.fo-download-alt:before {
  content: '\ebfa'; }

.fo-upload-4:before {
  content: '\ebfb'; }

.fo-share:before {
  content: '\ebfc'; }

.fo-quote-1:before {
  content: '\ebfd'; }

.fo-quote-circled:before {
  content: '\ebfe'; }

.fo-export-4:before {
  content: '\ebff'; }

.fo-pencil-5:before {
  content: '\ec00'; }

.fo-pencil-circled:before {
  content: '\ec01'; }

.fo-edit-2:before {
  content: '\ec02'; }

.fo-edit-circled:before {
  content: '\ec03'; }

.fo-edit-alt:before {
  content: '\ec04'; }

.fo-print-5:before {
  content: '\ec05'; }

.fo-retweet-3:before {
  content: '\ec06'; }

.fo-comment-4:before {
  content: '\ec07'; }

.fo-comment-alt-1:before {
  content: '\ec08'; }

.fo-bell-4:before {
  content: '\ec09'; }

.fo-warning:before {
  content: '\ec0a'; }

.fo-exclamation:before {
  content: '\ec0b'; }

.fo-error:before {
  content: '\ec0c'; }

.fo-error-alt:before {
  content: '\ec0d'; }

.fo-location-5:before {
  content: '\ec0e'; }

.fo-location-circled:before {
  content: '\ec0f'; }

.fo-compass-4:before {
  content: '\ec10'; }

.fo-compass-circled:before {
  content: '\ec11'; }

.fo-trash-6:before {
  content: '\ec12'; }

.fo-trash-circled:before {
  content: '\ec13'; }

.fo-doc-5:before {
  content: '\ec14'; }

.fo-doc-circled:before {
  content: '\ec15'; }

.fo-doc-new:before {
  content: '\ec16'; }

.fo-doc-new-circled:before {
  content: '\ec17'; }

.fo-folder-4:before {
  content: '\ec18'; }

.fo-folder-circled:before {
  content: '\ec19'; }

.fo-folder-close:before {
  content: '\ec1a'; }

.fo-folder-open-2:before {
  content: '\ec1b'; }

.fo-rss-5:before {
  content: '\ec1c'; }

.fo-phone-2:before {
  content: '\ec1d'; }

.fo-phone-circled:before {
  content: '\ec1e'; }

.fo-cog-4:before {
  content: '\ec1f'; }

.fo-cog-circled:before {
  content: '\ec20'; }

.fo-cogs:before {
  content: '\ec21'; }

.fo-wrench-3:before {
  content: '\ec22'; }

.fo-wrench-circled:before {
  content: '\ec23'; }

.fo-basket-3:before {
  content: '\ec24'; }

.fo-basket-circled:before {
  content: '\ec25'; }

.fo-calendar-6:before {
  content: '\ec26'; }

.fo-calendar-circled:before {
  content: '\ec27'; }

.fo-mic-4:before {
  content: '\ec28'; }

.fo-mic-circled:before {
  content: '\ec29'; }

.fo-volume-off-3:before {
  content: '\ec2a'; }

.fo-volume-down-2:before {
  content: '\ec2b'; }

.fo-volume-1:before {
  content: '\ec2c'; }

.fo-volume-up-3:before {
  content: '\ec2d'; }

.fo-headphones-2:before {
  content: '\ec2e'; }

.fo-clock-5:before {
  content: '\ec2f'; }

.fo-clock-circled:before {
  content: '\ec30'; }

.fo-lightbulb-1:before {
  content: '\ec31'; }

.fo-lightbulb-alt:before {
  content: '\ec32'; }

.fo-block:before {
  content: '\ec33'; }

.fo-resize-full-4:before {
  content: '\ec34'; }

.fo-resize-full-alt:before {
  content: '\ec35'; }

.fo-resize-small-4:before {
  content: '\ec36'; }

.fo-resize-vertical:before {
  content: '\ec37'; }

.fo-resize-horizontal:before {
  content: '\ec38'; }

.fo-move:before {
  content: '\ec39'; }

.fo-zoom-in-3:before {
  content: '\ec3a'; }

.fo-zoom-out-3:before {
  content: '\ec3b'; }

.fo-down-open-3:before {
  content: '\ec3c'; }

.fo-left-open-3:before {
  content: '\ec3d'; }

.fo-right-open-3:before {
  content: '\ec3e'; }

.fo-up-open-3:before {
  content: '\ec3f'; }

.fo-down-5:before {
  content: '\ec40'; }

.fo-left-4:before {
  content: '\ec41'; }

.fo-right-4:before {
  content: '\ec42'; }

.fo-up-5:before {
  content: '\ec43'; }

.fo-down-circled-2:before {
  content: '\ec44'; }

.fo-left-circled-2:before {
  content: '\ec45'; }

.fo-right-circled-2:before {
  content: '\ec46'; }

.fo-up-circled-2:before {
  content: '\ec47'; }

.fo-down-hand-1:before {
  content: '\ec48'; }

.fo-left-hand-1:before {
  content: '\ec49'; }

.fo-right-hand-1:before {
  content: '\ec4a'; }

.fo-up-hand-1:before {
  content: '\ec4b'; }

.fo-cw-4:before {
  content: '\ec4c'; }

.fo-cw-circled:before {
  content: '\ec4d'; }

.fo-arrows-cw-1:before {
  content: '\ec4e'; }

.fo-shuffle-3:before {
  content: '\ec4f'; }

.fo-play-4:before {
  content: '\ec50'; }

.fo-play-circled-1:before {
  content: '\ec51'; }

.fo-play-circled2-1:before {
  content: '\ec52'; }

.fo-stop-5:before {
  content: '\ec53'; }

.fo-stop-circled:before {
  content: '\ec54'; }

.fo-pause-4:before {
  content: '\ec55'; }

.fo-pause-circled:before {
  content: '\ec56'; }

.fo-record-1:before {
  content: '\ec57'; }

.fo-eject:before {
  content: '\ec58'; }

.fo-backward:before {
  content: '\ec59'; }

.fo-backward-circled:before {
  content: '\ec5a'; }

.fo-fast-backward-2:before {
  content: '\ec5b'; }

.fo-fast-forward-2:before {
  content: '\ec5c'; }

.fo-forward-2:before {
  content: '\ec5d'; }

.fo-forward-circled:before {
  content: '\ec5e'; }

.fo-step-backward:before {
  content: '\ec5f'; }

.fo-step-forward:before {
  content: '\ec60'; }

.fo-target:before {
  content: '\ec61'; }

.fo-signal-4:before {
  content: '\ec62'; }

.fo-desktop-1:before {
  content: '\ec63'; }

.fo-desktop-circled:before {
  content: '\ec64'; }

.fo-laptop-1:before {
  content: '\ec65'; }

.fo-laptop-circled:before {
  content: '\ec66'; }

.fo-network-1:before {
  content: '\ec67'; }

.fo-inbox-3:before {
  content: '\ec68'; }

.fo-inbox-circled:before {
  content: '\ec69'; }

.fo-inbox-alt:before {
  content: '\ec6a'; }

.fo-globe-4:before {
  content: '\ec6b'; }

.fo-globe-alt:before {
  content: '\ec6c'; }

.fo-cloud-5:before {
  content: '\ec6d'; }

.fo-cloud-circled:before {
  content: '\ec6e'; }

.fo-flight-2:before {
  content: '\ec6f'; }

.fo-leaf-2:before {
  content: '\ec70'; }

.fo-font-1:before {
  content: '\ec71'; }

.fo-fontsize-1:before {
  content: '\ec72'; }

.fo-bold-1:before {
  content: '\ec73'; }

.fo-italic-1:before {
  content: '\ec74'; }

.fo-text-height-1:before {
  content: '\ec75'; }

.fo-text-width-1:before {
  content: '\ec76'; }

.fo-align-left-1:before {
  content: '\ec77'; }

.fo-align-center-1:before {
  content: '\ec78'; }

.fo-align-right-1:before {
  content: '\ec79'; }

.fo-align-justify-1:before {
  content: '\ec7a'; }

.fo-list-3:before {
  content: '\ec7b'; }

.fo-indent-left-1:before {
  content: '\ec7c'; }

.fo-indent-right-1:before {
  content: '\ec7d'; }

.fo-briefcase-2:before {
  content: '\ec7e'; }

.fo-off-1:before {
  content: '\ec7f'; }

.fo-road-1:before {
  content: '\ec80'; }

.fo-qrcode-1:before {
  content: '\ec81'; }

.fo-barcode-1:before {
  content: '\ec82'; }

.fo-braille-1:before {
  content: '\ec83'; }

.fo-book-4:before {
  content: '\ec84'; }

.fo-adjust-2:before {
  content: '\ec85'; }

.fo-tint-1:before {
  content: '\ec86'; }

.fo-check-2:before {
  content: '\ec87'; }

.fo-check-empty-1:before {
  content: '\ec88'; }

.fo-asterisk-1:before {
  content: '\ec89'; }

.fo-gift-1:before {
  content: '\ec8a'; }

.fo-fire-2:before {
  content: '\ec8b'; }

.fo-magnet-2:before {
  content: '\ec8c'; }

.fo-chart-1:before {
  content: '\ec8d'; }

.fo-chart-circled:before {
  content: '\ec8e'; }

.fo-credit-card-3:before {
  content: '\ec8f'; }

.fo-megaphone-2:before {
  content: '\ec90'; }

.fo-clipboard-1:before {
  content: '\ec91'; }

.fo-hdd-2:before {
  content: '\ec92'; }

.fo-key-3:before {
  content: '\ec93'; }

.fo-certificate-1:before {
  content: '\ec94'; }

.fo-tasks-1:before {
  content: '\ec95'; }

.fo-filter-1:before {
  content: '\ec96'; }

.fo-gauge-2:before {
  content: '\ec97'; }

.fo-smiley:before {
  content: '\ec98'; }

.fo-smiley-circled:before {
  content: '\ec99'; }

.fo-address-book-1:before {
  content: '\ec9a'; }

.fo-address-book-alt:before {
  content: '\ec9b'; }

.fo-asl:before {
  content: '\ec9c'; }

.fo-glasses:before {
  content: '\ec9d'; }

.fo-hearing-impaired:before {
  content: '\ec9e'; }

.fo-iphone-home:before {
  content: '\ec9f'; }

.fo-person:before {
  content: '\eca0'; }

.fo-adult:before {
  content: '\eca1'; }

.fo-child-1:before {
  content: '\eca2'; }

.fo-blind-1:before {
  content: '\eca3'; }

.fo-guidedog:before {
  content: '\eca4'; }

.fo-accessibility:before {
  content: '\eca5'; }

.fo-universal-access-1:before {
  content: '\eca6'; }

.fo-male-2:before {
  content: '\eca7'; }

.fo-female-2:before {
  content: '\eca8'; }

.fo-behance-2:before {
  content: '\eca9'; }

.fo-blogger-2:before {
  content: '\ecaa'; }

.fo-cc-3:before {
  content: '\ecab'; }

.fo-css:before {
  content: '\ecac'; }

.fo-delicious-2:before {
  content: '\ecad'; }

.fo-deviantart-2:before {
  content: '\ecae'; }

.fo-digg-2:before {
  content: '\ecaf'; }

.fo-dribbble-4:before {
  content: '\ecb0'; }

.fo-facebook-6:before {
  content: '\ecb1'; }

.fo-flickr-3:before {
  content: '\ecb2'; }

.fo-foursquare-2:before {
  content: '\ecb3'; }

.fo-friendfeed-1:before {
  content: '\ecb4'; }

.fo-friendfeed-rect-1:before {
  content: '\ecb5'; }

.fo-github-5:before {
  content: '\ecb6'; }

.fo-github-text-1:before {
  content: '\ecb7'; }

.fo-googleplus:before {
  content: '\ecb8'; }

.fo-instagram-5:before {
  content: '\ecb9'; }

.fo-linkedin-5:before {
  content: '\ecba'; }

.fo-path:before {
  content: '\ecbb'; }

.fo-picasa-2:before {
  content: '\ecbc'; }

.fo-pinterest-3:before {
  content: '\ecbd'; }

.fo-reddit-2:before {
  content: '\ecbe'; }

.fo-skype-4:before {
  content: '\ecbf'; }

.fo-slideshare-1:before {
  content: '\ecc0'; }

.fo-stackoverflow-2:before {
  content: '\ecc1'; }

.fo-stumbleupon-3:before {
  content: '\ecc2'; }

.fo-twitter-6:before {
  content: '\ecc3'; }

.fo-tumblr-4:before {
  content: '\ecc4'; }

.fo-vimeo-4:before {
  content: '\ecc5'; }

.fo-vkontakte-2:before {
  content: '\ecc6'; }

.fo-w3c-1:before {
  content: '\ecc7'; }

.fo-wordpress-3:before {
  content: '\ecc8'; }

.fo-youtube-3:before {
  content: '\ecc9'; }

.fo-music-3:before {
  content: '\ecca'; }

.fo-search-6:before {
  content: '\eccb'; }

.fo-mail-6:before {
  content: '\eccc'; }

.fo-heart-6:before {
  content: '\eccd'; }

.fo-star-6:before {
  content: '\ecce'; }

.fo-user-6:before {
  content: '\eccf'; }

.fo-videocam-4:before {
  content: '\ecd0'; }

.fo-camera-6:before {
  content: '\ecd1'; }

.fo-photo-1:before {
  content: '\ecd2'; }

.fo-attach-5:before {
  content: '\ecd3'; }

.fo-lock-6:before {
  content: '\ecd4'; }

.fo-eye-6:before {
  content: '\ecd5'; }

.fo-tag-5:before {
  content: '\ecd6'; }

.fo-thumbs-up-4:before {
  content: '\ecd7'; }

.fo-pencil-6:before {
  content: '\ecd8'; }

.fo-comment-5:before {
  content: '\ecd9'; }

.fo-location-6:before {
  content: '\ecda'; }

.fo-cup-1:before {
  content: '\ecdb'; }

.fo-trash-7:before {
  content: '\ecdc'; }

.fo-doc-6:before {
  content: '\ecdd'; }

.fo-note-1:before {
  content: '\ecde'; }

.fo-cog-5:before {
  content: '\ecdf'; }

.fo-params:before {
  content: '\ece0'; }

.fo-calendar-7:before {
  content: '\ece1'; }

.fo-sound-1:before {
  content: '\ece2'; }

.fo-clock-6:before {
  content: '\ece3'; }

.fo-lightbulb-2:before {
  content: '\ece4'; }

.fo-tv:before {
  content: '\ece5'; }

.fo-desktop-2:before {
  content: '\ece6'; }

.fo-mobile-5:before {
  content: '\ece7'; }

.fo-cd-3:before {
  content: '\ece8'; }

.fo-inbox-4:before {
  content: '\ece9'; }

.fo-globe-5:before {
  content: '\ecea'; }

.fo-cloud-6:before {
  content: '\eceb'; }

.fo-paper-plane-3:before {
  content: '\ecec'; }

.fo-fire-3:before {
  content: '\eced'; }

.fo-graduation-cap-2:before {
  content: '\ecee'; }

.fo-megaphone-3:before {
  content: '\ecef'; }

.fo-database-2:before {
  content: '\ecf0'; }

.fo-key-4:before {
  content: '\ecf1'; }

.fo-beaker-1:before {
  content: '\ecf2'; }

.fo-truck-1:before {
  content: '\ecf3'; }

.fo-money-2:before {
  content: '\ecf4'; }

.fo-food-1:before {
  content: '\ecf5'; }

.fo-shop-1:before {
  content: '\ecf6'; }

.fo-diamond-1:before {
  content: '\ecf7'; }

.fo-t-shirt:before {
  content: '\ecf8'; }

.fo-wallet:before {
  content: '\ecf9'; }

.fo-search-7:before {
  content: '\ecfa'; }

.fo-mail-7:before {
  content: '\ecfb'; }

.fo-heart-7:before {
  content: '\ecfc'; }

.fo-heart-empty-4:before {
  content: '\ecfd'; }

.fo-star-7:before {
  content: '\ecfe'; }

.fo-user-7:before {
  content: '\ecff'; }

.fo-video-4:before {
  content: '\ed00'; }

.fo-picture-4:before {
  content: '\ed01'; }

.fo-th-large-2:before {
  content: '\ed02'; }

.fo-th-3:before {
  content: '\ed03'; }

.fo-th-list-4:before {
  content: '\ed04'; }

.fo-ok-5:before {
  content: '\ed05'; }

.fo-ok-circle:before {
  content: '\ed06'; }

.fo-cancel-6:before {
  content: '\ed07'; }

.fo-cancel-circle-1:before {
  content: '\ed08'; }

.fo-plus-circle-1:before {
  content: '\ed09'; }

.fo-minus-circle-1:before {
  content: '\ed0a'; }

.fo-link-4:before {
  content: '\ed0b'; }

.fo-attach-6:before {
  content: '\ed0c'; }

.fo-lock-7:before {
  content: '\ed0d'; }

.fo-lock-open-6:before {
  content: '\ed0e'; }

.fo-tag-6:before {
  content: '\ed0f'; }

.fo-reply-3:before {
  content: '\ed10'; }

.fo-reply-all-2:before {
  content: '\ed11'; }

.fo-forward-3:before {
  content: '\ed12'; }

.fo-code-2:before {
  content: '\ed13'; }

.fo-retweet-4:before {
  content: '\ed14'; }

.fo-comment-6:before {
  content: '\ed15'; }

.fo-comment-alt-2:before {
  content: '\ed16'; }

.fo-chat-5:before {
  content: '\ed17'; }

.fo-attention-4:before {
  content: '\ed18'; }

.fo-location-7:before {
  content: '\ed19'; }

.fo-doc-7:before {
  content: '\ed1a'; }

.fo-docs-landscape:before {
  content: '\ed1b'; }

.fo-folder-5:before {
  content: '\ed1c'; }

.fo-archive-1:before {
  content: '\ed1d'; }

.fo-rss-6:before {
  content: '\ed1e'; }

.fo-rss-alt:before {
  content: '\ed1f'; }

.fo-cog-6:before {
  content: '\ed20'; }

.fo-logout-3:before {
  content: '\ed21'; }

.fo-clock-7:before {
  content: '\ed22'; }

.fo-block-4:before {
  content: '\ed23'; }

.fo-resize-full-5:before {
  content: '\ed24'; }

.fo-resize-full-circle:before {
  content: '\ed25'; }

.fo-popup-3:before {
  content: '\ed26'; }

.fo-left-open-4:before {
  content: '\ed27'; }

.fo-right-open-4:before {
  content: '\ed28'; }

.fo-down-circle:before {
  content: '\ed29'; }

.fo-left-circle-1:before {
  content: '\ed2a'; }

.fo-right-circle-1:before {
  content: '\ed2b'; }

.fo-up-circle-1:before {
  content: '\ed2c'; }

.fo-down-dir-3:before {
  content: '\ed2d'; }

.fo-right-dir-3:before {
  content: '\ed2e'; }

.fo-down-micro:before {
  content: '\ed2f'; }

.fo-up-micro:before {
  content: '\ed30'; }

.fo-cw-circle:before {
  content: '\ed31'; }

.fo-arrows-cw-2:before {
  content: '\ed32'; }

.fo-updown-circle:before {
  content: '\ed33'; }

.fo-target-4:before {
  content: '\ed34'; }

.fo-signal-5:before {
  content: '\ed35'; }

.fo-progress-4:before {
  content: '\ed36'; }

.fo-progress-5:before {
  content: '\ed37'; }

.fo-progress-6:before {
  content: '\ed38'; }

.fo-progress-7:before {
  content: '\ed39'; }

.fo-progress-8:before {
  content: '\ed3a'; }

.fo-progress-9:before {
  content: '\ed3b'; }

.fo-progress-10:before {
  content: '\ed3c'; }

.fo-progress-11:before {
  content: '\ed3d'; }

.fo-font-2:before {
  content: '\ed3e'; }

.fo-list-4:before {
  content: '\ed3f'; }

.fo-list-numbered-1:before {
  content: '\ed40'; }

.fo-indent-left-2:before {
  content: '\ed41'; }

.fo-indent-right-2:before {
  content: '\ed42'; }

.fo-cloud-7:before {
  content: '\ed43'; }

.fo-terminal-1:before {
  content: '\ed44'; }

.fo-facebook-rect-2:before {
  content: '\ed45'; }

.fo-twitter-bird-2:before {
  content: '\ed46'; }

.fo-vimeo-rect-1:before {
  content: '\ed47'; }

.fo-tumblr-rect-1:before {
  content: '\ed48'; }

.fo-googleplus-rect-1:before {
  content: '\ed49'; }

.fo-linkedin-rect-1:before {
  content: '\ed4a'; }

.fo-skype-5:before {
  content: '\ed4b'; }

.fo-vkontakte-rect-1:before {
  content: '\ed4c'; }

.fo-youtube-4:before {
  content: '\ed4d'; }

.fo-odnoklassniki-rect-1:before {
  content: '\ed4e'; }

.fo-down-open-2:before {
  content: '\f004'; }

.fo-up-open-2:before {
  content: '\f005'; }

.fo-right-open-2:before {
  content: '\f006'; }

.fo-left-open-2:before {
  content: '\f007'; }

.fo-menu-2:before {
  content: '\f008'; }

.fo-th-list-2:before {
  content: '\f009'; }

.fo-th-thumb:before {
  content: '\f00a'; }

.fo-th-thumb-empty:before {
  content: '\f00b'; }

.fo-coverflow:before {
  content: '\f00c'; }

.fo-coverflow-empty:before {
  content: '\f00d'; }

.fo-pause:before {
  content: '\f00e'; }

.fo-play:before {
  content: '\f00f'; }

.fo-to-end:before {
  content: '\f010'; }

.fo-to-start:before {
  content: '\f011'; }

.fo-fast-forward-1:before {
  content: '\f012'; }

.fo-fast-backward-1:before {
  content: '\f013'; }

.fo-upload-cloud:before {
  content: '\f014'; }

.fo-download-cloud:before {
  content: '\f015'; }

.fo-data-science:before {
  content: '\f016'; }

.fo-data-science-inv:before {
  content: '\f017'; }

.fo-globe-3:before {
  content: '\f018'; }

.fo-globe-inv:before {
  content: '\f019'; }

.fo-math:before {
  content: '\f01a'; }

.fo-math-circled-empty:before {
  content: '\f01b'; }

.fo-math-circled:before {
  content: '\f01c'; }

.fo-paper-plane-2:before {
  content: '\f01d'; }

.fo-paper-plane-alt2:before {
  content: '\f01e'; }

.fo-paper-plane-alt:before {
  content: '\f01f'; }

.fo-color-adjust:before {
  content: '\f020'; }

.fo-star-half-1:before {
  content: '\f022'; }

.fo-star-half_empty:before {
  content: '\f024'; }

.fo-ccw-2:before {
  content: '\f025'; }

.fo-heart-broken:before {
  content: '\f028'; }

.fo-hash-1:before {
  content: '\f029'; }

.fo-reply-2:before {
  content: '\f02a'; }

.fo-retweet-2:before {
  content: '\f02b'; }

.fo-login-2:before {
  content: '\f02c'; }

.fo-logout-2:before {
  content: '\f02d'; }

.fo-download-4:before {
  content: '\f02e'; }

.fo-upload:before {
  content: '\f02f'; }

.fo-location-4:before {
  content: '\f031'; }

.fo-monitor-1:before {
  content: '\f032'; }

.fo-tablet-2:before {
  content: '\f033'; }

.fo-mobile-4:before {
  content: '\f034'; }

.fo-connected-object:before {
  content: '\f035'; }

.fo-isight:before {
  content: '\f039'; }

.fo-videocam-2:before {
  content: '\f03a'; }

.fo-shuffle-2:before {
  content: '\f03b'; }

.fo-chat-4:before {
  content: '\f03d'; }

.fo-bell-3:before {
  content: '\f03f'; }

.fo-movie:before {
  content: '\f040'; }

.fo-ruler:before {
  content: '\f044'; }

.fo-vector:before {
  content: '\f045'; }

.fo-mic-3:before {
  content: '\f048'; }

.fo-doc-4:before {
  content: '\f04a'; }

.fo-dribbble-circled-1:before {
  content: '\f04f'; }

.fo-dribbble-2:before {
  content: '\f050'; }

.fo-facebook-circled-1:before {
  content: '\f051'; }

.fo-facebook-3:before {
  content: '\f052'; }

.fo-github-circled-alt:before {
  content: '\f053'; }

.fo-github-circled-2:before {
  content: '\f054'; }

.fo-github-2:before {
  content: '\f055'; }

.fo-github-circled-alt2:before {
  content: '\f056'; }

.fo-twitter-circled-1:before {
  content: '\f057'; }

.fo-twitter-3:before {
  content: '\f058'; }

.fo-gplus-circled-1:before {
  content: '\f059'; }

.fo-gplus-2:before {
  content: '\f05a'; }

.fo-linkedin-circled-1:before {
  content: '\f05b'; }

.fo-linkedin-2:before {
  content: '\f05c'; }

.fo-instagram-2:before {
  content: '\f05d'; }

.fo-instagram-circled:before {
  content: '\f05e'; }

.fo-mfg-logo:before {
  content: '\f05f'; }

.fo-mfg-logo-circled:before {
  content: '\f060'; }

.fo-user-4:before {
  content: '\f061'; }

.fo-user-male:before {
  content: '\f062'; }

.fo-user-female:before {
  content: '\f063'; }

.fo-users-2:before {
  content: '\f064'; }

.fo-folder-3:before {
  content: '\f067'; }

.fo-folder-open-1:before {
  content: '\f068'; }

.fo-folder-empty-2:before {
  content: '\f069'; }

.fo-attach-3:before {
  content: '\f06a'; }

.fo-ok-circled-1:before {
  content: '\f06d'; }

.fo-cancel-circled-2:before {
  content: '\f06e'; }

.fo-inbox-2:before {
  content: '\f070'; }

.fo-trophy-1:before {
  content: '\f074'; }

.fo-lock-open-alt-1:before {
  content: '\f075'; }

.fo-link-3:before {
  content: '\f07b'; }

.fo-zoom-in-2:before {
  content: '\f07e'; }

.fo-zoom-out-2:before {
  content: '\f07f'; }

.fo-stop-4:before {
  content: '\f080'; }

.fo-export-3:before {
  content: '\f081'; }

.fo-eye-4:before {
  content: '\f082'; }

.fo-trash-4:before {
  content: '\f083'; }

.fo-hdd-1:before {
  content: '\f084'; }

.fo-info-circled-2:before {
  content: '\f085'; }

.fo-info-circled-alt:before {
  content: '\f086'; }

.fo-print-3:before {
  content: '\f087'; }

.fo-fontsize:before {
  content: '\f088'; }

.fo-soundcloud-2:before {
  content: '\f089'; }

.fo-soundcloud-circled:before {
  content: '\f08a'; }

.fo-github-circled-1:before {
  content: '\f301'; }

.fo-twitter-2:before {
  content: '\f302'; }

.fo-flickr-1:before {
  content: '\f303'; }

.fo-vimeo-1:before {
  content: '\f306'; }

.fo-vimeo-circled:before {
  content: '\f307'; }

.fo-twitter-1:before {
  content: '\f309'; }

.fo-twitter-circled:before {
  content: '\f30a'; }

.fo-facebook-circled:before {
  content: '\f30d'; }

.fo-facebook-squared-1:before {
  content: '\f30e'; }

.fo-gplus-1:before {
  content: '\f30f'; }

.fo-gplus-circled:before {
  content: '\f310'; }

.fo-pinterest-1:before {
  content: '\f312'; }

.fo-pinterest-circled-1:before {
  content: '\f313'; }

.fo-twitter-rect:before {
  content: '\f314'; }

.fo-tumblr-1:before {
  content: '\f315'; }

.fo-tumblr-circled:before {
  content: '\f316'; }

.fo-linkedin-1:before {
  content: '\f318'; }

.fo-linkedin-circled:before {
  content: '\f319'; }

.fo-dribbble-1:before {
  content: '\f31b'; }

.fo-dribbble-circled:before {
  content: '\f31c'; }

.fo-stumbleupon-1:before {
  content: '\f31e'; }

.fo-stumbleupon-circled-1:before {
  content: '\f31f'; }

.fo-lastfm-1:before {
  content: '\f321'; }

.fo-lastfm-circled:before {
  content: '\f322'; }

.fo-rdio:before {
  content: '\f324'; }

.fo-rdio-circled:before {
  content: '\f325'; }

.fo-spotify-1:before {
  content: '\f327'; }

.fo-spotify-circled:before {
  content: '\f328'; }

.fo-qq-1:before {
  content: '\f32a'; }

.fo-instagram-1:before {
  content: '\f32d'; }

.fo-dropbox-1:before {
  content: '\f330'; }

.fo-evernote:before {
  content: '\f333'; }

.fo-flattr:before {
  content: '\f336'; }

.fo-skype-1:before {
  content: '\f339'; }

.fo-skype-circled:before {
  content: '\f33a'; }

.fo-renren-1:before {
  content: '\f33c'; }

.fo-sina-weibo:before {
  content: '\f33f'; }

.fo-paypal-1:before {
  content: '\f342'; }

.fo-picasa:before {
  content: '\f345'; }

.fo-soundcloud-1:before {
  content: '\f348'; }

.fo-mixi:before {
  content: '\f34b'; }

.fo-behance-1:before {
  content: '\f34e'; }

.fo-google-circles:before {
  content: '\f351'; }

.fo-vkontakte-1:before {
  content: '\f354'; }

.fo-smashing:before {
  content: '\f357'; }

.fo-comment-3:before {
  content: '\f4ac'; }

.fo-folder-open-empty-1:before {
  content: '\f4c2'; }

.fo-calendar-4:before {
  content: '\f4c5'; }

.fo-newspaper-2:before {
  content: '\f4f0'; }

.fo-camera-4:before {
  content: '\f4f7'; }

.fo-search-4:before {
  content: '\f50d'; }

.fo-lock-alt:before {
  content: '\f510'; }

.fo-lock-4:before {
  content: '\f512'; }

.fo-lock-open-4:before {
  content: '\f513'; }

.fo-joystick:before {
  content: '\f514'; }

.fo-fire-1:before {
  content: '\f525'; }

.fo-chart-bar-4:before {
  content: '\f526'; }

.fo-spread:before {
  content: '\f527'; }

.fo-spinner1:before {
  content: '\f528'; }

.fo-spinner2:before {
  content: '\f529'; }

.fo-db-shape:before {
  content: '\f600'; }

.fo-sweden:before {
  content: '\f601'; }

.fo-logo-db:before {
  content: '\f603'; }

/* ==========================================================================
   CALENDAR
   ========================================================================== */
.calendarCalendarDefault {
  border-radius: 0.25rem;
  border: 1px solid #ccc !important;
  -webkit-box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.09);
  -moz-box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.09);
  box-shadow: 2px 3px 7px 1px rgba(0, 0, 0, 0.09); }
  .calendarCalendarDefault .calendarArrowLeftDefault {
    visibility: hidden;
    display: flex;
    display: -webkit-flex; }
    .calendarCalendarDefault .calendarArrowLeftDefault::before {
      content: "\ed27";
      font-family: fontello;
      visibility: visible;
      padding: 5px;
      display: table-cell; }
  .calendarCalendarDefault .calendarArrowRightDefault {
    visibility: hidden;
    display: flex;
    display: -webkit-flex; }
    .calendarCalendarDefault .calendarArrowRightDefault::after {
      content: "\ed28";
      font-family: fontello;
      visibility: visible;
      padding: 5px;
      display: table-cell; }
  .calendarCalendarDefault .calendarMonthDefault {
    border: none !important;
    background: transparent !important; }

.calendarDayDefault, .calendarDayDisabledDefault, .calendarDayDisabledOverDefault {
  border: none !important; }

.calendarDayTodayDefault {
  position: relative;
  background-color: transparent !important;
  border: none !important;
  font-weight: normal !important; }
  .calendarDayTodayDefault:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 2px;
    right: 2px; }

.calendarDayTodayOverDefault {
  position: relative; }
  .calendarDayTodayOverDefault:before {
    content: '';
    display: inline-block;
    border: solid transparent;
    border-width: 0 0 7px 7px;
    border-bottom-color: #337ab7;
    border-top-color: rgba(0, 0, 0, 0.2);
    position: absolute;
    bottom: 2px;
    right: 2px; }

.ui-widget {
  background: #e0e0e0;
  border: 1px solid #e0e0e0;
  border-radius: 0.25rem;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem; }

.ui-datepicker {
  padding: 0; }

.ui-datepicker-header {
  border: none;
  background: transparent;
  font-weight: normal;
  font-size: 15px; }
  .ui-datepicker-header .ui-state-hover {
    background: transparent;
    border-color: transparent;
    cursor: pointer;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; }

.ui-datepicker .ui-datepicker-title {
  margin-top: .4em;
  margin-bottom: .3em; }
  .ui-datepicker .ui-datepicker-title select {
    padding-right: 2px; }
    .ui-datepicker .ui-datepicker-title select:first-child {
      margin-right: 5px; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover, .ui-datepicker .ui-datepicker-next, .ui-datepicker .ui-datepicker-prev {
  top: .9em;
  border: none; }
.ui-datepicker .ui-datepicker-prev-hover {
  left: 2px; }
.ui-datepicker .ui-datepicker-next-hover {
  right: 2px; }
.ui-datepicker .ui-datepicker-next span {
  visibility: hidden;
  display: flex;
  display: -webkit-flex;
  float: right; }
  .ui-datepicker .ui-datepicker-next span::after {
    content: "\ed28";
    font-family: fontello;
    visibility: visible;
    padding: 5px;
    display: table-cell; }
.ui-datepicker .ui-datepicker-prev span {
  visibility: hidden;
  display: flex;
  display: -webkit-flex;
  float: left; }
  .ui-datepicker .ui-datepicker-prev span::before {
    content: "\ed27";
    font-family: fontello;
    visibility: visible;
    padding: 5px;
    display: table-cell; }
.ui-datepicker table {
  margin: 0; }
.ui-datepicker th {
  padding: 1em 0;
  font-size: 13px;
  font-weight: normal;
  border: none; }
.ui-datepicker td {
  background: #fff;
  border: none;
  padding: 0; }

td .ui-state-default {
  background: transparent;
  border: none;
  text-align: center;
  padding: .5em;
  margin: 0;
  font-weight: normal;
  color: #efefef;
  font-size: 16px; }

.ui-state-disabled {
  opacity: 1; }
  .ui-state-disabled .ui-state-default {
    color: #fba49e; }

td .ui-state-active, td .ui-state-hover {
  background: rgba(224, 224, 224, 0.5);
  color: #fff !important;
  -webkit-border-radius: 0.25rem;
  -moz-border-radius: 0.25rem;
  -ms-border-radius: 0.25rem;
  border-radius: 0.25rem;
  border: 1px solid #e0e0e0; }