.overview-image-container {
    padding: 20px 0;
}

.overview-image-container img {
    max-width: 100%;
    max-height: 100%;
    pointer-events: none;
    -webkit-user-select: none;
}

.image-container img {
    width: 100%;
    pointer-events: none;
    -webkit-user-select: none;
}

.overview-image-legend {
    float: right;
    padding: 10px;
    margin-top: 20px;
    border: 1px solid black;
}

.overview-image-legend img {
    height: 17px;
    width: 30px;
}

.overview-image-legend td {
    padding: 3px;
}

.overview-image-legend #paneel {
    outline: 1px solid black;
}

.top-header {
    padding: 10px 0;
}

body {
    overflow-x: hidden;
}

.heading-with-line {
    border-bottom: 3px solid #0098cd;
    color: #333;
    /*font-size: 2em;*/
    font-weight: 300;
    margin-bottom: 0.75em;
    padding-bottom: 0.5em;
}

.product-information .menu {
    list-style: none;
    padding: 0;
}

.product-information a {
    color: #0098cd;
    font-family: 'Noto Sans',Arial,sans-serif;
    text-decoration: none;
}

.product-information a:hover {
    color: #34cbff;
}

.test-server-banner {
    position: fixed;
    left: 0;
    bottom: 0;
    right: 0;
    height: 30px;
    background: orange;
    font-size: 20px;
    text-align: center;
    color: white;
}

.bottom-header {
    background: #003366;
}

.inline-links {
    margin: 0;
    float: right;
    padding: 0;
    list-style: none;
}

.inline-links>li {
    float: left;

}

.logo {
    display: block;
}

.inline-links>li a {
    padding: 5px 10px;
    display: block;
}

.searching {
    margin-top: 5px;
}

#searching-form {
    background: url(../images/search-icon.png) no-repeat right 10px center #dedede;
    padding: 6px 40px 6px 10px;
    max-width: 210px;
    border-color: #dedede;
}

.content {
    padding: 30px 0;
}

.muted-title {
    color: rgba(26, 55, 97, 0.4);
}

.half-part {
    float: left;
    width: 50%;
    height: 400px;
    margin: 30px 0;
    padding: 50px 100px;
}

.login-part-title {
    margin-bottom: 30px;
}

.line {
    width: 1px;
    top: 0;
    bottom: 0;
    background: #dedede;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
}

.or-line {
    display: block;
    width: 40px;
    height: 40px;
    background: #fff;
    border: 1px solid #dedede;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    padding: 8px;
    color: #dedede;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}

.login-form label {
    color: #003366;
}

.social-login {
    margin: 0;
    padding: 0;
    list-style: none;
}

.social-login>li {
    margin: 20px 0;

}

.social-login>li a {
    display: block;
    width: 100%;
    padding: 10px 15px 10px 65px;
    position: relative;
    color: #fff;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.button-line {
    position: absolute;
    left: 43px;
    top: 0;
    bottom: 0;
    width: 1px;
}

.facebook-login {
    background: url(../images/fb-icon.png) no-repeat left 10px center #445f97;
    border: 1px solid #243f76;
    border-bottom: 2px solid #243f76;
}

.linkedin-login {
    background: url(../images/li-icon.png) no-repeat left 10px center #126fac;
    border: 1px solid #0d5788;
    border-bottom: 2px solid #0d5788;
}

.googleplus-login {
    background: url(../images/gp-icon.png) no-repeat left 10px center #e0513a;
    border: 1px solid #ae1800;
    border-bottom: 2px solid #ae1800;
}

.facebook-login .button-line {
    background: #243f76;
}

.linkedin-login .button-line {
    background: #0d5788;
}

.googleplus-login .button-line {
    background: #ae1800;
}

.sidebar-navigation {
    margin: 0 0 20px 0;
    padding: 0;
    list-style: none;
    border-top: 1px solid #003366;
}

.sidebar-navigation>li {
    border-bottom: 1px solid #fff;
}

.sidebar-navigation>li a {
    position: relative;
    padding: 12px 40px 12px 20px;
    background: #f8f8f8;
    display: block;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.sn-arrow {
    font-size: 0.8em;
    position: absolute;
    width: 12px;
    height: 12px;
    display: block;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
    color: #b6b6b6;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.sidebar-navigation>li a:hover,
.sidebar-navigation>li a.active {
    color: #fff;
    background-color: #99CC0D;
}

.sidebar-navigation>li a:hover .sn-arrow,
.sidebar-navigation>li a.active .sn-arrow {
    color: #fff;
}

.my-profile {
    display: block;
    position: relative;
    padding: 15px 60px 15px 0;
}

.my-profile .small-title {
    display: block;
    text-transform: uppercase;
    font-size: 0.85em;
}

.my-profile .big-title {
    /*font-size:1.6em;*/
    font-size: 1.0em;
    font-weight: 700;
    display: block;
}

.settings {
    display: block;
    width: 24px;
    height: 24px;
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.settings span {
    font-size: 1.6em;
}

.item-info img {
    width: 100%;
}

.item-info h4 {
    color: #fff;
    margin: 0;
    padding: 10px 20px;
    background: #0099CC;
    font-weight: normal;
}

.internal-title {
    font-size: 2.2em;
}

.order-interactive {
    height: 150px;
    position: relative;
}

.horizontal-line {
    height: 4px;
    background: #dedede;
    position: absolute;
    bottom: 50px;
    display: block;
    left: 0;
    right: 0;

}

.status-bar {
    position: absolute;
    height: 4px;
    background: #0099CC;
    bottom: 50px;
    left: 0;

}

.status-bar.level-1 {
    right: 87%;
}

.status-bar.level-2 {
    right: 70%;
}

.status-bar.level-3 {
    right: 55%;
}

.status-bar.level-4 {
    right: 44%;
}

.status-bar.level-5 {
    right: 30%;
}

.status-bar.level-6 {
    right: 0%;
}

.circle {
    position: absolute;
    display: block;
    bottom: 0;
    width: 50px;
    height: 50px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dedede;
    margin: auto;
    left: 0;
    right: 0;

}

.circle-content {
    width: 100px;
    position: absolute;
    bottom: 25px;
    padding-bottom: 55px;
    text-align: center;
    margin-left: -50px;
}

.circle-content.circle-content-1 {
    left: 14.28%;
}

.circle-content.circle-content-2 {
    left: 28.56%;
}

.circle-content.circle-content-3 {
    left: 42.84%;
}

.circle-content.circle-content-4 {
    left: 57.12%;
}

.circle-content.circle-content-5 {
    left: 71.4%;
}

.circle-content.circle-content-6 {
    left: 85.68%;
}

.circle-level-1 {
    background: url(../images/c1.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-1 {
    background: url(../images/c1-active.png) no-repeat center center #0099CC;
}

.circle-level-2 {
    background: url(../images/c2.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-2 {
    background: url(../images/c2-active.png) no-repeat center center #0099CC;
}

.circle-level-3 {
    background: url(../images/c3.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-3 {
    background: url(../images/c3-active.png) no-repeat center center #0099CC;
}

.circle-level-4 {
    background: url(../images/c4.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-4 {
    background: url(../images/c4-active.png) no-repeat center center #0099CC;
}

.circle-level-5 {
    background: url(../images/c5.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-5 {
    background: url(../images/c5-active.png) no-repeat center center #0099CC;
}

.circle-level-6 {
    background: url(../images/c6.png) no-repeat center center #dedede;
}

.circle-content-active .circle-level-6 {
    background: url(../images/c6-active.png) no-repeat center center #0099CC;
}

.circle-title {
    text-transform: uppercase;
    font-size: 0.85em;
    color: #dedede;
    line-height: 0.85em;
}

.circle-content.circle-content-active .circle-title {
    color: #0099CC;
}

.gray-box {
    background: #f8f8f8;
    padding: 15px;
    margin: 20px 0;
    font-size: 0.9em;
}

.choices-header {
    font-size: 18px;
    background: #FFF;
    margin-left: 0;
    padding-left: 0;
    border-bottom: 1px solid;
}

.small-title {
    font-size: 0.9em;
    font-weight: bold;
}

.product-tabs-list {
    margin: 10px 0;
    list-style: none;
    padding: 0;
    text-align: center;
}

.product-tabs-list>li {
    display: inline-block;
    margin: 0 10px;
}

.product-tabs-list>li a {
    display: block;
    padding: 10px 10px 10px 50px;
    background: #b4b4b4;
    color: #fff;
    text-transform: uppercase;
    position: relative;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
    font-weight: bold;
}

.product-tabs-list>li.active a {
    background: #003366;
}

.button-icon {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 40px;
    border-right: 2px solid #fff;
}

.interior-btn .button-icon {
    background: url(../images/interior-icon.png) no-repeat center center #99CC0D;
}

.exterior-btn .button-icon {
    background: url(../images/exterior-icon.png) no-repeat center center #0099CC;
}

.special-btn .button-icon {
    background: url(../images/special-icon.png) no-repeat center center #cc9900;
}

.area-selected {
    padding: 20px;
    margin: 20px 0;
    /*border: 1px solid #cad1da;*/
}

.area-selected-title {
    border-top: 2px solid #99CC0D;
    text-align: center;
}

.area-selected-title h2 {
    display: inline-block;
    text-transform: uppercase;
    font-weight: 700;
    color: #fff;
    background: #003366;
    margin-top: 0;
    padding: 10px 30px;
    position: relative;
    font-size: 1.4em;
    margin-bottom: 20px;
}

.area-selected h2:after {
    position: absolute;
    content: "";
    display: block;
    width: 28px;
    top: 0;
    left: 100%;
    height: 41px;
    background: url(../images/right-arrow.png) no-repeat center center;
}

.area-selected h2:before {
    position: absolute;
    content: "";
    display: block;
    width: 28px;
    top: 0;
    right: 100%;
    height: 41px;
    background: url(../images/left-arrow.png) no-repeat center center;
}

.arrow-separator {
    height: 70px;
    position: relative;
}

.dotted-line {
    position: absolute;
    height: 1px;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border-top: 1px dotted #b4b4b4;
}

.dot-arrow {
    display: block;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    border: 1px dotted #b4b4b4;
    text-align: center;
    padding: 12px 10px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #b4b4b4;
    font-size: 0.8em;
}

.area-selected .radio-inline {
    background: #f8f8f8;
    padding-top: 50px;
    max-width: 150px;
    padding-left: 0;
}

.form-area-selected {
    text-align: center;
}

.form-images img {
    width: 100%;
}

.name-radio {
    display: block;
    padding: 5px 10px;
    background: #b4b4b4;
    color: #fff;
    font-size: 0.85em;
}

.radio-option-fire,
.radio-option-water,
.radio-option-sound {
    display: none;
}

.radio-inline.selected .name-radio {
    background: #003366;
}

.area-selected .radio-inline.water-no {
    background: url(../images/no-water.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.water-no.selected {
    background: url(../images/no-water-active.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.water-yes {
    background: url(../images/water.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.water-yes.selected {
    background: url(../images/water-active.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.fire-yes {
    background: url(../images/fire.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.fire-yes.selected {
    background: url(../images/fire-active.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.fire-no {
    background: url(../images/no-fire.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.fire-no.selected {
    background: url(../images/no-fire-active.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.sound-yes {
    background: url(../images/sound.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.sound-yes.selected {
    background: url(../images/sound-active.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.sound-no {
    background: url(../images/no-sound.png) no-repeat top 5px center #f8f8f8;
}

.area-selected .radio-inline.sound-no.selected {
    background: url(../images/no-sound-active.png) no-repeat top 5px center #f8f8f8;
}

.products-list,
.products-list-alpha {
    margin: 0;
    padding: 0;
    list-style: none;
}

.products-list li,
.products-list-alpha li {
    float: left;
    width: 33.33%;
    margin-left: -1px;
    margin-top: -1px;
    height: 130px;
    border: 1px solid #d1d7df;
    padding: 20px;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.product-name {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 5px;
}

.product-description {
    font-size: 0.9em;
}

.product-link {
    display: inline-block;
    padding: 6px 20px;
    background: #b4b4b4;
    font-size: 0.9em;
    color: #fff;
}

.products-list li:hover {
    background: #003366;
}

.products-list li:hover .product-name,
.product-description,
.products-list li:hover .product-description {
    color: #fff;
}

.products-list li:hover .product-link,
.product-link:hover {
    color: #fff;
    background: #99CC0D;
}

.button-gray-box.gray-box {
    position: relative;
    padding-right: 130px;
}

.button-gray-box.gray-box a {
    display: block;
    width: 110px;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    padding: 13px 10px;
    background: #003366;
    color: #fff;
    text-align: center;
}

.button-gray-box.gray-box a span {
    font-size: 0.85em;
}

.button-gray-box.gray-box h3 {
    font-size: 1.2em;
    margin: 0;
}

.specification-box {
    border: 1px solid #dedede;
    padding: 20px;
    border-top: 2px solid #99CC0D;
    position: relative;
    padding-top: 50px;
}

.specification-title {
    margin: 20px 0 10px 0;
    text-transform: uppercase;
    color: #003366;
    font-weight: bold;
    font-size: 1.2em;
}

.specification-description {
    color: rgba(25, 55, 97, 0.6);
}

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

.specification-list>li {
    float: left;
    width: 33.3%;
    height: 40px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.9em;
    color: rgba(25, 55, 97, 0.6);
    background: url(../images/dot.png) no-repeat left center;
}

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

.items>li {
    padding: 10px 100px 10px 150px;
    border-bottom: 1px dotted #dedede;
    position: relative;
    border-width: 2px
}

.items>li:last-child {
    border: 0;
}

.items>li .product-link {
    position: absolute;
    right: 20px;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30px;
}

.category-image {
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    max-width: 140px;
    height: auto;
    margin: auto;
}

.specification-head {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    padding: 10px 10px 10px 240px;
}

.specification-head h4 {
    position: absolute;
    display: inline-block;
    left: 0;
    top: 0;
    padding: 10px;
    background: #99CC0D;
    color: #fff;
    margin: 0;
    font-size: 1em;
}

.specification-head h4:after {
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    width: 24px;
    height: 35px;
    background: url(../images/arrow-green.png) no-repeat center center;
}

.box-parts {
    height: 400px;
    position: relative;
}

.box-parts .half-part {
    padding: 50px 80px;
}

.box-parts .half-part.left-part {
    padding-top: 10px;
}

.mascot-link {
    display: block;
    text-align: center;
}

.mascot-link img {
    max-width: 180px;

}

.mascot-title {
    color: #fff;
    display: inline-block;
    padding: 10px 20px;
    background: #0099CC;
    font-size: 0.9em;
}

.making-buttons {
    margin: 0;
    padding: 0;
    list-style: none;
}

.making-buttons>li {
    margin: 10px 0;
}

.making-buttons>li a {
    display: block;
    padding: 15px 30px 15px 20px;
    color: #fff;
    position: relative;
    -webkit-transition: all 500ms;
    -moz-transition: all 500ms;
    -o-transition: all 500ms;
    transition: all 500ms;
}

.making-buttons>li a.blue {
    background: #0099CC;
}

.making-buttons>li a.blue:hover,
.making-buttons>li a.blue:focus {
    background: #126fac;
}

.making-buttons>li a.green {
    background: #99CC0D;
}

.making-buttons>li a.green:hover,
.making-buttons>li a.green:focus {
    background: #92ba36;
}

.making-buttons>li a.yellow {
    background: #fecc17;
}

.making-buttons>li a.yellow:hover,
.making-buttons>li a.yellow:focus {
    background: #f4c417;
}

.making-buttons>li a span {
    font-size: 1.2em;
}

.making-buttons>li a span.button-arrow {
    position: absolute;
    font-size: 0.8em;
    display: block;
    width: 12px;
    height: 12px;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
}

.internal-subtitle {
    color: #99CC0D;
    font-size: 1.2em;
}

.status-label,
.status-label:hover,
.status-label:focus {
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    background: #003366;
    border: none;
}

.remove-button {
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    background: #424242;
}

.remove-button:hover,
.remove-button:focus {
    display: inline-block;
    padding: 3px 10px;
    color: #fff;
    background: #424242;
}

.product-size {
    font-size: 0.9em;
    color: rgba(25, 55, 97, 0.6);
}

.new-offer {
    display: inline-block;
    padding: 10px 20px;
    border: 2px solid #0099CC;
    color: #0099CC;
    font-weight: bold;
    text-transform: uppercase;
}

.new-offer:hover,
.new-offer:focus {
    color: #fff;
    background: #0099CC;
}

.red-cell {
    color: #fff;
    background: #e2024c;
}

.footable tbody tr:hover td.red-cell {
    color: #fff;
}

@media (max-width: 940px) {
    .half-part {
        padding: 20px;
    }

    .line,
    .or-line {
        display: none;
    }
}

@media (max-width: 768px) {
    #navbar {
        padding-left: 15px;
        padding-right: 15px;
    }

    .half-part {
        float: none;
        display: block;
        width: 100%;
        height: auto;
        position: initial;
        padding: 20px 20px !important;
        margin: 0;
    }

    .line,
    .or-line {
        display: none;
    }

    .logo {
        width: 120px;
    }

    .logo img {
        max-width: 100%;
    }

    .inline-links>li a {
        padding: 5px;
        font-size: 0.7em;
    }

    .inline-links>li a img {
        max-width: 14px;
    }

    #searching-form {
        max-width: 150px;
    }

    .product-tabs-list>li {
        display: block;
        margin-bottom: 10px;
    }

    .area-selected-title h2 {
        padding: 13px;
        font-size: 1.1em;
    }

    .area-selected {
        padding: 15px;
    }

    .area-selected .radio-inline {
        margin-bottom: 10px;
    }

    .products-list li {
        width: 100%;
        float: none;
        height: auto;
    }

    .specification-list>li {
        width: 100%;
        height: auto;
        margin: 5px 0;
    }
}

@media (max-width: 480px) {
    .order-interactive {
        height: 350px;
        margin: 20px 0;
    }

    .horizontal-line {
        width: 4px;
        height: 100%;
        top: 0;
        bottom: 0;
        left: 50px;
        right: initial;
    }

    .status-bar {
        width: 4px;
        height: auto;
        top: 0;
        bottom: initial;
        left: 50px;
        right: initial;
    }

    .status-bar.level-1 {
        bottom: 85%;
    }

    .status-bar.level-2 {
        bottom: 66.4%;
    }

    .status-bar.level-3 {
        bottom: 49.8%;
    }

    .status-bar.level-4 {
        bottom: 33.2%;
    }

    .status-bar.level-5 {
        bottom: 0%;
    }

    .circle-content {
        width: 100%;
        bottom: initial;
        left: 25px;
        padding-left: 55px;
        padding-bottom: 0;
        margin: 0;
        text-align: left;
    }

    .circle {
        left: 0px;
        top: 0;
        bottom: 0;
        right: initial;
    }

    .circle-content.circle-content-1 {
        top: 16.6%;
        left: 25px;
    }

    .circle-content.circle-content-2 {
        top: 33.2%;
        left: 25px;
    }

    .circle-content.circle-content-3 {
        top: 49.8%;
        left: 25px;
    }

    .circle-content.circle-content-4 {
        top: 66.4%;
        left: 25px;
    }

    .circle-content.circle-content-5 {
        top: 83%;
        left: 25px;
    }

    .specification-head {
        position: initial;
        padding: 0;
    }

    .specification-head h4 {
        position: initial;
        display: block;
        margin-bottom: 10px;
    }

    .specification-head h4:after {
        display: none;
    }

    .specification-box {
        padding: 15px;
    }

    .items>li {
        padding: 60px 0 60px 0;
    }

    .category-image {
        top: 10px;
        left: 0;
        right: 0;
        bottom: initial;

    }

    .items>li .product-link {
        bottom: 10px;
        top: initial;
        left: 0;
        text-align: center;
        right: 0;
    }
}

/* Panzoom */
.panzoom {
    display: block;
}

.panzoom img {
    width: 100%;
}

/* Bubble */
.bubble {
    position: relative;
    max-width: 400px;
    height: auto;
    padding: 0px;
    background: #F8F8F8;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    border: #011749 solid 3px;
    min-height: 65px;
}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 5px 19px 5px 0;
    border-color: transparent #F8F8F8;
    display: block;
    width: 0;
    z-index: 1;
    margin-top: -5px;
    left: -19px;
    top: 45px;
}

.bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 7px 21px 7px 0;
    border-color: transparent #011749;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -7px;
    left: -24px;
    top: 45px;
}

.bubble p {
    width: 100%;
    padding: 10px 15px;
}

.ask-luccy {
    /*width: 900px;*/
    margin-bottom: 30px;
}

.ask-luccy img {
    width: auto;
    height: 210px;
}

.ask-luccy div {
    /*padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;*/
}

.ask-luccy .bubble {
    margin-top: 25px;
    margin-bottom: 25px;
}

/* Footable pagination */
.footable>tfoot>tr>th,
.footable>tfoot>tr>td {
    background-color: #99CC0D !important;
    border: 1px solid #99CC0D !important;
}

.footable tfoot {
    text-align: center !important;
    color: white !important;
}

#js-totalPrice {
    text-align: right;
}

.js-price {
    text-align: right !important;
    white-space: nowrap;
}

/* Editable */
.editable-click {
    border-bottom: dashed 1px #0099cc;
    color: #0099cc;
    font-weight: bold;
}

/* Selected block */
.selected-block {
    background: #003366 !important;
}

.selected-block h3 {
    color: white;
}

.selected-block p {
    color: white;
}


.selected-block .product-link {
    color: #fff;
    background: #99CC0D;
}

/* Product link button */
button.product-link {
    border: none;
}

/* Filters */
#filters .js-filter {
    display: inline-block;
    padding: 7px 15px 5px 15px;
    background: #f7f7f7;
    border: 1px solid #ddd;
    margin-right: 5px;
    margin-bottom: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;
}

#filters .js-filter-label {
    font-size: 0.9em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

#filters .js-filter .dropdown-menu {
    padding: 0;
    margin: 0;
}

#filters .js-filter .dropdown-menu>li {
    padding: 15px;
}

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

.mover-bottom {
    margin-bottom: 20px;
}

/* Luccy: product dimensions */
.image-shape-button {
    cursor: pointer;
    margin: 20px 20px 20px 0;
}

.image-shape-button-active {
    background: #001648;
}

/* Luccy: Perforaties */
#perforatie-choices {
    padding: 0;
    border: 0;
}

.table-view {
    display: table;
    width: 100%;
    vertical-align: top;
    border-collapse: collapse;
    border: 1px solid #ddd;
}

.table-view .products-list>li,
.table-view .products-list-alpha>li {
    float: none;
    width: 100%;
    display: block;
}

.table-view .products-list>li:nth-child(odd) {
    background: #f0f0f0;
}

.table-view .products-list>li:hover .product-name,
.product-description,
.table-view .products-list>li:nth-child(odd):hover .product-name {
    color: #fff;
}

.table-view .products-list>li:hover,
.table-view .products-list>li:nth-child(odd) :hover {
    /*ackground: #1a3761;*/
}

.table-view .products-list>li:hover .product-link,
.table-view .products-list>li:nth-child(odd):hover .product-link {
    color: #fff;
    background: #99c339;
}

.table-view .gray-box {
    margin-top: -20px;
    margin-left: -20px;
    margin-right: -20px;
    display: block;
}

.cell-view {
    display: table-cell;
    padding: 20px;
    min-height: 100px;
    border: 1px solid #ddd;
    vertical-align: top;
}

.cell-view-35 {
    width: 35%;
}

.cell-view-30 {
    width: 30%;
}

.arrow-cell {
    position: relative;
}

.arrow-display {
    position: absolute;
    top: 80px;
    bottom: 80px;
    margin: auto;
    left: 0;
    right: 0;
    width: 50px;
    background: url(../images/arrow-vertical.png) no-repeat bottom center;
}

.arrow-display:before {
    content: "";
    width: 3px;
    position: absolute;
    top: 0;
    bottom: 3px;
    margin: auto;
    left: 0;
    right: 0;
    background: #003366;
}

.cell-view.cell-view-30 {
    vertical-align: middle;
}

.bottom-arrow-text {
    position: absolute;
    bottom: 20px;
    left: 20px;
    right: 20px;
}

.table-view .value-list {
    margin: 0;
    padding: 0;
    list-style: none;
    display: table !important;
    ;
    width: 100%;
    text-align: center;
    vertical-align: middle !important;
}

.table-view .value-list>li {
    height: 100px;
    width: 100%;
    display: table-row !important;
    ;
    background: #f0f0f0;
    text-align: center;
    vertical-align: middle !important;
}

.table-view .value-list>li span {
    display: table-cell !important;
    ;
    width: 100%;
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle !important;

}

.value-list>li:nth-child(even) {
    background: #fff;
}

.no-break {
    white-space: nowrap !important;
    text-align: right;
}

/* Product description: luccy */
.product-description {
    margin-bottom: 10px;
    color: #003366;
    min-height: 17px;
}

li>p.product-description {
    width: 70%;
}

/* LAYOUT CHANGE -- REQUEST BY PASCAL*/
/* REMOVE AT OWN RISK */
@media (min-width: 1200px) {
    .container {
        width: 80% !important;
    }

    .logged-out {
        max-width: 70% !important;
    }
}

/* Footable: Knp pagination */
.footable ul.pagination li a {
    padding: 5px 8px;
    margin: 0px 1px;
    font-size: 14px;
    color: white !important;
    border: none;
    background: none !important;
}

.footable ul.pagination li span {
    padding: 5px 8px;
    margin: 0px 1px;
    font-size: 14px;
    color: white !important;
    border: none;
    background: none !important;
}

.footable ul.pagination li.active span {
    border: 1px solid white !important;
}