/* Load core in favor of the old load color-scheme */
/* The core will from now on really be the core. If anything gets changed here it will change in all themes */
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,700');

/* Color Schemes */
/* Edit this only! */
@primary-color: #fff;
@secondary-color: #212121;
@thirth-color: #f89a35;
@fourth-color: #212121;
@fifth-color: #dbe3ee;
@btn-color-hover: #404040;
@btn-color-focus: @btn-color-hover;
@second-btn-color-hover: @primary-color;
@darkgray-color: #404040; // WARNING: This property will be deleted in future versions
@light-color: #9f9f9f;
@light-gray-color: #ededed;
@medium-gray-color: #ccc;
@dark-gray-color: #404040;
@medium-dark-grey:#6f6f6f;
@gradient-start-color: #1d9cd8;
@gradient-end-color: #0460aa;
@gray-primary-color: #a6a6a6;
@heading-color: #1e1e1e;
@font-color: #1e1e1e;
@border-radius: 3px;
@error-color: 	#8B0000;
@font-size-base: 1rem;

@btn-warning-color:#a6a6a6;
@btn-alert-color:#FF4C4C;
@btn-success-color:#5cb85c;
@grid-gutter-width: 30px;
@alert-successBtn-color:#3c763d;
@alert-dangerBtn-color:#a94442;
@hr-color: #eee; 
@odd-bg-color: #f0f0f0;

/* Fonts */
@primary-font: 'Montserrat', sans-serif;
@secondary-font: 'Open Sans', sans-serif;
/* Header */
    /* Primary header */
    @primary-header-background-color: #fff;
    @primary-header-icon-color: @medium-gray-color;

    /* Secondary header */
    @secondary-header-background-color: @thirth-color;
    @secondary-header-border-top: none;

    /* Top bar */
    @top-bar-background-color: @fourth-color;
    @top-bar-font-size: 12px; 
    @top-bar-text-color: #fff;
    @top-bar-link-color: #fff;
    @top-bar-link-hover-color: #ccc;
    @top-bar-icon-color: #4d4e4c;

/* Hamburger menu */
@hamburger-menu-color: #fff;

/* Navigation */
@navigation-link-background-color: transparent;
@navigation-link-color: #fff;
@navigation-link-border-radius: 0;
@navigation-link-hover-color: @fourth-color;
@navigation-link-hover-background-color: @primary-color;
@navigation-link-hover-color: @secondary-color;
@navigation-link-focus-background-color: @primary-color;
@navigation-link-focus-color: @secondary-color;
@navigation-link-active-background-color: @primary-color;
@navigation-link-active-color: @secondary-color;

    /* Dropdown */
    @navigation-dropdown-background-color: @primary-color;
    @navigation-dropdop-padding: 10px 0px 10px 10px;
    @navigation-dropdown-link-background-color: transparent;
    @navigation-dropdown-link-color: @secondary-color;
    @navigation-dropdown-link-border-radius: 3px 0 0 3px;
    @navigation-dropdown-link-hover-background-color: @secondary-color;
    @navigation-dropdown-link-hover-color: @thirth-color;
    @navigation-dropdown-html-content-border: 1px solid #ededed;

/* Badge */
@badge-background-color: @secondary-color;
@badge-text-color: @thirth-color;

/* Label (component) */
@label-background-color: @thirth-color;
@label-text-color: @primary-color;

/* Tabs */
@tab-background-color: transparent;
@tab-text-color: @secondary-color;
@tab-border: 1px solid transparent;
@tab-hover-background-color: #FDFDFD;
@tab-hover-text-color: #000;
@tab-hover-border: 1px solid #ddd;
@tab-active-background-color: transparent;
@tab-active-text-color: #000;
@tab-active-border: 1px solid #ddd;

/* Collapse (accordion) */
@panel-background-color: transparent;
@panel-border: none;
@panel-border-radius: 5px;
@panel-box-shadow: none;
@panel-heading-background-color: @secondary-color;
@panel-heading-color: #fff;
@panel-heading-border-color: transparent;
@panel-heading-padding: 10px 15px;
@panel-heading-hover-background-color: #ededed;
@panel-heading-hover-color: #000;
@panel-heading-hover-border-color: transparent;
@panel-heading-active-background-color: #ededed;
@panel-heading-active-color: #000;
@panel-heading-active-border-color: transparent;
@panel-border-radius: 0;

/* Tooltip */
@tooltip-background-color: #333;
@tooltip-border: 1px solid #333;
@tooltip-box-shadow: 0 0 3px #ccc;
@tooltip-color: #fff;
@tooltip-font-size: 11px;
@tooltip-font-weight: 500;
@tooltip-arrow-color: #333;

/* Breadcrumbs */
@breadcrumb-container-background-color: transparent;
@breadcrumb-text-transform: uppercase;
@breadcrumb-link-color: @fourth-color;
@breadcrumb-link-hover-color: @thirth-color;
@breadcrumb-seperator: "\f105"; // Font awesome unicodes only!
@breadcrumb-seperator-color: #b7b7b7;
@breadcrumb-last-link-color: #000; // The current page, has pointer-events: none; on it!

/*Footer styling*/
@footer-background-color: #000;
@footer-text-color: @primary-color;
@footer-extra-content-row-color: #fff;
@footer-social-row-background-color: #fff;
@footer-social-row-text-color: #000;
@footer-social-row-text-color-hover: @fourth-color;
@footer-content-text-color: @primary-color;
@footer-content-link-text-color: @fifth-color;
@footer-content-link-text-color-hover: @thirth-color;
@footer-copyright-background-color: @fourth-color;
@footer-copyright-text-color: @primary-color;
@footer-copyright-link-color: @medium-gray-color;  

/* Buttons */
    /* Global button rules */
    @btn-padding: 10px;

@btn-basic-background-color: @thirth-color;
@btn-basic-text-color: @secondary-color;
@btn-basic-border: 1px solid @thirth-color;
@btn-basic-border-radius: @border-radius;
@btn-basic-hover-background-color: @thirth-color;
@btn-basic-hover-text-color: @secondary-color;
@btn-basic-hover-border: 1px solid @thirth-color;
@btn-basic-focus-background-color: @thirth-color;
@btn-basic-focus-text-color: @secondary-color;
@btn-basic-focus-border: 1px solid @thirth-color;

@btn-default-background-color: @thirth-color;
@btn-default-text-color: @secondary-color;
@btn-default-border: 1px solid @thirth-color;
@btn-default-border-radius: @border-radius;
@btn-default-hover-background-color: @thirth-color;
@btn-default-hover-text-color: @secondary-color;
@btn-default-hover-border: 1px solid @thirth-color;
@btn-default-focus-background-color: @thirth-color;
@btn-default-focus-text-color: @secondary-color;
@btn-default-focus-border: 1px solid @thirth-color;

@btn-primary-background-color: @thirth-color;
@btn-primary-text-color: @secondary-color;
@btn-primary-border: 1px solid @thirth-color;
@btn-primary-border-radius: @border-radius;
@btn-primary-hover-background-color: @thirth-color;
@btn-primary-hover-text-color: @secondary-color;
@btn-primary-hover-border: 1px solid @thirth-color;
@btn-primary-focus-background-color: @thirth-color;
@btn-primary-focus-text-color: @secondary-color;
@btn-primary-focus-border: 1px solid @secondary-color;

@btn-success-background-color: #86B400;
@btn-success-text-color: @primary-color;
@btn-success-border: 1px solid #86B400;
@btn-success-border-radius: @border-radius;
@btn-success-hover-background-color: #86af49;
@btn-success-hover-text-color: @primary-color;
@btn-success-hover-border: 1px solid #86af49;
@btn-success-focus-background-color: #86af49;
@btn-success-focus-text-color: @primary-color;
@btn-success-focus-border: 1px solid #86af49;

@btn-info-background-color: #034f84;
@btn-info-text-color: @primary-color;
@btn-info-border: 1px solid #0D47A1;
@btn-info-border-radius: @border-radius;
@btn-info-hover-background-color: #034f84;
@btn-info-hover-text-color: @primary-color;
@btn-info-hover-border: 1px solid #0D47A1;
@btn-info-focus-background-color: #034f84;
@btn-info-focus-text-color: @primary-color;
@btn-info-focus-border: 1px solid #0D47A1;

@btn-warning-background-color: #FF6F00;
@btn-warning-text-color: #fff;
@btn-warning-border: 1px solid #FF6F00;
@btn-warning-border-radius: @border-radius;
@btn-warning-hover-background-color: #FF6F00;
@btn-warning-hover-text-color: #fff;
@btn-warning-hover-border: 1px solid #FF6F00;
@btn-warning-focus-background-color: #FF6F00;
@btn-warning-focus-text-color: #fff;
@btn-warning-focus-border: 1px solid #FFA000;

@btn-danger-background-color: #E53935;
@btn-danger-text-color: @primary-color;
@btn-danger-border: 1px solid #B71C1C;
@btn-danger-border-radius: @border-radius;
@btn-danger-hover-background-color: #E53935;
@btn-danger-hover-text-color: @primary-color;
@btn-danger-hover-border: 1px solid #B71C1C;
@btn-danger-focus-background-color: #E53935;
@btn-danger-focus-text-color: @primary-color;
@btn-danger-focus-border: 1px solid #B71C1C;

@btn-link-background-color: #fff;
@btn-link-text-color: @secondary-color;
@btn-link-border: 1px solid @thirth-color;
@btn-link-border-radius: @border-radius;
@btn-link-hover-background-color: #fff;
@btn-link-hover-text-color: @secondary-color;
@btn-link-hover-border: 1px solid @thirth-color;
@btn-link-focus-background-color: #fff;
@btn-link-focus-text-color: @secondary-color;
@btn-link-focus-border: 1px solid @medium-gray-color;

    /* Button icons */
    @btn-basic-icon-color: #3c475c;
    @btn-default-icon-color: #3c475c;
    @btn-primary-icon-color: @secondary-color;
    @btn-success-icon-color: #fff;
    @btn-info-icon-color: #fff;
    @btn-warning-icon-color: #fff;
    @btn-danger-icon-color: #fff;
    @btn-link-icon-color: #000;

@danger-btn-color: #darkred;
@danger-btn-radius: 0;

/* Form control (bootstraps class form input fields) */
@form-control-family: @secondary-font;
@form-control-font-weight: 300;
@form-control-padding: 10px;
@form-control-height: auto;
@form-control-border: 1px solid #ccc;
@form-control-border-radius: 0;
@form-control-input-group-height: 42px;
@form-control-input-group-padding: 0 5px;
@form-control-input-group-border: 1px solid @thirth-color;
@form-control-input-group-hover-border: 1px solid @thirth-color;
@form-control-input-group-focus-border: 1px solid @thirth-color;
    
    @form-control-hover-border: @thirth-color;
    @form-control-focus-border: @thirth-color;

    @form-control-error-border: 1px solid darkred;

/* Active */
@input-active-background: @primary-color;
@input-active-border: 1px solid @input-active-background;

@modal-header-background-color: #fff;
@modal-body-background-color: #fff;

@success-color: #6AC259;
@warning-color: @secondary-color;
@error-color: #B91D1B;
@info-color: #fff8c9;

/* Animations */
@spin-duration: 1s;

html {
    height: 100%;
}

body {
    background-color: #fdfdfd;
    min-height: 100%;
    display: flex;  
    flex-direction: column;
}

html, body, * {
    font-family: @primary-font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Make footer stick at the bottom */
main {
    flex: 1 0 auto;
}

@import "/content/Default/LESS/animate.min.less";
@import "/content/Default/LESS/classes.less";
/*
    Solvisoft components stylesheets

    BETA

    @author Richard Mauritz
    @since  21-08-2018
*/

@import "/content/Default/LESS/components.less";

// IGNORE PLEASE!!!
// Components can also be initialized with a class
// IGNORE PLEASE!!!
div[class*="component"] {
    display: block;
}

/* Active filters component */
active-filters-component {
    display: block;
    margin-bottom: 15px;

    span {
        margin-right: 5px;
        color: #737373;
    }
}

item-slider-component {
    display: block;
}

item-slider-lightbox-component {
    display: none;
    background-color: rgba(255, 255, 255, 1);
    position: fixed;
    top: 0;left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;

    .slider-control {
        background-color: transparent;
        position: absolute;
        border: none;
        color: #000;
        font-size: 44px;
        top: 50%;
        transform: translateY(-50%);

        &:focus {
            outline: none;
        }
    }

    .next-slider-item {
        right: 20px;
    }

    .previous-slider-item {
        left: 20px;
    }

    .close-slider {
        top: 40px;
        right: 20px;
    }

    .lighbox-component-content {
        position: absolute;
        top: 50%;left: 50%;
        transform: translate(-50%, -50%);
    }
}
/* Defaults */
@import "/content/Default/LESS/core.less";
@import "/content/Default/LESS/custom.input.fields.less";
/*
    

    @package Solvisoft
    @author Jan Konert
*/

ol, ul {
    margin: 20px 0;
}

small {
    font-size: 11px;
    font-weight: bold;
    color: @dark-gray-color;

    span {
        font-weight: normal;
    }
}

loading {
    display: block;
    padding: 15px;
}
/*
    Dialog polyfill stylesheet

    @package    Solvisoft
    @author     Google Inc.
    @link       https://github.com/GoogleChrome/dialog-polyfill/blob/master/dialog-polyfill.css
*/

@import "/content/Default/LESS/dialog.less";

/*
    Global stylesheet for form elements

    @package Solvisoft
    @author Richard Mauritz
    @since 31-10-2017
*/

@import "/content/Default/LESS/forms.less";
/*
	Google maps stylesheet.
	Give the google map a custom layout here

	Layout is also used for the [google-maps] directive

	@package Solvisoft
	@author	Richard Mauritz
	@since 12-12-2017
*/

@import "/content/Default/LESS/google.maps.less";
/*
    Hover css stylesheet
    Overwrite all hover classes, defined inside hover.css, from Daneden.

    @package Solvisoft
    @author Richard Mauritz
    @since 04-10-2017
*/

@import "/content/Default/LESS/hover.css.less";
/*
    Default HTML and HTML5 elements, eg. <audio> <article> etc...

    @package Solvisoft
    @author Richard Mauritz
    @since 28-11-2017
*/

/*
    HTML elements
*/

@import "/content/Default/LESS/HTML-elements.less";
/*
    Language selector template

    @package Solvisoft
    @author Richard Mauritz
*/

#language {
    position: relative;

    &:hover {
        background: #fff;

        .transition(.33s);

        > span {
            color: #000;

            .transition(.33s);
        }

        .language-selector {
            display: block;
        }
    }

    &:hover:before {
        background: #fff;
        display: block;
        content: " ";
        position: absolute;
        top: -10px;left: 0;
        width: 100%;
        height: 37px;

        .transition(.33s);
        .box-shadow(0 0 5px #000);
    }

    span {
        position: relative;
        z-index: 25;
        display: block;
        padding: 0 15px;
        color: #fff;
        cursor: pointer;

        &:after {
            right: 15px;
            top: 0;

            .font-awesome("\f107");
        }
    }

    .language-selector {
        display: none;
        background: #fff;
        position: absolute;
        z-index: 1080;
        margin: 0;
        padding: 0;
        left: 0;
        right: 0;
        top: 27px;

        &:after {
            display: block;
            content: " ";
            position: absolute;
            top: 0;left: 0;
            height: 100%;
            width: 100%;
            z-index: -999;

            .box-shadow(0 0 5px #797979);
        }

        &:before {
            display: block;
            background: #fff;
            content: " ";
            position: absolute;
            top: -6px;left: 0;
            height: 6px;
            width: 100%;

            z-index: 30;
        }

        > li {
            display: block;
            margin: 0;
            padding: 0;
            border-top: 1px solid @light-gray-color;

            > a {
                display: block;
                color: #000;
                padding: 10px 15px;
            }
        }
    }
}

@import "/content/Default/LESS/loaders.less";
@import "/content/Default/LESS/ng-bootstrap-select.less";
/*
    Stylesheet for the ng lightbox directive

    @package Solvisoft
    @author Richard Mauritz
    @since 14-11-2017
*/

@import "/content/Default/LESS/ng-lightbox.less";
/*
    Stylesheet when JavaScript is disabled.
    Without JavaScript, the site is not working!

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/noscripts.less";
/*
    Pagination stylesheet.
    
    @author     Richard Mauritz
    @package    Solvisoft
*/

@import "/content/Default/LESS/pagination.less";
/*
    PDF viewer stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 10-04-2018
*/

@import "/content/Default/LESS/pdf.less";

/* Popup defaults */
@import "/content/Default/LESS/popups.less";
@import "/content/Default/LESS/tables.less";
/*
    Toaster stylesheet

    @package    Toaster
    @author     Richard Mauritz
*/

@import "/content/Default/LESS/toaster.less";
/*
    All typography stylesheets

    @package Solvisoft
    @author Richard Mauritz
    @since 28-11-2017
*/

@import "/content/Default/LESS/typography.less";
/*
    Bootstrap alert boxes stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 17-01-2017
*/

@import "/content/Default/LESS/Bootstrap/boostrap.alerts.less";
/*
    Bootstrap accordion (panel) stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.accordion.less";
/*
    Bootstrap badges layout

    @package Solvisoft
    @author Richard Mauritz
    @since 16-01-2016
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.badge.less";
/*
    Bootstrap carousel styles

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.carousel.less";
/*
    Extend bootstrap with more functionality

    @author     none
    @package    Solvisoft
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.extend.less";
/*
    Stylesheets for inputs

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.inputs.less";
/*
    Bootstrap badges layout

    @package Solvisoft
    @author Richard Mauritz
    @since 16-01-2016
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.label.less";
/*
    Bootstrap modal stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.modal.less";
/*
	Bootstrap navbars stylesheet

	@package Solvisoft
	@author	Richard Mauritz
	@since 01-11-2017
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.navbar.less";
/*
    Bootstrap pagination stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.pagination.less";
/*
    Bootstrap popover

    @package Solvisoft
    @author Richard Mauritz
    @since 24-10-2017
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.popover.less";
/*
    Bootstrap tab stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.tabs.less";
/*
	Bootstrap tooltip stylesheet
	
	@package Solvisoft
	@author	Richard Mauritz
	@since 04-10-2017
*/

@import "/content/Default/LESS/Bootstrap/bootstrap.tooltip.less";
/*
    Bootstrap alert boxes stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 15-05-2018
*/

@import "/content/Default/LESS/Bootstrap/UI/bootstrap.ui.datepicker.less";
/* Load core in favor of the old load color-scheme */
/* The core will from now on really be the core. If anything gets changed here it will change in all themes */
@import url('https://fonts.googleapis.com/css?family=Poppins:400,700');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');

/* Color Schemes */
/* Edit this only! */
@primary-color: #fff;
@secondary-color: #212121;
@thirth-color: #c8102e;
@fourth-color: #003087;
@fifth-color: #dbe3ee;
@btn-color-hover: #404040;
@btn-color-focus: @btn-color-hover;
@second-btn-color-hover: @primary-color;
@darkgray-color: #404040; // WARNING: This property will be deleted in future versions
@light-color: #9f9f9f;
@light-gray-color: #ededed;
@medium-gray-color: #ccc;
@dark-gray-color: #404040;
@gradient-start-color: #1d9cd8;
@gradient-end-color: #0460aa;
@heading-color: #1e1e1e;
@font-color: #1e1e1e;
@border-radius: 3px;

/* Fonts */
@primary-font: 'Chivo', sans-serif;
@secondary-font: 'Open Sans', sans-serif;

/* Header */
    /* Primary header */
    @primary-header-background-color: #fff;
    @primary-header-icon-color: @medium-gray-color;
    
    /* Secondary header */
    @secondary-header-background-color: #212121;
    @secondary-header-border-top: none;

    /* Top bar */
    @top-bar-background-color: #212121;
    @top-bar-font-size: 12px; 
    @top-bar-text-color: @primary-color;
    @top-bar-link-color: @primary-color;
    @top-bar-link-hover-color: #ccc;
    @top-bar-icon-color: @thirth-color;

/* Navigation */
@navigation-link-background-color: transparent;
@navigation-link-color: @primary-color;
@navigation-link-hover-background-color: @primary-color;
@navigation-link-hover-color: @thirth-color;
@navigation-link-focus-background-color: @primary-color;
@navigation-link-focus-color: @thirth-color;
@navigation-link-active-background-color: @primary-color;
@navigation-link-active-color: @thirth-color;

@navigation-link-background-color: transparent;
@navigation-link-color: #fff;
@navigation-link-border-radius: 0;
@navigation-link-hover-color: @fourth-color;
@navigation-link-hover-background-color: @primary-color;
@navigation-link-hover-color: @secondary-color;
@navigation-link-focus-background-color: @primary-color;
@navigation-link-focus-color: @secondary-color;
@navigation-link-active-background-color: @primary-color;
@navigation-link-active-color: @secondary-color;

    /* Dropdown */
    @navigation-dropdown-background-color: @primary-color;
    @navigation-dropdown-link-background-color: transparent;
    @navigation-dropdown-link-color: @secondary-color;
    @navigation-dropdown-link-hover-background-color: @secondary-color;
    @navigation-dropdown-link-hover-color: @thirth-color;
    @navigation-dropdown-html-content-border: 1px solid #ededed;

/*Footer styling*/
@footer-background-color: #000;
@footer-text-color: @primary-color;
@footer-extra-content-row-color: #fff;
@footer-social-row-background-color: #fff;
@footer-social-row-text-color: #000;
@footer-social-row-text-color-hover: @fourth-color;
@footer-content-text-color: @primary-color;
@footer-content-link-text-color: @primary-color;
@footer-content-link-text-color-hover: @thirth-color;
@footer-copyright-background-color: @secondary-color;
@footer-copyright-text-color: @primary-color;
@footer-copyright-link-color: @medium-gray-color;  
    

/* Buttons */
@btn-basic-background-color: @primary-color;
@btn-basic-text-color: @thirth-color;
@btn-basic-border: 1px solid @thirth-color;
@btn-basic-border-radius: @border-radius;
@btn-basic-hover-background-color: @primary-color;
@btn-basic-hover-text-color: @secondary-color;
@btn-basic-hover-border: 1px solid @secondary-color;
@btn-basic-focus-background-color: @primary-color;
@btn-basic-focus-text-color: @primary-color;
@btn-basic-focus-border: 1px solid @secondary-color;

@btn-default-background-color: @fourth-color;
@btn-default-text-color: @primary-color;
@btn-default-border: 1px solid @fourth-color;
@btn-default-border-radius: @border-radius;
@btn-default-hover-background-color: @fourth-color;
@btn-default-hover-text-color: @primary-color;
@btn-default-hover-border: 1px solid @fourth-color;
@btn-default-focus-background-color: @fourth-color;
@btn-default-focus-text-color: @primary-color;
@btn-default-focus-border: 1px solid @fourth-color;

@btn-primary-background-color: @thirth-color;
@btn-primary-text-color: @primary-color;
@btn-primary-border: 1px solid @thirth-color;
@btn-primary-border-radius: @border-radius;
@btn-primary-hover-background-color: @thirth-color;
@btn-primary-hover-text-color: @primary-color;
@btn-primary-hover-border: 1px solid @thirth-color;
@btn-primary-focus-background-color: @thirth-color;
@btn-primary-focus-text-color: @primary-color;
@btn-primary-focus-border: 1px solid @primary-color;

@btn-success-background-color: #86B400;
@btn-success-text-color: @primary-color;
@btn-success-border: 1px solid #86B400;
@btn-success-border-radius: @border-radius;
@btn-success-hover-background-color: #86af49;
@btn-success-hover-text-color: @primary-color;
@btn-success-hover-border: 1px solid #86af49;
@btn-success-focus-background-color: #86af49;
@btn-success-focus-text-color: @primary-color;
@btn-success-focus-border: 1px solid #86af49;

@btn-info-background-color: #034f84;
@btn-info-text-color: @primary-color;
@btn-info-border: 1px solid #0D47A1;
@btn-info-border-radius: @border-radius;
@btn-info-hover-background-color: #034f84;
@btn-info-hover-text-color: @primary-color;
@btn-info-hover-border: 1px solid #0D47A1;
@btn-info-focus-background-color: #034f84;
@btn-info-focus-text-color: @primary-color;
@btn-info-focus-border: 1px solid #0D47A1;

@btn-warning-background-color: #FF6F00;
@btn-warning-text-color: #fff;
@btn-warning-border: 1px solid #FF6F00;
@btn-warning-border-radius: @border-radius;
@btn-warning-hover-background-color: #FF6F00;
@btn-warning-hover-text-color: #fff;
@btn-warning-hover-border: 1px solid #FF6F00;
@btn-warning-focus-background-color: #FF6F00;
@btn-warning-focus-text-color: #fff;
@btn-warning-focus-border: 1px solid #FFA000;

@btn-danger-background-color: #E53935;
@btn-danger-text-color: @primary-color;
@btn-danger-border: 1px solid #B71C1C;
@btn-danger-border-radius: @border-radius;
@btn-danger-hover-background-color: #E53935;
@btn-danger-hover-text-color: @primary-color;
@btn-danger-hover-border: 1px solid #B71C1C;
@btn-danger-focus-background-color: #E53935;
@btn-danger-focus-text-color: @primary-color;
@btn-danger-focus-border: 1px solid #B71C1C;

@btn-link-background-color: @thirth-color;
@btn-link-text-color: @primary-color;
@btn-link-border: 1px solid @thirth-color;
@btn-link-border-radius: @border-radius;
@btn-link-hover-background-color: @thirth-color;
@btn-link-hover-text-color: @primary-color;
@btn-link-hover-border: 1px solid @thirth-color;
@btn-link-focus-background-color: @thirth-color;
@btn-link-focus-text-color: @primary-color;
@btn-link-focus-border: 1px solid @thirth-color;

    /* Button icons */
    @btn-basic-icon-color: #3c475c;
    @btn-default-icon-color: #fff;
    @btn-primary-icon-color: #fff;
    @btn-success-icon-color: #fff;
    @btn-info-icon-color: #fff;
    @btn-warning-icon-color: #fff;
    @btn-danger-icon-color: #fff;
    @btn-link-icon-color: #fff;

@danger-btn-color: #darkred;
@danger-btn-radius: 0;

/* Active */
@input-active-background: @primary-color;
@input-active-border: 1px solid @input-active-background;

/* Form control (input fields) */
@form-control-font-family: @primary-font;
@form-control-font-weight: 300;
@form-control-font-size: 14px;
@form-control-padding: 10px;
@form-control-border: 1px solid #333;
@form-control-hover-border: 1px solid #333;
@form-control-focus-border: 1px solid @thirth-color;
@form-control-border-radius: @border-radius;

@modal-header-background-color: #fff;
@modal-body-background-color: #fff;

@success-color: #6AC259;
@warning-color: @secondary-color;
@error-color: #B91D1B;
@info-color: #fff8c9;

/* Animations */
@spin-duration: 1s;

html {
    height: 100%;
}

body {
    background-color: #fdfdfd;
    min-height: 100%;
    display: flex;  
    flex-direction: column;
}

html, body, * {
    font-family: @primary-font;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Make footer stick at the bottom */
main {
    flex: 1 0 auto;
}
/*
    Breadcrumbs stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 27-10-2017
*/

#breadcrumb {
    margin: 25px 0 0;

    & ol,
    & li {
        display: block;
        margin: 0;
        padding: 0;
    }

    & li {
        position: relative;
        display: inline-block;
        color: @medium-gray-color;
        font-size: 12px;

        &~li {
            &:before {
                content: "\0279D";
                padding-right: 5px;
            }
        }
    }

    & a {
        color: @medium-gray-color;

        &:hover {
            color: @thirth-color;
            text-decoration: none;
        }
    }
}

.content-breadcrumb {
    position: absolute;
    width: 100%;
    z-index: 20;
}
/*
    Cart stylesheet

    Current cart layout is the same as the basket.
    See /content/views/basket/basket.less for the css rules
*/

.accept-terms {
    > label {
        cursor: pointer;
        background-color: #fff;
        padding: 10px;
        color: @secondary-color;
        margin-bottom: 25px;
        border-radius: @border-radius;

        .box-shadow(1px 1px 3px -1px #ccc);

        span {
            font-weight: bold;
        }

        a {
            color: @thirth-color;
        }
    }
}
/*
    Categorie tile navigation row stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 05-10-2017
*/

.category-comment {
    margin-top: 25px;
}

.category-tile {
    text-align: center;
    margin-top: 15px;
    margin-bottom: 15px;

    &:hover img {
        opacity: 1;

        .transition(.33s);
    }

    a:hover {
        text-decoration: none;
    }

    .category-image {
        position: relative;
        min-height: 150px;
    }

    .category-description:first-letter{
        text-transform: capitalize
    }
}

.category-tile img {
    position: absolute;
    top: 50%;left: 50%;
    display: block;
    max-height: 150px;
    max-width: 150px;
    margin: 0 auto;

    -webkit-transform: translate(-50%, -50%);
       -moz-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);

    .transition(.33s);
}
.vertical-alignment-helper {
	display: table;
	height: 100%;
	width: 100%;
}
.vertical-align-center {
	display: table-cell;
	vertical-align: middle;
}
.font-weight-bold {
    font-weight: 600;
}
.text-align-right {
    text-align: right;
}
.modal {
    &.customer-group-popup {
        .modal-body {
            padding: (0.5 * @grid-gutter-width) (1.1667 * @grid-gutter-width);
        }
        .modal-header {
            border-bottom: none;
            padding: 0;
        }
        .modal-center {
            width: 450px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%,-50%);
            -webkit-transform: translate(-50%,-50%);
            -moz-transform: translate(-50%,-50%);
            -o-transform: translate(-50%,-50%);
            -ms-transform: translate(-50%,-50%);
            margin: 0 auto;
            @media only screen and (max-width : 480px) {
                width: 100%;
                margin: 0;
                max-width: 365px;
            }
            .modal-content {
	            margin: 0 auto;
                &.price-modal-content {
                    border: 1px solid @medium-gray-color;
                    border-radius: 0;
	                border-left: (0.2667 * @grid-gutter-width) solid @thirth-color;
                }
            }
            .price-modal-btn {
	            border: 1px solid @gray-primary-color;
                background: transparent;
                width: 100%;
                border-radius: 4px;
                padding: (0.1667 * @grid-gutter-width) 0 ;
	            margin-bottom: (0.33 * @grid-gutter-width);
                position: relative;
                @media only screen and (max-width: 480px) {
                    padding-bottom: 0;
                    padding: (0.33 * @grid-gutter-width);
                }
                .contact-form-header {
                    display: block;
                    font-size: 16px;
                }
                .contact-form-content {
                    @media only screen and (max-width : 480px) {
                        font-size: 12px;
                    }
                    @media only screen and (max-width : 320px) {
                        font-size: 11px;
                    }
                }
                .price-modal-i-icon {
	                color: @thirth-color;
	                font-size: (1.5 * @grid-gutter-width);
                    position: absolute;
                    right: 5px;
                    top: 50%;
                    left: 40%;
                    transform: translate(40%,-50%);
                    -webkit-transform: translate(40%,-50%);
                    -moz-transform: translate(40%,-50%);
                    -o-transform: translate(40%,-50%);
                    -ms-transform: translate(40%,-50%);
                    @media only screen and (max-width : 480px) {
                        left: 60%;
                        font-size: 35px;
                    }
                    @media only screen and (max-width : 320px) {
                        font-size: 35px;
                    }
                }

            }
        }
    }
}

/*
    Item content category content blocks stylesheet

    @package CTN
    @author Richard Mauritz
    @since 16-11-2017
*/

.extra-content-blocks {
    .extra-content-image {
        img {
            max-height: 200px;

            border-top-left-radius: @border-radius;
            border-top-right-radius: @border-radius;

            .box-shadow(0 0 10px #ccc);
        }
    }

    .extra-content-title {
        padding: 15px;

        > * {
            font-weight: normal;
            font-size: 18px;
            margin-bottom: 0;

        }
    }

    .extra-content-content {
        padding: 0 15px;
    }
}
/*
    Product accessories stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/

.item-accessories .item-relation-image {
    .fa {
        background: @thirth-color;
        position: absolute;
        top: 0;right: 15px;
        color: #fff;
        padding: 9px 10px;
        border-radius: 50%;
    }
}
/*
    Related products stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/
.article-header p {
    font-weight: bold;
}

.border-top-none {
    border-top: none;
}

.model-with-overlay {
        background-color:rgba(0,0,0,0.3);
}
.margin-top-10 {
    margin-top: 10px;
}

.modal-pop-up .modal-header .close {
    background: #f89a35;
    opacity: 0.9;
    color: #fff;
    padding: 0 5px;
    margin: 0;
	&:hover {
		opacity: 0.5;
	}
}

.modal-body-scrollable {
    max-height: calc(100vh - 250px);
    overflow: auto;
    position: relative;
    overflow-x: hidden;
}
.conditionalScroll {
    width: 100%;
    height: 280px;
    overflow-y: auto;
}

/*
    Item relations global sheets

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/

.item-relations {
    padding: 15px 0;

    h3 {
        margin-bottom: 25px;
    }
}

.item-relations .item-relation-image {
    min-height: 200px;
    padding: 15px;
    text-align: center;

    img {
        max-height: 200px;
        margin: 0 auto;
    }
}

.item-relations .item-relation-price,
.item-relations .item-relation-description,
.item-relations .item-relation-link {
    padding: 0 15px 15px;
}
/*
    Language selector stylesheet

    @package Solvisoft
    @author Jeroen de Jager
*/

.language-selector {
    position: static;
}

.nav.navbar-nav {
    li.language {
        position: static;

        .language-dropdown {
            background-image: url('../../Uploads/images/dotted map.png');
            background-repeat: no-repeat;
            background-color: @thirth-color;
            background-position: center;
            color: @primary-color;
            margin: 0;
            left: 0;right: 0;
            text-align: center;
            padding: 60px 0;
            position: absolute;
            z-index: 220;

            span {
                font-size: 34px;
                font-weight: bold;
            }

            li {
                display: inline-block;
                padding: 15px 50px;
                text-align: left;

                a {
                    font-family: 'Open Sans', sans-serif;
                    font-size: 18px;
                    display: block;
                    color: @primary-color;
                    padding: 15px;
                }

                &.active-language {
                    &::after {
                        left: 32px;top: 34px;

                        .font-awesome("\f054");
                    }
                }
            }
        }
    }
}

/*
    @package Solvisoft
    @author Jan Konert
*/

.news-page-item-wrapper {
    max-width: 800px;
    font-size: 18px;
}

.news-page-item-wrapper p {
    margin: 0 0 30px;
}

.news-page-detail-wrapper .news-detail-date {
    background-color: @fourth-color;
    display: inline-block;
    padding: 2px 10px;
    color: #ffffff;
    font-size: 15px;
    font-style: normal;
    margin: 20px 0;
    font-weight: bold;
}

.news-page-wrapper .news-page-item-wrapper h2 {
    color: @fourth-color;
    margin-bottom: 30px;
}



/*
    Order tabs stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 23-11-2017
*/
.footer-social-row {
	.page-text-wrapper {
		span {
			color: @tab-active-text-color;
		}
	}
} 
.align-left-xs {
    @media only screen and (max-width: 480px) {
        text-align: left;
    }
}
.error-msg {
   color: @error-color;
}
.font-weight-bold {
   font-weight: 600;
}
.pull-right {
   text-align: right;
}
.return-order-detail {
	margin-top: (0.5 * @grid-gutter-width);
    .table-column {
        padding-left: 0;
        text-align: center;
        @media only screen and (max-width : 480px) {
            text-align: left;
        }
        &.align-center-none {
            text-align: left;
        }
    }
    .table-header {
        text-align: center;
        @media only screen and (max-width : 480px) {
            text-align: left;
        }
        &.align-center-none {
            text-align: left;
        }
    }
    .order-quantity-input {
        input {
        width: 52px;
        text-align: center;
        height: 30px;
        padding: 0 0 0 (0.4 * @grid-gutter-width);
            @media only screen and (max-width : 1200px) {
                padding: 0;
            }
        }
    }
    .checkbox-wrapper {
        margin: (0.1667 * @grid-gutter-width) 0;
        label {
            margin-bottom: 0;
        }
    }
}
.return-order-summary-wrapper {
    .modal-footer {
        border-top: none;
    }
}
.order-detail-wrapper {
	border-radius: 0;
	.modal-header {
		h3 {
			margin: 0;
		}
	}
	.return-order-table {
		margin-top: (0.667 * @grid-gutter-width);
        .select-input {
            .form-control {
                height: @grid-gutter-width;
                padding: 0 (0.1667 * @grid-gutter-width);
            }
        }
	}
    .modal-footer {
        border-top: none;
    }
}
.return-order-summary-wrapper {
   .modal-header {
       .return-order-summary-details {
           border-bottom: none;
           padding: 0 (0.667 * @grid-gutter-width);
       }
   }
   .order-summary-header {
       margin: (0.1667 * @grid-gutter-width) 0;
       @media (max-width: 320px) {
           font-size: (0.933 * @grid-gutter-width);
       }
   }
}
.invalid-quantity {
 border: 1px solid @error-color;
}
.order-nav-tabs {
    background: #fff;
    overflow: visible;
    border-bottom: 0;
    padding: (0.5 * @grid-gutter-width) (0.5 * @grid-gutter-width) @grid-gutter-width (0.833 * @grid-gutter-width);
    margin-bottom: (0.667 * @grid-gutter-width);

    .box-shadow(1px 1px 3px -1px @medium-gray-color);

    li {
        padding-left: 0;

        span {
            background: @primary-color;
            position: relative;
            display: inline-block;
            border: 1px solid @medium-gray-color;
            border-radius: 50%;
            height: (1.33 * @grid-gutter-width);
            width: (1.33 * @grid-gutter-width);
            color: @medium-gray-color;
            margin-right: 100px;

            i {
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
            }

            &:before {
                position: absolute;
                content: "";
                height: 1px;
                width: 106px;
                background: @medium-gray-color;
                top: 50%;
				left: (3 * @grid-gutter-width);
                transform: translate(-50%);
            }

            small {
                position: absolute;
                top: (1.5 * @grid-gutter-width);
                margin-left: -80px;
                width: 200px;
                text-align: center;
                font-size: 11px;
            }
        }

        &:last-child {
            span {
                &:before {
                    display: none;
                }
            }
        }

        &.active {
            span {
                color: @secondary-color;
                border-color: @secondary-color;
            }
        }

        &.checked {
            span {
                color: @secondary-color;
                border-color: @secondary-color;

                &:before {
                    background: @secondary-color;
                }
            }
        }
    }
}

@media (max-width: 991px) {
    .order-nav-tabs {
        li {
            span {
                margin-right: (1.667 * @grid-gutter-width);

                &:before {
                    width: (1.667 * @grid-gutter-width);
                    left: (2.1667 * @grid-gutter-width);
                }
            }
        }
    }
}

@media (max-width: 600px) {
    .order-nav-tabs {
        li {
            display: none !important;

            span {
                margin-right: 0;

                small {
                    width: auto;
                    margin-left: 0;
                    transform: translate(-50%);
                }
            }

            span::before {
                display: none !important;
            }
        }

        li.active {
            display: block !important;
            width: 100%;
            text-align: center;
        }
    }
}
/*
    Page article inline blocks template

    @package Solvisoft / CTM
    @author Richard Mauritz
    @since 11-10-2017
*/

.content-inline-blocks {
    img {
        border-top-left-radius: @border-radius;
        border-top-right-radius: @border-radius;
    }
}
/*
    Page article relation stylesheet

    @package Solvisoft
    @aurhor Richard Mauritz
    @since 16-11-2017
*/

.page-article-relation-wrapper {
    .page-article-relation-content {
        position: absolute;
        margin-top: 150px;
        font-size: 22px;
        line-height: 35px;
        color: lighten(@secondary-color, 30%);
    }
}
.basket-item {
	.article-relation-img {
		max-width: 80px;
		max-height: 80px;
		width: auto;
		height: auto;
		min-width: auto;
		min-height: auto;
	}
}
/*
    Pagetext stylesheet. Belongs to the pagetext template file

    @package Solvisoft
    @author Richard Mauritz
*/
/*
    Searchbox stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

#searchform,
#searchformmobile {
    position: relative;
}

#searchform button,
#searchformmobile button {
    position: absolute;
    background: none;
    border: none;
    top: 12px;right: 12px;
    color: @medium-gray-color;
    outline: none;

    .hoverFade(.3s);
}

#searchform input.form-control,
#searchformmobile input.form-control {
    border-radius: @border-radius;
    border: 1px solid @medium-gray-color;
    color: #000;
}

#searchform input.form-control:focus,
#searchformmobile input.form-control:focus {
    border: 1px solid @thirth-color;
}

#searchform input.form-control:focus + button,
#searchformmobile input.form-control:focus + button {
    color: @thirth-color;

    .hoverFade(.3s);
}

#searchform .search-auto-complete,
#searchformmobile .search-auto-complete {
    background: @primary-color;
    position: absolute;
    width: 100%;
    border-radius: 5px;
    z-index: 10000;
    border: 1px solid @secondary-color;
    margin-top: -1px;
}

#searchform .search-auto-complete ul,
#searchform .search-auto-complete ul li,
#searchformmobile .search-auto-complete ul,
#searchformmobile .search-auto-complete ul li {
    display: block;
    margin: 0;
    padding: 0;
}

#searchform .search-auto-complete ul li,
#searchformmobile .search-auto-complete ul li {
    padding: 2px 10px;

    .hoverFade(.33s);
}

#searchform .search-auto-complete ul li:hover,
#searchform .search-auto-complete ul li.auto-item-selected,
#searchformmobile .search-auto-complete ul li:hover,
#searchformmobile .search-auto-complete ul li.auto-item-selected {
    background: none;
    cursor: pointer;
    color: @fourth-color;

    .hoverFade(.33s);
}

#searchform .search-auto-complete ul li:hover a,
#searchform .search-auto-complete ul li.auto-item-selected a,
#searchformmobile .search-auto-complete ul li:hover a,
#searchformmobile .search-auto-complete ul li.auto-item-selected a {
    color: @fourth-color;
}

#searchform .search-auto-complete .search-btn-row,
#searchformmobile .search-auto-complete .search-btn-row {
    margin: 10px;
}

autocomplete-form {
    position: relative;
    display :block;
}

autocomplete-results {
    background-color: #fff;
    position: absolute;
    width: 100%;
    z-index: 210;

    .box-shadow(0 0 3px -1px #ccc);
    
    ul {
        display: block;
        padding: 0;
        margin: 0;
        float: none;
    }

    li {
        display: block;

        a {
            padding: 10px;
            display: block;
            cursor: pointer;

            &:hover {
                color: initial;
                text-decoration: none;
            }
        }

        &.selected {
            a {
                background: @light-gray-color;
                text-decoration: none;
                color: initial;
            }
        }
    }
}

/*
    Shopping cart stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.shopping-cart {
    padding-right: 10px;

    > a {
        position: relative;

        &:hover {
            text-decoration: none;
        }

        .fa {
            color: @secondary-color;
            font-size: 24px;

            .transition(.12s);

            & + .badge {
                background: @light-gray-color;
            }
        }

        .fa.active {
            color: @secondary-color;

            .transition(.12s);

            & + .badge {
                background-color: @thirth-color;
                color: @secondary-color;

                .transition(.12s);
            }
        }

        .badge {
            position: absolute;
            top: -12px;right: -12px;

            .transition(.12s);
        }
    }
}

shopping-cart,
shopping-cart-item,
shopping-cart-show-more,
shopping-cart-totals,
shopping-cart-total,
shopping-cart-buttons {
    display: block;
}

shopping-cart {
    background-color: #fff;
    position: absolute;
    color: @font-color;
    min-width: 440px;
    max-width: 440px;
    top: 44px;right: 15px;
    padding: 15px;
    display: none;
    z-index: 25;

    .box-shadow(1px 1px 3px -1px #ccc);

    h3 {
        margin: 15px 0 25px;
    }

    shopping-cart-item {
        background-color: @light-gray-color;
        padding: 10px;
        margin-bottom: 10px;
        
        a {
            color: @font-color !important;
        }

        .fa {
            background-color: transparent;
            border: 0;
            color: @font-color !important;
            margin-top: -3px;
        }
    }

    shopping-cart-show-more {
        small {
            cursor: pointer;
            color: #707070;
        }
    }

    shopping-cart-totals {
        font-size: 16px;

        shopping-cart-total {
            padding: 10px;

            &:last-child {
                color: @thirth-color;
            }
        }
    }

    shopping-cart-buttons {
       margin-top: 15px;
    }
}

@media (max-width: 468px) {
    shopping-cart {
        min-width: 380px;
        max-width: 380px;
    }
}

@media (max-width: 396px) {
    shopping-cart {
        min-width: 340px;
        max-width: 340px;
    }
}
/*
    Homeslider stylesheet

    @package Solvisoft / CTM
    @author Richard Mauritz
    @since 10-10-2017
*/

.home-slider {
    position: relative;
    margin-top: -80px;

    .carousel-caption {
        position: absolute;
        padding-top: 150px;
        text-shadow: none;
        width: 100%;
        top: 0;left: 0;
        text-align: left;

        small {
            position: relative;
            font-size: 16px;
        }

        h1 {
            margin-top: 0;
        }
    }

    .item {
        min-height: 600px;
        /*
            Slider overlay
        */
        &:after {
            position: absolute;
            content: " ";
            top: 0;left: 0;
            height: 100%;
            width: 100%;

            .gradient(linear; #333, transparent;90deg);
        }
    }
}

.home-slider .slider-blocks {
    position: absolute;
    width: 100%;
    bottom: -40px;

    .slider-block {
        margin-bottom: 15px;
        position: relative;
        z-index: 20;

        h2 {
            margin-top: 0;
        }

        > div {
            padding: 25px;
            border-radius: @border-radius;
        }

        &:first-child > div {
            background: @primary-color;
            border: 1px solid @light-gray-color;
        }

        &:last-child > div {
            background: @secondary-color;
            color: @primary-color;
        }
    }
}

@media (max-width: 768px) {
    .home-slider {
        position: relative;
        margin-top: 0;
    }
}
/*
    Add to favorite modal

    @package Solvisoft
    @author Richard Mauritz
    @since 17-01-2018
*/

#AddToFavouriteModal {
    .modal-body {
        max-height: 500px;
        overflow: auto;
    }
}
/*
    Cookie popup stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 01-11-2017
*/


/*
    Favourite list template stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 20-11-2017
*/

/*.favourites {
    input[type="number"] {
        max-width: 100%;
        border: 1px solid @medium-gray-color;
        border-radius: @border-radius;
        padding: 4px 6px;
    }
}*/
/*
    Login page or login template popup

    @package Solvisoft
    @author Richard Mauritz
*/

@import "/content/Default/LESS/Partials/Templates/Login/login-template";
/*
    New basket item popup stylesheet
*/

@import "/content/Default/LESS/Partials/Templates/NewBasketItemPopup.less";

.popover-footer {

    .btn {
        color: @thirth-color !important;
    }
}

.new-basket-item-popover .popover-footer .btn i {
    color: @thirth-color !important;
}

/*
    Article slider stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 28-11-2017
*/

#articleSlider {
    margin-top: 25px;
    
    .item {
        padding: 15px;
        min-height: 300px;

        .magnifying-glass {
            background-color: @secondary-color;
            position: absolute;
            right: 15px;
            top: 15px;
            color: @primary-color;
            height: 40px;
            width: 40px;
            border-radius: 50%;

            .fa {
                font-size: 18px;
                position: absolute;
                top: 50%;left: 50%;
                margin-left: -8px;
                margin-top: -9px;
            }
        }
    }

    .carousel-indicators-container {
        bottom: -30px;
    }

    .carousel-indicators {
        text-align: center;

        li {
            background: @medium-gray-color;
        }

        li.active {
            margin: auto 2px;

            &:after {
                height: 12px;
                width: 12px;
                border-color: @medium-gray-color;
                top: -3px;left: -3px;
            }
        }
    }
}
/*
    @package Solvisoft
    @author Jan Konert
*/

// News blocks on the home page are the same as on the new page
// See news/news.less for the stylesheet.
/*
    Footer stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @editor Jeroen de Jager
*/

/*Complete Footer*/
#footer {
    background-color: @footer-background-color;
    color: @footer-text-color;
}

/*Complete Footer*/
#footer .footer-extra-content-row {
    color: @footer-extra-content-row-color;
    padding: 80px 0;
}

/*Social Row*/

#footer .footer-social-row {
    background: @footer-social-row-background-color;
    padding: 15px 0;

    h3 {
        margin: 0;
    }

    h3, a, span {
        color: @footer-social-row-text-color;
        font-size: 18px;
    }

    a:hover {
        color: @footer-social-row-text-color-hover;
        text-decoration: none;
    }
}


/*Footer section*/

#footer #footer-note {
    h1, h2, h3,
    h4, h5, h6,
    span, p {
        color: @footer-content-text-color;
        font-weight: 600;
        font-size: 14px;
    }

    a, small {
        color: @footer-content-link-text-color;
        font-size: 14px;
    }

    a:hover {
        color: @footer-content-link-text-color-hover;
    }
}


/*Copyright*/

#footer #footer-copyright {
    padding: 15px 0;
    color: @footer-copyright-text-color;
    background-color: @footer-copyright-background-color;
    font-size: 11px;
    text-align: center;
    border-top: 1px solid rgba(255, 255, 255, .5);

    a {
        color: @footer-copyright-link-color;
        text-decoration: underline;
    }
}

/*
    Header stylesheets

    @author     Richard Mauritz
    @package    Solvisoft
*/

header {
    position: relative;
    z-index: 50;

    .top-bar {
        background-color: @top-bar-background-color;
        padding: 10px 0;
        font-size: @top-bar-font-size;
        color: @top-bar-text-color;

        .fa {
            color: @top-bar-icon-color;
        }

        a {
            color: @top-bar-link-color;
        }
    }

    .primary-header {
        background-color: @primary-header-background-color;
        padding-top: 20px;
        padding-bottom: 20px;

        .fa {
            color: @primary-header-icon-color;
        }

        a {
            img {
                max-width: 200px;
            }
        }
    }

    .secondary-header-background {
        background-color: @secondary-header-background-color;
        padding-top: 10px;
        padding-bottom: 10px;
        border-top: @secondary-header-border-top;
        border-bottom-left-radius: @border-radius;
        border-bottom-right-radius: @border-radius;
    }
}
/*
    Mobile menu stylesheet

    @package    Solvisoft
    @author     Richard Mauritz
*/

@mobile-heading-color: #9b9b9b;
@hamburger-menu-color: #9b9b9b;
@mobile-menu-background-color: #333;
@mobile-menu-link-color: @medium-gray-color;
@mobile-menu-link-hover-color: @thirth-color;

/*
    Mobile menu stylesheet

    @package    Solvisoft
    @author     Richard Mauritz
*/


[ng-toggle-mobile-menu] {
    background-color: transparent;
    border: none;
    font-size: 24px;
    outline: none;
    color: @primary-color;
    @media(max-width:767px){
//     color: @secondary-color;
    }
}

mobile-menu {
    background: @mobile-menu-background-color;
    position: fixed;
    height: 100vh;
    top: 0;left: -100%;
    overflow: auto;
    z-index: 3000;

    
    .box-shadow(inset -2px 0px 10px -5px darken(@mobile-menu-background-color, 100%)); // This allways translates into #000000
    .close-menu {
        background-color:#777;
        color:@primary-color;
        padding: 3px 7px;
        margin: 5px 0px;
        position:relative;
        width:30px;
        height:30px;
        text-align:center;
        transition:0.2s ease;
        &:focus, &:hover {
            color:red;
        }
        }
    
    .title {
        font-weight: bold;
        padding: 10px 10px 0;
        color: #999;
    }

    .account {
        background-color: #212121;
        padding: 20px 10px;

        .gravatar, .user {
            float: left;
        }

        .cart {
            float: right;
        }

        &::before,
        &::after {
            display: table;
            content: " ";
            clear: both;
        }

        .gravatar {
            margin-right: 10px;

            img {
                background: #555;
                max-width: 45px;
                border-radius: 2px;
                border: 1px solid #222;
                border-radius: 50%;
            }
        }

        .cart {
            position:relative;
            .fa {
                font-size: 18px;
                color: #999;
                margin-right: 15px;
            }

            .badge {
                position: absolute;
                top: 10px;right: 10px;
                background-color:#f9f9f9;
                @media(max-width:991px){
                        position: absolute;
                        top: -11px;
                        right: -4px;
                        
                }
            }
        }

        strong a {
            color: #fff;
            font-size: 14px;
        }

        a {
            color: #999;
            font-size: 12px;
        }
    }

    .search {
        padding: 10px;

        #searchformmobile {
            .form-control {
                background-color: #111;
                border: 0;
                color: #fff;
            }
        }
    }

    .nav.navbar-nav {
        float: none;
        margin: 0;
        padding: 0;
        width: 100%;

        > li {
            position: relative;
            display: block;
            padding-right: 0;
            width: 100%;

            > a {
                color: @mobile-menu-link-color;
                padding: 10px 10px 10px 20px;
            }
        }

        > li.isActive,
        > li:hover {
            > a {
                background-color: transparent;
                color: @mobile-menu-link-hover-color;
                border-radius: 0;
                cursor: pointer;
            }

            &::after {
                color: @mobile-menu-link-hover-color;
            }
        }

        > li::after {
            top: 10px;right: 15px;
            color: @mobile-menu-link-color;

            .font-awesome("\f105");
            font-weight:900;
        }

        .nav {
            display: block;
            
            > li {
                > a {
                    padding-left: 30px;
                }
            }
        }
    }
}


@media (min-width: 200px) {
    mobile-menu {
        width: 250px;
    }
}

@media (min-width: 360px) {
    mobile-menu {
        width: 300px;
    }
}
/*
    Category stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 12-10-2017
*/
.search-result {
    .table-row {
        a {
            cursor: pointer;

            &.icon-group {
                color: @thirth-color;

                .arrow-icon {
                    font-weight: bold;
                    font-size: (0.833 * @grid-gutter-width);
                }
            }

            &:hover {
                text-decoration: none;
            }
        }

        .margin-top-15 {
            margin-top: 15px;
        }

        &:nth-child(odd) {
            background: none;
        }

        .table-column {
            padding-left: 0;
        }
    }
}

.article-header p {
    font-weight: bold;
}

.border-top-none {
    border-top: none;
}

.margin-top-10 {
    margin-top: 10px;
}

.float-right {
    float: right;
}

.modal-pop-up {
    .modal-header {
        .close {
            background: #f89a35;
            opacity: 0.9;
            color: #fff;
            padding: 0 5px;
            margin: 0;
        }
    }

    .modal-body-scrollable {
        max-height: ~"calc(100vh - 250px)";
        overflow: auto;
        position: relative;
        overflow-x: hidden;
    }

    .float-right {
        @media only screen and (max-width : 480px) {
            float: left;
        }
    }

    .text-right {
        @media only screen and (max-width : 480px) {
            text-align: left;
        }
    }
}

.table-column {
    padding: 8px 0 8px;
}

.margin-top-0 {
    margin-top: 0 !important;
}

/*
    Article detail page

    @package Solvisoft
    @author Richard Mauritz
    @since 02-10-2017
*/

#product-details {
    .product-extra-information-block {
        margin-top: 40px;
    }

    .item-slider {
        margin-top: 20px;
    }

    .product-price {
        .price-tag {
            display: inline-block;
            margin: 0;
        }
        .price-inclusive {
            margin-left: (0.33 * @grid-gutter-width);
        }
    }

    .product-specifications {
        .item-downloads {
            padding: 20px;

            a {
                font-weight: bold;
                color: @thirth-color;
            }
        }

        .specification-box {
            .row {
                margin-top: 10px;
                margin-bottom: 10px;
                padding-left: 20px;
                padding-right: 20px;
            }
        }
    }
}
.product-price{
    position:relative;
}
.staffel {
        margin-left:10px;
        @media(max-width:991px){
         //   position:inherit;
            .staffel-wrapper{
               // position:inherit;
            }
            .popover-staffel{
                width:230px!important;
            //    top:40px;
                
            }
        }
        @media(max-width:767px){
            .popover-staffel{
 left:-100px;
            top:10px;
            }
           .pop-up-staffel-padding {
            padding: 5px 13px;
        }
        }
    }
@import "/content/Theme_2/LESS/Views/Assortment/Shop.less";

.staffel {
    position: relative;
    margin-top: 10px;
    cursor:pointer;

    .transition(.33s);

    .fa {
        color: #b2b2b2;
    }
    
}
.inline-block {
    display:inline-block;
}
.pop-up-staffel-padding {
    padding: 5px 20px;
}

.staffel-wrapper {
    position:relative;
}

.popover-staffel {
    text-decoration: none;
    text-align:left;
    color: black;
    position: absolute;
    font-size: 12px;
    top: 0;
    left: 0;
    width: 300px !important;
    display:block;
    z-index: 100;
    background-color: @primary-color;
    border: 1px solid #b2b2b2;
    border-radius: 2px;
    padding: 10px;

    .transition(.33s);

  .tpopover table {
    background-color: @primary-color;    
    border-radius: 5px !important;
    text-align:right;

    td {
        padding: 5px;
    }
}
}

#shopping-grid{
    .staffel {
        margin-left:10px;
        @media(max-width:991px){
            position:inherit;
            .staffel-wrapper{
                position:inherit;
            }
            .popover-staffel{
                width:230px!important;
                top:40px;
                left:10px;
            }
        }
        @media(max-width:767px){
            .pop-up-staffel-padding {
            padding: 5px 13px;
        }
        }
    }
}



/*
    Basket stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

#basket .add-item-by-code {
    background: #fff;
    padding: 15px;
    margin-top: 15px;
    margin-bottom: 15px;
    border-radius: @border-radius;

    .box-shadow(1px 1px 3px -1px #ccc);
}

#basket {
    .basket-header {
        margin-bottom: 15px;
    }

    .basket-item {
        background: #fff;
        margin-bottom: 5px;
        padding: 15px 0;

        .box-shadow(1px 1px 3px -1px #ccc);

        h4 {
            margin: 0;
        }

        img {
            max-height: 100px;
        }
    }

    .item-additional-info {
        small {
            font-weight: bold;
            color: #555;
            font-size: 11px;

            span {
                font-weight: normal;
            }
        }

        .item-comment-field {
            background-color: transparent;
            position: absolute;
            right: 15px;top: 7px;
            border: none;

            .transition(.12s);

            &:hover,
            &.active {
                color: @thirth-color;

                .transition(.12s);
            }
        }
    }

    .cart-totals {
        &.totals {
            background: #fff;
            margin-bottom: 25px;
            border-radius: @border-radius;

            .box-shadow(1px 1px 3px -1px #ccc);
        }

        .totals-row {
            padding-top: 15px;
            padding-bottom: 15px;
            font-size: 16px;
        }

        .shipping-costs {
            background: @light-gray-color;
            font-weight: bold;
            color: #707070;

            .fa {
                position: relative;
                font-size: 34px;
                transform: scaleX(-1);
            }

            span {
                position: relative;
                top: 2px;
                margin-right: 15px;
            }
        }
    }
}
/*
    Categories stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.webshop-categories-row .categorie {
    text-align: center;
    margin: 15px 0;

    .categorie-background {
        padding: 40px;
    }

    #aluminium {
        background-color: #D8D8D8;
        border: 1px solid darken(#D8D8D8, 10%)
    }

    #rvs {
        background-color: #C9E5FA;
        border: 1px solid darken(#C9E5FA, 20%)
    }

    #sendzimir {
        background-color: #FAC9CE;
        border: 1px solid darken(#FAC9CE, 20%)
    }

    #aluzink {
        background-color: #C5F3E3;
        border: 1px solid darken(#C5F3E3, 20%)
    }

    #koper {
        background-color: #F8E2C7;
        border: 1px solid darken(#F8E2C7, 20%)
    }

    #messing {
        background-color: #FBF1CB;
        border: 1px solid darken(#FBF1CB, 20%)
    }

    #brons {
        background-color: #F2EAD9;
        border: 1px solid darken(#F2EAD9, 20%)
    }

    #service-center {
        background-color: #E7F2E6;
        border: 1px solid darken(#E7F2E6, 20%)
    }

    strong {
        font-size: 18px;
    }
}

.assortment-categories-row .categorie {
    text-align: center;
    margin: 15px 0;
    text-decoration:none;

    .categorie-background {
        padding: 40px;
    }

    span {
        display: block;
        padding: 10px 30px;
        text-align: left;
        font-size: 20px;
        font-weight: normal;
        color: #333333;
    }

    #aluminium {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #e3e3e3;     
        }
        &:hover span {
            background-color: #e3e3e3;        
        }
    }

   #rvs {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #c9e5fa;     
        }
        &:hover span {
            background-color: #c9e5fa;        
        }
    }

    #sendzimir {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #fac9ce;     
        }
        &:hover span {
            background-color: #fac9ce;        
        }
    }

    #aluzink {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #c5f3e3;     
        }
        &:hover span {
            background-color: #c5f3e3;        
        }
    }

    #koper {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #f8e2c6;     
        }
        &:hover span {
            background-color: #f8e2c6;        
        }
    }

    #messing {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #fbf1cb;     
        }
        &:hover span {
            background-color: #fbf1cb;        
        }
    }

    #brons {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #f2ead9;     
        }
        &:hover span {
            background-color: #f2ead9;        
        }
    }

    #service-center {
        border: 2px solid #D8D8D8;
        &:hover {
            border: 2px solid #e7f2e6;     
        }
        &:hover span {
            background-color: #e7f2e6;        
        }
    }
}

body {
}

/*
    Configurator index stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 30-10-2017
*/

/*
    Copied from 04 ...
*/
/* Configurator module */
        /* Steps */
        #configurator .configurator-steps {
            margin-top: 40px;
        }

        #configurator .configurator-steps .col-step {
            margin-top: 15px;
        }

        #configurator .configurator-steps .step {
            border: 1px solid #f2f2f2;
            padding: 15px;
            color: @thirth-color;
            text-align: center;
        }

        #configurator .configurator-steps .step.current-step {
            background: @thirth-color;
            border-color: @thirth-color;
            color: #fff;
        }

        #configurator .configurator-steps .step.clickable:hover {
            background: #f1f1f1;
            cursor: pointer;
        }
    
        /* Configurator */
        #configurator {}

        #configurator table {
            width: 100%;
        }

        #configurator .configurator {
            position: relative;
            margin-top: 40px;
            padding: 0 0 40px;
        }

        #configurator .configuration-row {
            background: #fff;
            margin-top: 15px;

            .box-shadow( 0px 2px 3px -1px #ccc );

            &:last-child {
                background: transparent;
                position: fixed;
                bottom: -45px;left: 0;
                width: 100%;
                z-index: 99;
            }

            &:last-child .configurator-heading {
                background: @thirth-color !important;
            }

            &:last-child .configurator-heading,
            &:last-child .configurator-heading i {
                color: #fff;
            }

            &:last-child .custom-select-container,
            &:last-child .custom-select-container i {
                color: #000;
            }

            &:last-child.toggle-up,
            &:last-child.toggle-down {
                bottom: 0;
                .transition(.0s) !important;
            }

            &:last-child.toggle-down {
                bottom: -45px;
            }
            
            &:last-child.reset-position .configurator-heading {
                background: #f2f2f2 !important;
            }

            &:last-child.reset-position .configurator-heading {
                color: #000;
            }

            &:last-child.reset-position .configurator-heading i {
                color: @secondary-color;
            }

            &:last-child .configurator-content {
                max-height: 0;
                overflow: hidden;
            }

            &:last-child.toggle-up .configurator-content {
                max-height: 500px;
                overflow: auto;
            }

            &:last-child.toggle-down .configurator-content {
                max-height: 0;
            }

            &:last-child .configurator-content.collapseable {
                cursor: auto !important;
            }

            &:last-child .configurator-content.collapseable:hover {
                background: initial !important;
            }

            &:last-child.reset-position {
                background: transparent;
                position: relative;
                bottom: auto;left: auto;
                width: auto;
                z-index: auto;
            }

            &:last-child.reset-position .container {
                padding: 0px;
                max-width: 1140px;
            }

            &:last-child.reset-position .configurator-content {
                max-height: 100%;
            }
        }

            // Fix last child. Last child is configuration overview
            #configurator .configuration-row:last-child .configuration-row-background {
                background: #fff;

                .box-shadow( 0px 2px 3px -1px #ccc );
            }

            #configurator .configuration-row:last-child .configurator-heading {
                background: #fff;
            }

        #configurator .configurator-heading {
            background: #f2f2f2;
            padding: 15px;
        }

        #configurator .configurator-heading .icon-info-outline {
            font-size: 24px;
            margin-left: 15px;
            color: @secondary-color;
        }

        #configurator .configurator-heading.has-select span, 
        #configurator .configurator-heading.has-select i,
        #configurator .configurator-heading.has-select select,
        #configurator .configurator-heading.has-select .custom-select-container {
            display: inline-block;
            vertical-align: middle;
        }

        #configurator .configurator-heading h2 {
            margin: 0;
            font-size: 14px;
            font-weight: bold;
        }

        #configurator .configurator-heading h2 span {
            font-weight: normal;
        }

        #configurator .configurator-heading > div > div {
            float: none;
            display: inline-block;
            margin-right: -4px;
            vertical-align: middle;
        }

        #configurator .configurator-heading-small {
            margin: 20px 0;
        }

        #configurator .configurator-heading-small h1,
        #configurator .configurator-heading-small h2,
        #configurator .configurator-heading-small h3,
        #configurator .configurator-heading-small h4,
        #configurator .configurator-heading-small h5,
        #configurator .configurator-heading-small h6,
        #configurator .configurator-heading-small span {
            display: inline-block;
            vertical-align: middle;
            margin: 0;
        }

        #configurator .configurator-heading-small h1,
        #configurator .configurator-heading-small h2,
        #configurator .configurator-heading-small h3,
        #configurator .configurator-heading-small h4,
        #configurator .configurator-heading-small h5,
        #configurator .configurator-heading-small h6 {
            font-size: 16px;
            font-weight: bold;
        }

        #configurator .configurator-heading-small span {
            margin-left: 25px;
        }

        #configurator .configurator-content {
            padding: 20px 60px;
            overflow-x: hidden !important;
        }

        @media (max-width: 640px) {
            #configurator .configurator-content {
            padding: 15px;
        }
        }

        #configurator .configurator-content .custom-checkbox-wrapper label {
            top: 10px;left: 10px;
        }

        #configurator .configurator-content h3 {
            font-size: 14px;
            font-weight: bold;
        }

        #configurator .configurator-content table {
            border: 1px solid #f2f2f2;
        }

        #configurator .configurator-content table tr {
            border-bottom: 1px solid #f2f2f2;
        }

        #configurator .configurator-content table thead {
            background: #f2f2f2;
        }

        #configurator .configurator-content table thead th {
            font-weight: normal;
            padding: 10px;
        }

        #configurator .configurator-content table tbody td {
            vertical-align: middle;
            padding: 10px;
        }

        #configurator .configurator-content table tbody tr.default {
            font-weight: bold;
            color: @thirth-color;
        }

        #configurator .configurator-content table tbody tr.selectable:hover {
            cursor: pointer;
            background: #f9f9f9;
        }

        #configurator .configurator-content table tbody tr.selectable:focus {
            -webkit-transform: scale(0.99,0.99);
                -ms-transform: scale(0.99,0.99);            
                    transform: scale(0.99,0.99);
        }

        #configurator .configurator-content table tbody tr.strikethrough {
            cursor: not-allowed;
            opacity: .3;
        }

        #configurator .configurator-content table tbody tr.required {
            color: red;
        }

        #configurator .configurator-content table tbody tr.strikethrough:hover {
            background: inherit;
        }

        #configurator .configurator-total table {
            width: 100%;
        }

        #configurator .configurator-total > table table td:first-child {
            padding-left: 60px;
        }

        #configurator .configurator-total > table,
        #configurator .configurator-total > table > tbody > tr > td {
            padding: 0;
            border: 0;
        }

        #configurator .configurator-total > table > tfoot td {
            background: #f2f2f2;
            padding: 10px;
        }

        #configurator .configurator-total > table table thead th:first-child,
        #configurator .configurator-total > table table tbody td:first-child,
        #configurator .configurator-total > table tfoot td:first-child {
            border-right: 30px solid #fff;
        }
body {
}

/*
    Contact page stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.google-map {
	margin-top: (0.667 * @grid-gutter-width);
	margin-bottom: (0.667 * @grid-gutter-width);
	google-maps {
		display: block;
		height: 400px;
		@media only screen and (max-width : 480px) {
			height: 750px;
		}
        .gm-style {
            img {
                max-height: none;
            }
        }
	}
    .google-map-info-box {
        position: relative;
        background: @primary-color;
        padding: (0.5 * @grid-gutter-width);
        margin-top: -5px;
        border: 2px solid @light-gray-color;
        border-top: 0;
    }
    .google-maps-pop-up {
        .font-weight-bold {
            font-weight: bold;
        }
        a {
            &.no-underline {
                text-decoration: none;
            }
            text-decoration: underline;
        }
        .country-name {
            margin-bottom: (0.833 * @grid-gutter-width);
        }
        .contact {
            a{
                text-decoration: none;
              }
        }
        address {
            margin-bottom: 0;
        }
        .view-info {
            margin-top: (0.833 * @grid-gutter-width);
        }
    }
}

.contact-address-box {
    background: @primary-color;
    border: 2px solid @light-gray-color;
    padding: (0.5 * @grid-gutter-width);
    border-radius: @border-radius;
    margin-top: (0.833 * @grid-gutter-width);
}
.dealer-location-wrapper {
	margin-top: (0.667 * @grid-gutter-width);
	margin-bottom: (0.667 * @grid-gutter-width);
	.filter-location {
		height: 100%;
		min-height: 205px;
		&.filter-location-list {
			border: 1px solid @dark-gray-color;
			padding: (0.667 * @grid-gutter-width);
			.form-check {
				padding: (0.1667 * @grid-gutter-width);
				label {
					font-weight: normal;
				}
			}
		}
	}
}
.dealer-list {
    .table-header-row {
        background: none;
        box-shadow: none;
    }
	.dealer-info-wrapper {
		padding: (0.667 * @grid-gutter-width) 0;
		a {
			cursor: pointer;
			text-decoration: underline;
		}
        &:nth-child(odd) {
            background: @odd-bg-color;
        }
        .contact-info-wrapper {
            @media only screen and (max-width : 568px) {
                margin-bottom: (0.33 * @grid-gutter-width);
            }
            @media only screen and (max-width : 480px) {
                margin-bottom: (0.33 * @grid-gutter-width);
            }
        }
        .contact-info {
            img {
                @media only screen and (max-width : 568px) {
                    margin-right: (2.2667 * @grid-gutter-width);
                }
                 @media only screen and (max-width : 480px) {
                     margin-right: (1.6 * @grid-gutter-width);
                 }
                 @media only screen and (max-width : 360px) {
                     margin-right: (1.133 * @grid-gutter-width);
                 }
            }
            @media only screen and (max-width : 568px) {
                margin-bottom: (0.33 * @grid-gutter-width);
            }
            @media only screen and (max-width : 480px) {
                margin-bottom: (0.33 * @grid-gutter-width);
            }
        }
        @media only screen and (max-width : 1024px) {
            padding: (0.667 * @grid-gutter-width);
        }
        .dealer-img {
             @media only screen and (max-width : 568px) {
                 text-align: left;
             }
        }
	}
}
.dealor-location-info {
	google-maps {
		@media only screen and (max-width : 480px) {
			height: 200px;
		}
	}
}
hr {
    margin: 20px 0;
    border: 0;
    border-top: 1px solid @hr-color;
}
/*
    Content stylesheet
    Contains custom pages

    @package Solvisoft
    @author Richard Mauritz
    @since 18-10-2017
*/

.pageContent {
    padding-top: 40px;
}

.content-image {
    background-position: center;
    position: relative;
    overflow: hidden;
    height: 550px;
    top: -80px;
    padding: 120px 0;

    &:after {
        position: absolute;
        content: " ";
        top: 0;left: 0;
        height: 100%;
        width: 100%;

        .gradient(linear; #FDFDFD, transparent;);
    }

    .container {
        position: relative;
        z-index: 1;
        color: #000;
    }
}
/*
    Customer user role stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 27-10-2017
*/

#customerUserRole {
    #orderRegistration {
        background-color: #fff;
        padding: 15px;
        margin: 25px 0;

        .box-shadow(1px 1px 3px -1px #ccc);
    }
}
/*
    Stylesheet for error page

    @package Solvisoft
    @author Jan Konert
*/

.error-container {
    padding-top: 50px;
    padding-bottom: 50px;

    h3 {
        font-size:50px;
        margin-top: 0;
        font-weight: bold;
    }

    p {
        font-size: 30px;
        margin: 20px 0 50px;
    }

    i {
        font-size: 200px;
        color: @light-color;
    }
}

@media(max-width: 768px) {
    .error-container {
        padding-top: 20px;
        padding-bottom: 20px;

        h3  {
            font-size: 24px;
            font-weight: bold;
        }
        
        p {
            font-size: 20px;
            margin: 20px 0 50px;
        }

        i   {
            font-size:100px;
            margin-bottom:30px;
        }

    }
   
}

/*
    Favorites.less

    @package Solvisoft
    @author Richard Mauritz
*/

.btn-favorite {
    background-color: transparent;
    border: 0;
    padding: 0;
    outline: none;

    small,
    &:before {
        font-size: 13px;
    }

    small {
        padding-left: 5px;
    }
}

.btn-favorite.fa-star-o {
    color: @medium-gray-color;

    .transition(.33s);
}
.btn-favorite.fa-star {
    color: @fourth-color;
}

.btn-favorite:hover,
.btn-favorite:focus,
.btn-favorite:active {
    color: @fourth-color;

    .transition(.33s);
}
/*
    Homepage stylesheet

    @package Solvisoft
    @author Jan Konert
*/

#about-us {
    background-color: #f9f9f9;
}

#facts {
    background: @secondary-color;
    color: #fff;
}
@import "/content/Default/LESS/views/News/news.less";


.news-item {

    .overlay {
        position: absolute;
        bottom: 0;left: 0;
        width: 100%;
        padding: 15px 0;

        .gradient(linear; #000, transparent);
    }
    .link {
        margin-left: 15px;
    }

}
/*
    @package Solvisoft
    @author Jan Konert
*/

.news-page-item-wrapper {
    max-width: 800px;
    font-size: 18px;
}

.news-page-item-wrapper p {
    margin: 0 0 30px;
}

.news-page-detail-wrapper .news-detail-date {
    background-color: @fourth-color;
    display: inline-block;
    padding: 2px 10px;
    color: #ffffff;
    font-size: 15px;
    font-style: normal;
    margin: 20px 0;
    font-weight: bold;
}

.news-page-wrapper .news-page-item-wrapper h2 {
    color: @fourth-color;
    margin-bottom: 30px;
}



/*
    Profile stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

#profile {}
/*
    Register stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 11-12-2017
*/

.box {
    background: #fff;
    padding: 15px;
    border: 2px solid @light-gray-color;
    border-radius: @border-radius;
}

.choice {
    label {
        display: block;
        cursor: pointer;

        .transition(.33s);
    }

    input[type="radio"] {
        display: none;

        &:checked + label {
            border: 2px solid @thirth-color;

            .box-shadow(0 0 15px #ccc);
            .transition(.33s);
        }

        &:checked + .radio {
            border-color: @thirth-color;
        }

        &:hover + label {
            border: 2px solid @thirth-color;
            
            .transition(.33s);
        }
    }

    h3 {
        margin-top: 8px;
        font-weight: bold;
    }

    p {
        font-weight: normal;
    }
}
/*
    Item result filters stylesheets

    @package Solvisoft
    @author Richard Mauritz
*/

#filters .filter .filter-heading.collapsed {
    background: none;
}

#filters .filter .filter-heading[aria-expanded=true] {
    h4 {
        &:after {
            right: 27px;

            .font-awesome("\f0d7");
        }
    }
}

#filters .filter .filter-heading[aria-expanded=false] {
    h4 {
        &:after {
            right: 27px;

            .font-awesome("\f0d8");
        }
    }
}

#filters .filter .filter-heading h4 {
    font-size: 16px;
    margin: 0;
    padding: 10px;
    font-weight: bold;
    cursor: pointer;
}

#filters .filter .filter-body .filter-type {
    display: block;
    padding: 10px;
    font-weight: normal;
    cursor: pointer;
}

#filters .filter .filter-heading.collapsed {
    background: none;
}

#filters .filter .filter-heading h4 {
    margin: 0;
    padding: 10px;
}

#filters .filter .filter-body .filter-type {
    display: block;
    padding: 10px;
    font-weight: normal;
}

/*
    Item result grid stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.searchterm {
    color: @secondary-color;
    margin-bottom: 5px;
}

span.searchterm {
    display: inline-block;
}

.searchterm strong {
    position: relative;
    font-weight: normal;
    background: #dbe3ee;
    display: inline-block;
    padding: 0px 25px 2px 10px;
    border-radius: 12px;
    border: 1px solid @secondary-color;
    margin-left: 10px;
    top: -1px;

    span {
        font-size: 14px !important;
    }

    .fa {
        position: absolute;
        right: 5px;
        top: 4px;

        &:hover {
            opacity: 0.9;
            cursor: pointer;

            .hoverFade(.33s);
        }
    }
}

.searchterm-no-results {
    color: @fourth-color;
    white-space: nowrap;
}

[active-filters] {
    position: relative;
    margin-top: 5px;
    z-index: 10;
}

.search-suggestions .suggestions {
    display: block;
    padding: 0;
    margin: 0;
}

.search-suggestions .suggestions li {
    display: inline-block;
    border: 1px solid @thirth-color;
    padding: 10px;
    margin: 10px 5px 0 0;
    color: @thirth-color;
    font-weight: bold;
}

.search-suggestions .suggestions li:hover {
    cursor: pointer;
}

.item-results {
    display: block;
    color: #808080;
    font-size: 24px;
}

.page-assortment {
    margin-top: 10px;
}

.btn-configurator-spacer {
    margin-top: 4px;
}
/*
    Slider stylesheets

    @package Solvisoft
    @author Jan Konert
    @since 28-09-2017
    @editor Richard Mauritz
*/

#homeSlider .slider .carousel h1 {
    max-width: 700px;
    display: inline-block;
    font-size: 60px;
}

#homeSlider .carousel-caption .carousel-caption-inner p {
    color: #ffffff;
    font-size: 20px;
    max-width: 600px;
    display: inline-block;
}

#homeSlider .slider .carousel .btn-info {
    font-size: 20px;
}