﻿/* GUI MOD */

/* messages */
.gui-messages ul.gui-success {color: #fff;border:none!important;background: #17a2b8;border: none;}
.gui-messages, .messages {line-height: inherit;margin-bottom: 0px;}
#fixed-template .gui-messages {margin-bottom: 30px;}
.messages ul {margin-bottom: 0px;}
.gui-messages ul,.messages ul {border: none;text-align: center;}
#fixed-template .gui-messages ul.gui-success {border: 1px solid #d2e3cc;}
#fixed-template .gui-progressbar {background-color: #fff;border-left: 1px solid #CCCCCC;border-right: 1px solid #CCCCCC;}

/* Afrekenen knop *//*
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action {
border: none;font-family: inherit;font-size: inherit;color: inherit;background: none;cursor: pointer;padding: 10px 20px;display: inline-block;letter-spacing: 1px;font-weight: 700;outline: none;position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;border-radius: 5px;background: #2ecc71;color: #fff;box-shadow: 0 6px #119e4d;-webkit-transition: none;-moz-transition: none;transition: none;}
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action:after {content: '';position: absolute;z-index: -1;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action:hover {box-shadow: 0 4px #119e4d;top: 2px;}
.gui .gui-div-cart-sum .gui-align-right a.gui-button-large.gui-button-action:active {box-shadow: 0 0 #ab3c3c;top: 6px;}*/

/* Corrections */
#gui-wrapper label {font-weight: inherit;}
.gui-content-title {padding-bottom:20px;}
.gui a.gui-button-large, .gui a.gui-button-small {border-radius: 0;}
/*.gui-page-title {border-bottom: 1px solid #dedede; padding-bottom: 10px;}
.gui-page-title {font-family: "Montserrat", Helvetica, sans-serif;margin-bottom: 1.5em;font-size: 1.75rem; font-weight: 500; line-height: 1.2; color: inherit;}*/
#gui-wrapper .gui-page-title {display:none;}
.gui-div-faq-questions p {margin-top: 0; margin-bottom: 1rem;}
.gui-blog-article p {margin-top: 0; margin-bottom: 1rem;}

/* CART */
.gui-progressbar {display: none;}
.gui ul.gui-products li .gui-products-info {display: none;}
.gui-block, .gui-block-title, .gui-buttons.gui-border, .gui-block-inner, .gui-image {border-color: #fff!important;}
.gui-cart .gui-table tbody tr:last-child {display:none;}
.gui ul.gui-products li {border-color: #fff!important;}
#gui-form-related .gui-products-title a {font-size:12px;}
.gui-image.gui-image-50 img {width:100px; height:100px;}
.gui-table tbody tr td {vertical-align:middle;}
.gui-table thead tr th {background-color: #fff!important;}
.gui-form .gui-table {/*border: 2px solid #ccc;*/box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);padding-bottom: 15px;background: #fff; border: 0;}
.gui-table thead tr th {border-color: #fff!important;}
.gui-table tbody tr td {border-color: #fff!important;padding: 15px 0px 0px 15px;}
.gui-number {border-color: #ddd!important;}
.gui-number .gui-handle {border-color: #ddd!important;}
.gui-table thead {display:none;}
.gui-div-cart-block-related {background:#fff; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-div-cart-coupons .gui-block {background:#fff; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
/*.gui-cart-sum .gui-item .gui-price {padding-right: 10px;}*/
#gui-wrapper.gui-cart .gui-button-large.gui-button-action {border: 3px solid #2ecc71!important; font-family: inherit; font-size: inherit; color: #fff; background: #2ecc71; cursor: pointer; padding: 5px 20px; display: inline-block; letter-spacing: 1px; font-weight: 700; outline: none; position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
#gui-wrapper.gui-cart .gui-button-large.gui-button-action:hover {background: #fff;color: #2ecc71; border-color: #2ecc71;}
.gui-cart-sum .gui-item .gui-price {width: inherit;}
.gui-cart .gui-page-content {padding: 40px; background: #fff;}
.gui-cart .gui-messages {margin-bottom:20px;}

/* GENERAL */
.gui-input, .gui-select select {border-color: #dedede!important;border-radius: 0px;font-size:12px;}
.gui-form label {color: #666;font-size: 14px;}
.gui-inactive {opacity: 1!important;}

/* CHECKOUT */
.gui.gui-checkout.gui-checkout-one-step {background: #fff;padding: 40px;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
#gui-popover-terms-and-conditions h1, #gui-popover-terms-and-conditions h2, #gui-popover-terms-and-conditions h3,#gui-popover-terms-and-conditions h4 {margin-top:20px;}
.gui-checkout-one-step .order-summary.gui-margin.gui-block-highlight {border: none;}
.gui-checkout-one-step .order-summary.gui-margin.gui-block-highlight .gui-table {border: none; box-shadow: none; background: none;}
.gui-checkout-one-step .order-summary.gui-margin.gui-block-highlight .gui-spacer {height: 0px;}
.gui-block-highlight .gui-confirm-buttons .button-holder {border:none;}
.gui-block-highlight .gui-confirm-buttons .button-holder a {color: #949494;font-size: 12px;}
.gui-block-subcontent .gui-block-highlight .gui-confirm-buttons .button-holder a.gui-button-large.gui-button-action {border: 3px solid #2ecc71!important; font-family: inherit; font-size: inherit; color: #fff; background: #2ecc71; cursor: pointer; padding: 5px; display: inline-block; letter-spacing: 1px; font-weight: 700; outline: none; position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;}
.gui-block-subcontent .gui-block-highlight .gui-confirm-buttons .button-holder a.gui-button-large.gui-button-action:hover {background: #fff;color: #2ecc71; border-color: #2ecc71;}
.gui-section.gui-block.gui-step .gui-confirm-buttons a.gui-button-small.gui-button-action {border: 3px solid #2ecc71!important; font-family: inherit; font-size: inherit; color: #fff; background: #2ecc71; cursor: pointer; padding: 5px; display: inline-block; letter-spacing: 1px; font-weight: 700; outline: none; position: relative;-webkit-transition: all 0.3s;-moz-transition: all 0.3s; transition: all 0.3s;width: 100%;}
.gui-section.gui-block.gui-step .gui-confirm-buttons a.gui-button-small.gui-button-action:hover {background: #fff;color: #2ecc71; border-color: #2ecc71;}
.order-summary .gui-table tbody tr:last-child {display: block;}
.order-summary .gui-table thead {display: block;}
.gui-section.gui-block.gui-step .order-summary .gui-table {box-shadow: none;}
.gui-checkout-one-step .gui-product-image {display: none;}
.gui-checkout .gui-messages {margin-bottom:20px;}
.gui-checkout .gui-col2-right-col1.gui-checkout-steps {background: #fff;}

.gui-section.gui-block.gui-step .order-summary .gui-table tbody tr {display: inherit;}
.gui-section.gui-block.gui-step .order-summary .gui-table tbody tr:last-child {display: inherit;}
.gui-section.gui-block.gui-step .gui-cart-sum .gui-item .gui-desc {text-align: left;}

.gui-checkout .order-summary td {padding:0px;}
.gui-checkout .order-summary .gui-table tbody tr td:last-child {padding-right: 0px;}
.gui-checkout .order-summary .gui-table tbody tr td {padding:0px;}
.gui-checkout .order-summary .gui-table thead {display: table-header-group;}
.gui-checkout .order-summary .gui-table tbody tr {display: table-row!important;}
.gui-checkout .order-summary .gui-table thead tr th {padding-left: 0px;}
.gui-checkout .order-summary .gui-table thead tr th:last-child {padding-right: 0px;}
.gui-checkout .gui-cart-sum .gui-item {font-size: 80%;}

.gui-checkout-one-step .order-summary {display:none;}
.gui-checkout-one-step .gui-col3-equal-col3 .gui-block-subcontent {display:none;}

/* RADIOBUTTONS AND CHECKBOXES */
.gui-products-option input[type="checkbox"]:before {content: '';background: #fff;border: 1px solid #ddd;display: inline-block;vertical-align: middle;width: 20px;height: 20px;padding: 2px;margin-right: 10px;text-align: center;}
.gui-products-option input[type="checkbox"] {-webkit-appearance: none!important;}
.gui-products-option input[type="checkbox"]:checked {content: '\2714';font-size: 14px;position: absolute;color: #99a1a7;}
.gui-products-option input[type="checkbox"]:checked:before {content: "\f00c"; font-family: 'FontAwesome'; background: #fff;color: #aaa;font-size: 14px;line-height: 16px;}

/* SITEMAP */
.gui-div-sitemap-sitemap {background: #fff;padding: 40px;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-div-sitemap-links {background:#fff; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}

/* SERVICE */
.gui-div-faq-questions {background: #fff;padding: 40px;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-div-faq-form {background:#fff; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-div-faq-links {background:#fff; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}

/* BLOG */
.gui-blog-article {background: #fff; padding: 40px; box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-blog-article .blog-article-summary {font-style: italic;}
.gui-blog .gui-block-content {background: #fff;}
.gui-blog .gui-block {border:none;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-blog .gui-blog-article ul {width: 100%;list-style: inherit;font-size: inherit;  padding-left: 20px;}
.gui-blog .gui-blog-article header ul {width: 100%;list-style: none; font-size: 80%;padding-left: 0px;}
.gui-blogshort .gui-blog-article-image header {width: 100%; padding-left: 0px;}
.gui-blogshort .gui-blog-article-summary img {padding-bottom:20px;}
.gui-blog .gui-blog-social-facebook {display: none;}

/* REVIEW */
.gui-review .gui-block {background:#fff;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-review .gui-page-title {display:none;}

/* LOGIN */
.gui-login {background:#ffffff;}
.gui-login .gui-messages .gui-success {color: #fff;border: none!important; background: #17a2b8; border: none;}
.gui-login .gui-page-title {padding: 40px 40px 0px;}
.gui-login .gui-col2-big {padding: 20px 40px;}

/* LOGOUT */
.gui-loggedout {background:#ffffff;}
.gui-loggedout .gui-page-title {padding: 40px 40px 0px;}
.gui-loggedout .gui-page-content {padding: 20px 40px;}

/* COMPARE */
.gui-compare {background:#ffffff;padding:40px;}

/* ACCOUNT */
.gui-account .gui-account-links {background: #fff;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-account .gui-account-cart .gui-block-content {background: #fff;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-account .gui-account-compare .gui-block-content {background: #fff;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);}
.gui-account .gui-col2-left-col2 {background: #fff;box-shadow: 0px 7px 7px -2px rgba(163,163,163,0.32);padding:40px;}
.gui-account .gui-messages {margin-bottom: 30px;}

/* ACCOUNT REGISTER */
.gui-register .gui-block-content {background:#ffffff;}

/* ------------- Ultra Large ------------- */
@media (min-width: 1440px) {
}

/* ------------- Large PC ------------- */
@media (min-width: 1200px) {
}

/* ------------- Medium Tablet ------------- */
@media (min-width: 768px) and (max-width: 1199px) {
}

/* ------------- Small Mobile -------------  */
@media (max-width: 767px) {
  .gui-div-sitemap-sitemap {padding: 15px;}
  .gui-div-faq-questions {padding: 15px;}
  .gui-blog-article {padding: 15px;}
  #gui-wrapper.gui.gui-cart {padding-left:15px;padding-right:15px;}
  #gui-wrapper.gui.gui-checkout {margin-left: 15px; margin-right: 15px; padding: 10px;}
  .gui-messages, .messages {padding-top: 60px;}
}