/* 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=Didact+Gothic');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Color Schemes */
/* Edit this only! */
@black: #000;
@primary-color: #fff;
@secondary-color: #2A9CE1;
/* theme primary color */
@secondary-color-dark: #00619c;
@secondary-color-light: #8FCBEF;
@secondary-dropdown-light: #4CABE5;
@theme-thirth-color: #1D2F41;
/* theme secondary color */
@fourth-color: #fafbfc;
@fifth-color: #b3b5a5;
@sixth-color: #dbe3ee;
@seventh-color: #b68a6c;
@darkgray-color: #404040;
@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;
@grid-gutter-width: 30px;
@dropdown-link-color: @border-bottom-color;
@dropdwon-link-active: #f5f5f5;
/* Fonts */
@primary-font: 'Didact Gothic', sans-serif;
@secondary-font: 'Roboto', sans-serif;
@font-size-base: 16px;

/*Theme Color Codes*/
@theme-fourth-color: #f6f8fc;
@theme-fourth-color-light: #e5e8ef;
@theme-primary-color: #2A9CE1;
@theme-primary-light-color: #4CABE5;
@theme-fourth-color-lighter: #d5d9e3;
@theme-secondary-color: #1D2F41;
@theme-gray-text-color: #8993a0;
@theme-tertiary-color: #016745;
@theme-tertiary-bg-color: #f7fdfb;
@business-block-border-hover: #2ec190;
@theme-tertiary-color-lighter: #019b68;
@theme-primary-text-color: #475975;

@theme-grey-primary: #f0f3f9;

@date-color: #D5D9E3;
@theme-product-header: @theme-secondary-color;


/*headers*/
@header-h1: #475975;
@header-h2: #475975;
@header-h3: #1D2F41;
@header-h4: #1D2F41;
@header-h5: #475975;
@header-h6: #1D2F41;
/*headers*/

/*font family*/
@theme-font-family-regular: 'Open Sans';
/*font family*/

/*@theme color codes*/

@rectangle-border: solid 1px #f6f8fc;
@checkbox-checked-border-color: #2a9ce1;
@dropdown-html-box-shadow: 0 15px 20px @medium-gray-color;
@modal-popup-opacity: rgba(255,255,255, 0.7);
@faq-closed-color: #2A9CE1;
@faq-open-color: #007ac3;
@blue-shade-primary: #edf0f8;
@theme-white-color: #FFFFFF;
@theme-primary-color: #2A9CE1;
@theme-text-color: #8993A0;
@theme-secondary-color: #475975;
@add-to-cart-quantity-background: #1D2F41;
@theme-green-color: #2EC190;
/*links*/
@link-text-color: @theme-primary-color;
@link-border-bottom: #B4DBF3;
/*top-header*/
@mobile-header-email: #019B68;
@mobile-header-call: #007AC3;
@top-header-background: #2A9CE1;
@header-top-shadow : #D5D9E3;
@header-bottom-shadow-color: #007ac3;
/*header*/
@header-bottom-shadow: rgba(213,217,227,0.55);
@shopping-cart-icon-color: #5A6B89;
@theme-header-secondary-color: #1D2F41;
@navigation-dropdown-link-hover-background-color: #f6f8fc;
@top-header-btn-text: #5A6B89;
/*Language-dropdown*/
@theme-language-active: #F6F8FC;
@theme-language-name-list: #212121;

/*Dropdown*/
@product-header-h3: #475975;
/*Border-radius*/
@border-radius-base:  4px;
@border-radius-large: 5px;
@border-radius-small: 3px;
/*border-radius*/
/*Buttons*/
@theme-btn-default-text: #5A6B89;
@theme-button-background-color: @theme-primary-color;
@theme-btn-border: #D5D9E3;
@btn-text-hover: #3294cf;
@btn-border-hover: #3294cf;
@border-color-red: #e50000;
/*news block*/
@theme-news-block-background: @theme-language-active;
@theme-news-date-color: @theme-news-block-background;
@theme-news-slider-indicators: @theme-carousel-indicators;
@theme-news-header: @theme-header-secondary-color;


/*Slider*/
@theme-offers-slider-price: @theme-header-secondary-color;
@theme-carousel-indicators: #B6BCC2;

/*main Slider*/
@theme-slider-header: @theme-secondary-color;
@theme-slider-block-border: @theme-btn-border;

/*news block*/
@theme-news-block-background: @theme-language-active;
@theme-news-block-border: @theme-btn-border;
@news-badge-background: #F8C672;
@news-badge-border: #F5A623;
@news-date-format: @theme-btn-border;

/*offers*/
@theme-offers-block-border: @theme-btn-border;
@theme-offers-header-color: @theme-header-secondary-color;
@offers-product-id: #475975;
/*product-category-block*/
@theme-product-category-border: @theme-btn-border;
@theme-product-category-header: @theme-header-secondary-color;
@theme-product-link-active-color: #007AC3;

/*Business blocks*/
@theme-business-block-background: @theme-language-active;
@theme-business-header: @theme-header-secondary-color;
@theme-business-block-active-border: @theme-green-color;
@theme-business-block-on-hover-background: #F6FDFB;
@theme-link-on-hover-text: #019B68;
@theme-link-on-hover-border: @theme-business-block-on-hover-background;
@theme-on-hover-header: #016745;
@search-icon-color: #5A6B89;
@business-link-hover-color: rgba(46, 193, 144, 0.32);
/*Information block*/

/*Assortment list view*/
@assortment-product-price-background: #F6F8FC;
@assortmet-pagination-active-background: @assortment-product-price-background;
@assortment-header: #1D2F41;
@assortment-product-price: @assortment-header;
@assortment-product-description: #8993A0;
@assortment-pagination-text: #212121;
@filter-header-sub-item-text: #2A9CE1;
@filter-active-icon-selected: header-sub-item-text;
@assortment-product-id: #475975;
@assortment-product-border-bottom: #D5D9E3;
@breadcrumb-border-bottom: #d5d9e3;
@breadcrumb-navigation-text-color: #D5D9E3;
@breadcrumb-header-active: #475975;
@breadcrumb-icons-color: #B7BDC9;
@breadcrumb-results: #1D2F41;
@assortment-quantity-border-color: @breadcrumb-navigation-text-color;
@list-grid-border: #d5d9e3;
@article-count: #1d2f41;
@filter-color: #2a9ce1;
@assortment-filter-list-icons-border: @breadcrumb-navigation-text-color;
@assortment-dropdown-text-color: #5A6B89;
@assortment-dropdown-caret-color: @assortment-dropdown-text-color;

@list-grid-view-border: #d5d9e3;
@filter-badge-background-color: #828c99;
@filter-text-color: #828C99;
@filter-list-badge: @filter-text-color;

@product-pagina-text-color: #5A6B89;
@assortment-product-code: @assortment-header;
@assortment-grid-list-view-icon-color: #D5D9E3;
@assortment-active-list-grid-view-color: #475975;
/*Footer*/
@footer-search-box-border: @theme-language-active;
@footer-header: @theme-header-secondary-color;
@footer-social-icons-color: #828C99;
@footer-bottom-background-color: #F6F8FC;
@footer-bottom-links-color: #8993A0;
@free-shipping-icons: #2EC190;
@footer-social-icons-background: #F6F8FC;
/*header*/

/*Aside*/
@theme-news-title: @theme-header-secondary-color;
@theme-news-sub-title: @theme-news-title;
@theme-offers-title: @theme-news-sub-title;
@theme-offers-sub-title: @theme-offers-title;


/*contact*/
@contact-top-content-background: #F0F2F9;
@location-header-color: #009B68;
/*@theme color codes*/


/* Header */
/* Primary header */
@primary-header-background-color: #fff;
@primary-header-icon-color: @medium-gray-color;

@theme-primary-btn-color: @theme-primary-color;
@theme-header-link: @theme-gray-text-color;
@theme-header-hover: @theme-primary-color;
@item-header-link-color: @theme-thirth-color;
@theme-link-color: @theme-header-link;
/* Secondary header */
@secondary-header-background-color: @fourth-color;

/* Top bar */
@top-bar-background-color: @secondary-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;

/* Navigation */
@font-weight-normal: normal;
@font-weight-bold: bold;
@navigation-link-background-color: transparent;
@navigation-link-color: @secondary-color;
@navigation-link-border-radius: 0;
@navigation-link-hover-background-color: @thirth-color;
@navigation-link-hover-color: @primary-color;
@navigation-link-focus-background-color: @thirth-color;
@navigation-link-focus-color: @primary-color;
@navigation-link-active-background-color: @thirth-color;
@navigation-link-active-color: @primary-color;

/* Dropdown */
@navigation-dropdown-background-color: @theme-white-color;
@navigation-dropdown-link-background-color: transparent;
@navigation-dropdown-link-color: #5A6B89;
@navigation-dropdown-link-hover-color: @secondary-color;
@navigation-dropdown-html-content-border: 1px solid lighten(@thirth-color, 5%);


/*product detail*/
@product-header-h3: #475975;
@badge-cart: #1d2f41;

/* 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;

/* Breadcrumbs */
@breadcrumb-container-background-color: transparent;
@breadcrumb-text-transform: uppercase;
@breadcrumb-link-color: @thirth-color;
@breadcrumb-link-hover-color: @secondary-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: @fifth-color;
@footer-text-color: @secondary-color;
@footer-extra-content-row-color: #fff;
@footer-social-row-background-color: @secondary-color;
@footer-social-row-text-color: @secondary-color;
@footer-social-row-text-color-hover: @thirth-color;
@footer-content-text-color: @secondary-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: @fifth-color;
@btn-default-text-color: @primary-color;
@btn-default-border: 1px solid @fifth-color;
@btn-default-border-radius: @border-radius;
@btn-default-hover-background-color: @fifth-color;
@btn-default-hover-text-color: @primary-color;
@btn-default-hover-border: 1px solid @fifth-color;
@btn-default-focus-background-color: @fifth-color;
@btn-default-focus-text-color: @primary-color;
@btn-default-focus-border: 1px solid @fifth-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: transparent;
@btn-link-text-color: @thirth-color;
@btn-link-border: 0;
@btn-link-border-radius: 0;
@btn-link-hover-background-color: transparent;
@btn-link-hover-text-color: @thirth-color;
@btn-link-hover-border: 0;
@btn-link-focus-background-color: #E53935;
@btn-link-focus-text-color: @thirth-color;
@btn-link-focus-border: 0;

/* Button icons */
@btn-basic-icon-color: #3c475c;
@btn-default-icon-color: #3c475c;
@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: #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-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 {
    min-height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    background-color: @theme-white-color;
}

html, body {
    font-family: 'open sans';
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 16px;
}

strong, b {
    font-family: @secondary-font;
}

/* Make footer stick at bottom */
main {
    flex: 1 0 auto;
}
/* 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=Didact+Gothic');
@import url('https://fonts.googleapis.com/css?family=Roboto:400,700');
@import url('https://fonts.googleapis.com/icon?family=Material+Icons');

/* Color Schemes */
/* Edit this only! */
@primary-color: #fff;
@secondary-color: #3294cf;
@thirth-color: #007ac3;
@fourth-color: #fafbfc;
@fifth-color: #b3b5a5;
@sixth-color: #dbe3ee;
@seventh-color: #b68a6c;
@darkgray-color: #404040;
@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;
@border-bottom-color: #00619c;
@grid-gutter-width: 30px;
@dropdown-link-color: @border-bottom-color;
@dropdwon-link-active: #f5f5f5;
/* Fonts */
@primary-font: 'Didact Gothic', sans-serif;
@secondary-font: 'Roboto', sans-serif;
@font-size-base: 16px;

/* Header */
/* Primary header */
@primary-header-background-color: #fff;
@primary-header-icon-color: @medium-gray-color;

/* Secondary header */
@secondary-header-background-color: @fourth-color;

/* Top bar */
@top-bar-background-color: @secondary-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;

/* Navigation */
@navigation-link-background-color: transparent;
@navigation-link-color: @secondary-color;
@navigation-link-border-radius: 0;
@navigation-link-hover-background-color: @thirth-color;
@navigation-link-hover-color: @primary-color;
@navigation-link-focus-background-color: @thirth-color;
@navigation-link-focus-color: @primary-color;
@navigation-link-active-background-color: @thirth-color;
@navigation-link-active-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;

/* Breadcrumbs */
@breadcrumb-container-background-color: transparent;
@breadcrumb-text-transform: uppercase;
@breadcrumb-link-color: @thirth-color;
@breadcrumb-link-hover-color: @secondary-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: @fifth-color;
@footer-text-color: @secondary-color;
@footer-extra-content-row-color: #fff;
@footer-social-row-background-color: @secondary-color;
@footer-social-row-text-color: @secondary-color;
@footer-social-row-text-color-hover: @thirth-color;
@footer-content-text-color: @secondary-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: @fifth-color;
@btn-default-text-color: @primary-color;
@btn-default-border: 1px solid @fifth-color;
@btn-default-border-radius: @border-radius;
@btn-default-hover-background-color: @fifth-color;
@btn-default-hover-text-color: @primary-color;
@btn-default-hover-border: 1px solid @fifth-color;
@btn-default-focus-background-color: @fifth-color;
@btn-default-focus-text-color: @primary-color;
@btn-default-focus-border: 1px solid @fifth-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: transparent;
@btn-link-text-color: @thirth-color;
@btn-link-border: 0;
@btn-link-border-radius: 0;
@btn-link-hover-background-color: transparent;
@btn-link-hover-text-color: @thirth-color;
@btn-link-hover-border: 0;
@btn-link-focus-background-color: #E53935;
@btn-link-focus-text-color: @thirth-color;
@btn-link-focus-border: 0;

/* Button icons */
@btn-basic-icon-color: #3c475c;
@btn-default-icon-color: #3c475c;
@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: #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-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;
@tooltip-arrow: #3294d0;
@contact-link-active: #096aa5;



.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@keyframes bounce{0%,100%,20%,53%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(0.755,.050,.855,.060);animation-timing-function:cubic-bezier(0.755,.050,.855,.060);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,100%,50%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(0.75,1.25,1);transform:scale3d(0.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}100%{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}.swing{-webkit-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}@keyframes wobble{0%{-webkit-transform:none;transform:none}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}100%{-webkit-transform:none;transform:none}}.wobble{-webkit-animation-name:wobble;animation-name:wobble}@-webkit-keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{0%,100%,11.1%{-webkit-transform:none;transform:none}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(0.390625deg) skewY(0.390625deg);transform:skewX(0.390625deg) skewY(0.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.jello{-webkit-animation-name:jello;animation-name:jello;-webkit-transform-origin:center;transform-origin:center}@-webkit-keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{0%,100%,20%,40%,60%,80%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}100%{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.bounceIn{-webkit-animation-name:bounceIn;animation-name:bounceIn}@-webkit-keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInDown{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}100%{-webkit-transform:none;transform:none}}.bounceInDown{-webkit-animation-name:bounceInDown;animation-name:bounceInDown}@-webkit-keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft}@-webkit-keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInRight{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}100%{-webkit-transform:none;transform:none}}.bounceInRight{-webkit-animation-name:bounceInRight;animation-name:bounceInRight}@-webkit-keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{0%,100%,60%,75%,90%{-webkit-animation-timing-function:cubic-bezier(0.215,.61,.355,1);animation-timing-function:cubic-bezier(0.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.bounceInUp{-webkit-animation-name:bounceInUp;animation-name:bounceInUp}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}100%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}.bounceOut{-webkit-animation-name:bounceOut;animation-name:bounceOut}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.bounceOutDown{-webkit-animation-name:bounceOutDown;animation-name:bounceOutDown}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.bounceOutLeft{-webkit-animation-name:bounceOutLeft;animation-name:bounceOutLeft}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.bounceOutRight{-webkit-animation-name:bounceOutRight;animation-name:bounceOutRight}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.bounceOutUp{-webkit-animation-name:bounceOutUp;animation-name:bounceOutUp}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDownBig{0%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeftBig{0%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRightBig{0%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUpBig{0%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip}@-webkit-keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{0%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInX;animation-name:flipInX}@-webkit-keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}100%{-webkit-transform:perspective(400px);transform:perspective(400px)}}.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipInY;animation-name:flipInY}@-webkit-keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@-webkit-keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{0%{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}100%{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;-webkit-animation-name:flipOutY;animation-name:flipOutY}@-webkit-keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}@keyframes lightSpeedIn{0%{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg);opacity:1}100%{-webkit-transform:none;transform:none;opacity:1}}.lightSpeedIn{-webkit-animation-name:lightSpeedIn;animation-name:lightSpeedIn;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}@-webkit-keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{0%{opacity:1}100%{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.lightSpeedOut{-webkit-animation-name:lightSpeedOut;animation-name:lightSpeedOut;-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}@-webkit-keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateIn{0%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:1}}.rotateIn{-webkit-animation-name:rotateIn;animation-name:rotateIn}@-webkit-keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownLeft{-webkit-animation-name:rotateInDownLeft;animation-name:rotateInDownLeft}@-webkit-keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInDownRight{-webkit-animation-name:rotateInDownRight;animation-name:rotateInDownRight}@-webkit-keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpLeft{-webkit-animation-name:rotateInUpLeft;animation-name:rotateInUpLeft}@-webkit-keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}@keyframes rotateInUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:none;transform:none;opacity:1}}.rotateInUpRight{-webkit-animation-name:rotateInUpRight;animation-name:rotateInUpRight}@-webkit-keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{0%{-webkit-transform-origin:center;transform-origin:center;opacity:1}100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}.rotateOut{-webkit-animation-name:rotateOut;animation-name:rotateOut}@-webkit-keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}.rotateOutDownLeft{-webkit-animation-name:rotateOutDownLeft;animation-name:rotateOutDownLeft}@-webkit-keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutDownRight{-webkit-animation-name:rotateOutDownRight;animation-name:rotateOutDownRight}@-webkit-keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{0%{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}100%{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}.rotateOutUpLeft{-webkit-animation-name:rotateOutUpLeft;animation-name:rotateOutUpLeft}@-webkit-keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{0%{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}100%{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}.rotateOutUpRight{-webkit-animation-name:rotateOutUpRight;animation-name:rotateOutUpRight}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}100%{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}.hinge{-webkit-animation-name:hinge;animation-name:hinge}@-webkit-keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes rollIn{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}100%{opacity:1;-webkit-transform:none;transform:none}}.rollIn{-webkit-animation-name:rollIn;animation-name:rollIn}@-webkit-keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{0%{opacity:1}100%{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}.rollOut{-webkit-animation-name:rollOut;animation-name:rollOut}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn}@-webkit-keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInDown{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInDown{-webkit-animation-name:zoomInDown;animation-name:zoomInDown}@-webkit-keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInLeft{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInLeft{-webkit-animation-name:zoomInLeft;animation-name:zoomInLeft}@-webkit-keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInRight{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInRight{-webkit-animation-name:zoomInRight;animation-name:zoomInRight}@-webkit-keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomInUp{0%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomInUp{-webkit-animation-name:zoomInUp;animation-name:zoomInUp}@-webkit-keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}@keyframes zoomOut{0%{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}100%{opacity:0}}.zoomOut{-webkit-animation-name:zoomOut;animation-name:zoomOut}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutDown{-webkit-animation-name:zoomOutDown;animation-name:zoomOutDown}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}.zoomOutLeft{-webkit-animation-name:zoomOutLeft;animation-name:zoomOutLeft}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}100%{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}.zoomOutRight{-webkit-animation-name:zoomOutRight;animation-name:zoomOutRight}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(0.55,.055,.675,.19);animation-timing-function:cubic-bezier(0.55,.055,.675,.19)}100%{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(0.175,.885,.32,1);animation-timing-function:cubic-bezier(0.175,.885,.32,1)}}.zoomOutUp{-webkit-animation-name:zoomOutUp;animation-name:zoomOutUp}@-webkit-keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{0%{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInDown{-webkit-animation-name:slideInDown;animation-name:slideInDown}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{0%{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInLeft{-webkit-animation-name:slideInLeft;animation-name:slideInLeft}@-webkit-keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{0%{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInRight{-webkit-animation-name:slideInRight;animation-name:slideInRight}@-webkit-keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{0%{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.slideInUp{-webkit-animation-name:slideInUp;animation-name:slideInUp}@-webkit-keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.slideOutDown{-webkit-animation-name:slideOutDown;animation-name:slideOutDown}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.slideOutLeft{-webkit-animation-name:slideOutLeft;animation-name:slideOutLeft}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.slideOutRight{-webkit-animation-name:slideOutRight;animation-name:slideOutRight}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{0%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}100%{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.slideOutUp{-webkit-animation-name:slideOutUp;animation-name:slideOutUp}
/* LESS classes */
.horizontal-gradient (@startColor: #eee, @endColor: white) {
    background-color: @startColor;
    background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
    background-image: -webkit-linear-gradient(left, @startColor, @endColor);
    background-image: -moz-linear-gradient(left, @startColor, @endColor);
    background-image: -ms-linear-gradient(left, @startColor, @endColor);
    background-image: -o-linear-gradient(left, @startColor, @endColor);
}

.gradient(@type; @colors; @dir: 0deg; @prefixes: webkit, moz, ms, o; @index: length(@prefixes)) when (@index > 0) {
    .gradient(@type; @colors; @dir; @prefixes; (@index - 1));

    @prefix: extract(@prefixes, @index);
    @dir-old: 90 - (@dir);

    background-image: ~"-@{prefix}-@{type}-gradient(@{dir-old}, @{colors})";

    & when ( @index = length(@prefixes) ) {
        background-image: ~"@{type}-gradient(@{dir}, @{colors})";
    }
}

.box-sizing (@type: border-box) {
    -webkit-box-sizing: @type !important;
    -moz-box-sizing: @type !important;
    box-sizing: @type !important;
}

.border-radius(@radius) {
    -moz-border-radius: @radius;
    -webkit-border-radius: @radius;
    border-radius: @radius;
}

.font-awesome(@icon: "\f230") {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    content: @icon;
}

.hoverFade(@delay: 5s) {
    -webkit-transition: @delay;
    -moz-transition: @delay;
    -o-transition: @delay;
    transition: @delay;
}

.transitionDelay(@delay: 0s) {
    -webkit-transition-delay: @delay;
    -moz-transition-delay: @delay;
    -o-transition-delay: @delay;
    transition-delay: @delay;
}

.transition(@seconds: 0s) {
    -webkit-transition: @seconds;
    -moz-transition: @seconds;
    -o-transition: @seconds;
    transition: @seconds;
}

.animation(@animation, @duration, @type) {
    -webkit-animation: @animation @duration @type;
    -moz-animation-play-state: @animation @duration @type;
    animation: @animation @duration @type;
}

.animationDuration(@seconds: 2s) {
    -webkit-animation-duration: @seconds;
    -moz-animation-duration: @seconds;
    -o-animation-duration: @seconds;
    animation-duration: @seconds;
}

.box-shadow (@shadow: 0 0 2px 0 #ccc) {
    -webkit-box-shadow: @shadow;
    -moz-box-shadow: @shadow;
    box-shadow: @shadow;
}

.opacityFadeIn(@seconds: .3s;) {
    -webkit-transition: opacity @seconds ease-in-out;
    -moz-transition: opacity @seconds ease-in-out;
    transition: opacity @seconds ease-in-out;
}

.fadeInOut(@seconds: .3s) {
    -webkit-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
    -moz-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
    -o-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
}

.slide-in {
    left: 0% !important;

    .transition(.12s);
    & + .overlay-mobile {
        display: block;
    }
}
.slide-out {
    left: -100% !important;

    .transition(.12s);
        & + .overlay-mobile {
        display: none;
    }
}

.collapseable {
    cursor: pointer;
}

.collapseable:hover {
    background: @light-color;
}

/* Sections */
.tiny-section {
    padding: 10px 0;
}

.small-section {
    padding: 15px 0;
}

.medium-section {
    padding: 25px 0;
}

.large-section {
    padding: 40px 0;
}

.expanding-box {
    background: #fff;
    padding: 15px 0;
    margin: 15px 0;
    .box-shadow(1px 1px 3px -1px #ccc);
}

/* Call us class */
.call-us {
    position: fixed;
    right: 0px;
    top: 50%;
    transform: translate(72%, 100%);
    z-index: 9;  

    span, i {
        display: inline-block;
        padding: 8px;
        background-color: @thirth-color;
        color: #fff;
        font-size: 16px;
        cursor: pointer;        
    }
    span {
        .box-shadow(0 0 5px #707070);
    }
   
    i {
        margin-right: 10px;
    }

    &:hover {
        span {
            transform: translateX(-70%);
            transition: 0.33s;
            -webkit-transition: 0.33s;
        }
    }
}



/* Bordered sections */
.border-row {
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.border-top-row {
    border-top: 1px solid @light-gray-color;
}

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

.primary-color {
    color: @thirth-color;
}

/* Special classes */
.full-width-row {
    background: #f1f1f1;
    padding: 40px 15px;
    margin-top: 25px;
}

.selectable, .clickable {
    cursor: pointer;
}

.overflow-hidden {
    overflow: hidden;
}

.flexbox {
    display: flex;
    flex-wrap: wrap;

    .item {
        flex-grow: 1;
    }
}

@media (max-width: 767px)
{
    .flexbox {
        display: block;
        flex-wrap: unset;

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

        .item {
            flex-grow: unset;
        }
    }
}

.static {
    position: static !important;
}

/* Ripple effect */
.ripple-effect {
    position: relative;
    overflow: hidden;
}

/*.ink styles - the elements which will create the ripple effect. The size and position of these elements will be set by the JS code. Initially these elements will be scaled down to 0% and later animated to large fading circles on user click.*/
.ink {
    display: block;
    position: absolute;
    border-radius: 100%;
    transform: scale(0);
}
/*animation effect*/
.ink.animate {
    animation: ripple 0.65s linear;
}

@keyframes ripple {
    /*scale the element to 250% to safely cover the entire link and fade it out*/
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes fade {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.keyframes(@name,@rules) {

    @-webkit-keyframes @name {
        @rules();
    }

    @-moz-keyframes @name {
        @rules();
    }

    @-ms-keyframes @name {
        @rules();
    }

    @-o-keyframes @name {
        @rules();
    }

    @keyframes @name {
        @rules();
    }
}


/* Alignment */
div[class^='vertical-align-'] > *, div[class*=' vertical-align-'] > * {
    display: inline-block;
    float: none;
    margin-right: -4px !important;
}

.vertical-align-top > * {
    vertical-align: top;
}

.vertical-align-middle > * {
    vertical-align: middle;
}

.vertical-align-bottom > * {
    vertical-align: bottom;
}

/* CSS rules */
/* Generate automatic classes */
.generate-padding(50);
.generate-padding-top(50);
.generate-padding-right(50);
.generate-padding-bottom(50);
.generate-padding-left(50);
.generate-margin(50);
.generate-margin-top(50);
.generate-margin-right(50);
.generate-margin-bottom(50);
.generate-margin-left(50);
.generate-negative-margin(50);
.generate-negative-margin-top(50);
.generate-negative-margin-right(50);
.generate-negative-margin-bottom(50);
.generate-negative-margin-left(50);
.generate-border(10);
.generate-border-top(10);
.generate-border-left(10);
.generate-border-bottom(10);
.generate-border-right(10);
.generate-border-radius(50);
.generate-border-top-left-radius(50);
.generate-border-top-right-radius(50);
.generate-border-bottom-left-radius(50);
.generate-border-bottom-right-radius(50);

/* Generate padding */
.generate-padding(@n, @i: 1) when (@i =< @n) {
    .padding-@{i} {
        padding: @i * 1px !important;
    }

    .generate-padding(@n, (@i + 1));
}

.generate-padding-top(@n, @i: 1) when (@i =< @n) {
    .padding-top-@{i} {
        padding-top: @i * 1px !important;
    }

    .generate-padding-top(@n, (@i + 1));
}

.generate-padding-right(@n, @i: 1) when (@i =< @n) {
    .padding-right-@{i} {
        padding-right: @i * 1px !important;
    }

    .generate-padding-right(@n, (@i + 1));
}

.generate-padding-bottom(@n, @i: 1) when (@i =< @n) {
    .padding-bottom-@{i} {
        padding-bottom: @i * 1px !important;
    }

    .generate-padding-bottom(@n, (@i + 1));
}

.generate-padding-left(@n, @i: 1) when (@i =< @n) {
    .padding-left-@{i} {
        padding-left: @i * 1px !important;
    }

    .generate-padding-left(@n, (@i + 1));
}

/* Generate margin */
.generate-margin(@n, @i: 1) when (@i =< @n) {
    .margin-@{i} {
        margin: @i * 1px !important;
    }

    .generate-margin(@n, (@i + 1));
}

.generate-margin-top(@n, @i: 1) when (@i =< @n) {
    .margin-top-@{i} {
        margin-top: @i * 1px !important;
    }

    .generate-margin-top(@n, (@i + 1));
}

.generate-margin-right(@n, @i: 1) when (@i =< @n) {
    .margin-right-@{i} {
        margin-right: @i * 1px !important;
    }

    .generate-margin-right(@n, (@i + 1));
}

.generate-margin-bottom(@n, @i: 1) when (@i =< @n) {
    .margin-bottom-@{i} {
        margin-bottom: @i * 1px !important;
    }

    .generate-margin-bottom(@n, (@i + 1));
}

.generate-margin-left(@n, @i: 1) when (@i =< @n) {
    .margin-left-@{i} {
        margin-left: @i * 1px !important;
    }

    .generate-margin-left(@n, (@i + 1));
}

/* Negative margin */
.generate-negative-margin(@n, @i: 0) when (@i =< @n) {
    .margin-negative-@{i} {
        margin: -@i * 1px !important;
    }

    .generate-negative-margin(@n, (@i + 1));
}

.generate-negative-margin-top(@n, @i: 0) when (@i =< @n) {
    .margin-negative-top-@{i} {
        margin-top: -@i * 1px !important;
    }

    .generate-negative-margin-top(@n, (@i + 1));
}

.generate-negative-margin-right(@n, @i: 0) when (@i =< @n) {
    .margin-negative-right-@{i} {
        margin-right: -@i * 1px !important;
    }

    .generate-negative-margin-right(@n, (@i + 1));
}

.generate-negative-margin-bottom(@n, @i: 0) when (@i =< @n) {
    .margin-negative-bottom-@{i} {
        margin-bottom: -@i * 1px !important;
    }

    .generate-negative-margin-bottom(@n, (@i + 1));
}

.generate-negative-margin-left(@n, @i: 0) when (@i =< @n) {
    .margin-negative-left-@{i} {
        margin-left: -@i * 1px !important;
    }

    .generate-negative-margin-left(@n, (@i + 1));
}

/* Borders */
.generate-border(@n, @i: 1) when (@i =< @n) {
    .border-@{i} {
        border: @i * 1px solid @secondary-color !important;
    }

    .generate-border(@n, (@i + 1));
}

.generate-border-top(@n, @i: 1) when (@i =< @n) {
    .border-top-@{i} {
        border-top: @i * 1px solid @secondary-color !important;
    }

    .generate-border-top(@n, (@i + 1));
}

.generate-border-left(@n, @i: 1) when (@i =< @n) {
    .border-left-@{i} {
        border-left: @i * 1px solid @secondary-color !important;
    }

    .generate-border-left(@n, (@i + 1));
}

.generate-border-bottom(@n, @i: 1) when (@i =< @n) {
    .border-bottom-@{i} {
        border-bottom: @i * 1px solid @secondary-color !important;
    }

    .generate-border-bottom(@n, (@i + 1));
}

.generate-border-right(@n, @i: 1) when (@i =< @n) {
    .border-right-@{i} {
        border-right: @i * 1px solid @secondary-color !important;
    }

    .generate-border-right(@n, (@i + 1));
}

/* Border radius */
.generate-border-radius(@n, @i: 0) when (@i =< @n) {
    .border-radius-@{i} {
        border-radius: @i * 1px !important;
    }

    .generate-border-radius(@n, (@i + 1));
}

.generate-border-top-left-radius(@n, @i: 0) when (@i =< @n) {
    .border-top-left-radius-@{i} {
        border-top-left-radius: @i * 1px !important;
    }

    .generate-border-top-left-radius(@n, (@i + 1));
}

.generate-border-top-right-radius(@n, @i: 0) when (@i =< @n) {
    .border-top-right-radius-@{i} {
        border-top-right-radius: @i * 1px !important;
    }

    .generate-border-top-right-radius(@n, (@i + 1));
}

.generate-border-bottom-left-radius(@n, @i: 0) when (@i =< @n) {
    .border-bottom-left-radius-@{i} {
        border-bottom-left-radius: @i * 1px !important;
    }

    .generate-border-bottom-left-radius(@n, (@i + 1));
}

.generate-border-bottom-right-radius(@n, @i: 0) when (@i =< @n) {
    .border-bottom-right-radius-@{i} {
        border-bottom-right-radius: @i * 1px !important;
    }

    .generate-border-bottom-right-radius(@n, (@i + 1));
}


.no-padding {
    padding: 0;
}

.no-padding-top {
    padding-top: 0;
}

.no-padding-left {
    padding-left: 0;
}

.no-padding-right {
    padding-right: 0;
}

.no-padding-bottom {
    padding-bottom: 0;
}

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

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

.no-margin-left {
    margin-left: 0 !important;
}

.no-margin-right {
    margin-right: 0 !important;
}

.no-margin-bottom {
    margin-bottom: 0 !important;
}

.margin-auto {
    float: none;
    margin: 0 auto;
}

/* Groups */
.spacer {
    height: 15px;
}


/*Links*/
.underline {
    text-decoration: none;
    padding-right: 10px;

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

.no-underline {
    text-decoration: none;
    
    &:hover {
        text-decoration: none;
    }
}

/*list items without bullets*/
.no-bullets{
    list-style: none;
}

/*
    Solvisoft components stylesheets

    BETA

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

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

/* Active filters component */
active-filters-component {
    display: block;

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

/* Webshop filters component */

.webshop-filters-component {
    display: block;

    ul, li {
        display: block;
        margin: 0;
        padding: 0;
    }

    ul {
        > span {
            position: relative;
            display: block;
            font-weight: bold;
            .transition(.12s);
            padding-top: 0;

            &::after {
                right: (@grid-gutter-width/3);
                top: 0;
                .font-awesome("\f0d7");
            }

            &:hover {
                cursor: pointer;
            }

            &.collapsed {
                &::after {
                    right: (@grid-gutter-width/3);
                    top: -(@grid-gutter-width/10);
                    .font-awesome("\f0d8");
                }
            }
        }

        > ul > li {
            padding: 10px;
            display: block;

            .badge {
                width: 37px;
                height: 24px;
                text-align: center;
                padding: 0;
                font-weight: @font-weight-semibold;
                padding: (@grid-gutter-width/6);
                background: @filter-badge-background-color;
                position: relative;
                top: -(@grid-gutter-width/6);
                font-size: (@font-size-base - 2);
                border-radius: 100px;

                @media only screen and (max-width: 768px) {
                    width: 27px;
                    height: 20px;
                    padding: (0.133 * @grid-gutter-width);
                }
            }

            .category-name {
                width: 175px;
                padding-right: 0;
                position: relative;
                top: -(@grid-gutter-width * 0.1);
                 @media only screen and (max-width: 1024px) {
                     width: 150px;
                 }

                @media only screen and (max-width: 768px) {
                    width: 108px;
                }

                @media only screen and (max-width: 640px) {
                    width: 80%;
                }

                .value-display {
                    left: (@grid-gutter-width/3);
                    top: -(@grid-gutter-width/6);
                    color: @filter-text-color;
                    font-weight: @font-weight-semibold;
                    font-size: (@font-size-base - 2);
                    margin-right: (@grid-gutter-width/2);

                    @media only screen and (max-width: 768px) {
                        margin-left: 1px;
                        word-wrap: break-word;
                    }
                }
            }

            > label {
                display: inline-block;
                font-weight: normal;
                margin-bottom: 0;
                padding-left: 10px;
                cursor: pointer;
                vertical-align: top;
                border-radius: 50%;

                > label {
                    position: absolute;
                    top: 0;
                    left: 0;
                    cursor: pointer;
                }
            }

            .has-custom-checkbox {
                & + label {
                    border-radius: 50%;
                    height: 16px;
                    width: 16px;
                    &:before {
                        height: auto;
                        width: auto;
                    }

                    &:after {
                        border-right: 0;
                        border-bottom: 0;
                    }
                }

                &:checked + label {
                    border-color: @filter-color;
                    background: @filter-color;
                }

                &:checked + label:before {
                    background: @checkbox-checked-background-color;
                }
            }
        }
    }
}

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 material design style sheets beneath this line
*/
//@import "Material design/material.design.inputs.less";

@default-font-size: 14px;
@default-font-weight: 300;

/* Color Schemes (deprecated since 27-01-2017)*/
/* @import "color-scheme"; */

/* Gradient class */
.horizontal-gradient (@startColor: #eee, @endColor: white) {
    background-color: @startColor;
    background-image: -webkit-gradient(linear, left top, right top, from(@startColor), to(@endColor));
    background-image: -webkit-linear-gradient(left, @startColor, @endColor);
    background-image: -moz-linear-gradient(left, @startColor, @endColor);
    background-image: -ms-linear-gradient(left, @startColor, @endColor);
    background-image: -o-linear-gradient(left, @startColor, @endColor);
}

/* Other classes */
.box-sizing (@type: border-box) {
    -webkit-box-sizing: @type !important;
    -moz-box-sizing: @type !important;
    box-sizing: @type !important;
}

.font-awesome(@icon: "\f230") {
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    display: inline-block;
    text-decoration: inherit;
    position: absolute;
    content: @icon;
}

.hoverFade(@delay: 5s) {
    -webkit-transition: @delay;
       -moz-transition: @delay;
        -o-transition: @delay;
           transition: @delay;
}

.transitionDelay(@delay: 0s) {
    -webkit-transition-delay: @delay;
    -moz-transition-delay: @delay;
    -o-transition-delay: @delay;
    transition-delay: @delay;
}

.transition(@seconds: 0s) {
    -webkit-transition: @seconds;
    -moz-transition: @seconds;
    -o-transition: @seconds;
    transition: @seconds;
}

.animationDuration(@seconds: 2s) {
    -webkit-animation-duration: @seconds;
    -moz-animation-duration: @seconds;
    -o-animation-duration: @seconds;
    animation-duration: @seconds;
}

.box-shadow (@shadow: 0 0 2px 0 #ccc) {
    -webkit-box-shadow: @shadow;
    -moz-box-shadow: @shadow;
    box-shadow: @shadow;
}

.fadeIn(@seconds: .3s) {
    -webkit-animation: fadeIn @seconds ease-in-out;
       -moz-animation: fadeIn @seconds ease-in-out;
         -o-animation: fadeIn @seconds ease-in-out;
            animation: fadeIn @seconds ease-in-out;
}

.fadeOut(@seconds: .3s) {
    -webkit-animation: fadeOut @seconds ease-in-out;
       -moz-animation: fadeOut @seconds ease-in-out;
         -o-animation: fadeOut @seconds ease-in-out;
            animation: fadeOut @seconds ease-in-out;
}

.rotate(@deg) {
    -webkit-transform: rotate(@deg);
        -ms-transform: rotate(@deg);
            transform: rotate(@deg);
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@-webkit-keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

@-webkit-keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}

.fadeInOut(@seconds: .3s) {
    -webkit-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
    -moz-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
    -o-transition: visibility 0s @seconds, opacity @seconds ease-in-out;
}

.transform(@type) {
    -webkit-transform: @type;
       -moz-transform: @type;
        -ms-transform: @type;
            transform: @type;
}

html {
    position: relative;
    min-height: 100%;
}

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

/* do not group these rules */
.form-control::-webkit-input-placeholder {
    color: @medium-gray-color;
}
.form-control:-moz-placeholder {
    /* FF 4-18 */
    color: @medium-gray-color;
}
.form-control::-moz-placeholder {
    /* FF 19+ */
    color: @medium-gray-color;
}
.form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: @medium-gray-color;
}

/* CSS Class rulers */
    /* Alignment */
    div[class^='vertical-align-'] > *, div[class*=' vertical-align-'] > * {
        display: inline-block;
        float: none;
        margin-right: -4px;
    }

    .vertical-align-top > * {
        vertical-align: top;
    }

    .vertical-align-middle > * {
        vertical-align: middle;
    }

    .vertical-align-bottom > * {
        vertical-align: bottom;
    }

.colored {
    color: @thirth-color;
    font-weight: bold;
}

.extra-content-row {
    margin-top: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    background: #f9f9f9;

    h3 {
        margin-top: 0;
        margin-bottom: 20px;
    }
}

/*
    Make all images automaticle responsive
*/
img {
    max-width: 100%;
    max-height: 100%;
}

/*
    Site specific classes
*/
.content-zoom {
    position: relative;
    display: block;
}

.content-zoom > *,
.content-zoom:before,
.content-zoom:after {
    display: block;

    -webkit-transition: all 0.3s;
       -moz-transition: all 0.3s;
            transition: all 0.3s;
}

.content-zoom:hover > *,
.content-zoom:hover:before,
.content-zoom:hover:after {
    -webkit-transform: scale(1.1);
       -moz-transform: scale(1.1);
            transform: scale(1.1);
}

.content-zoom .content-zoom-content {
    position: absolute;
    bottom: 15px;left: 15px;
    z-index: 999;
}

.content-zoom .content-zoom-content > * {
    color: #fff;
    margin: 0;
}

.content-zoom .content-zoom-content h3 {
    font-size: 16px;
}

.box-shadow {
    .box-shadow(0 12px 15px 0 rgba(22, 25, 28, 0.24));
}

.box-overlay {
    position: relative;
}

.box-overlay:after {
    background: rgba(0, 0, 0, .3);
    position: absolute;
    content: "";
    left: 0;top: 0;
    height: 100%;
    width: 100%;
}

.grunge-top:before {
    background: url(../Images/x80-grunge-B&S-white.png);
    background-repeat: repeat-x;
    position: absolute;
    content: "";
    width: 100%;
    left: 0;top: 0;
    height: 55px;
    z-index: 9999;

    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
}
    /*
        Home
    */
    .content-row {
        padding: 40px 0;
        border-bottom: 1px solid #DBE3EE;
    }

    .webshop-categories-row img {
        -webkit-filter: grayscale(100%);
           -moz-filter: grayscale(100%);
                filter: grayscale(100%);
    }


/*
  Bootstrap Carousel Fade Transition (for Bootstrap 3.3.x)
  CSS from:       http://codepen.io/transportedman/pen/NPWRGq
  and:            http://stackoverflow.com/questions/18548731/bootstrap-3-carousel-fading-to-new-slide-instead-of-sliding-to-new-slide
  Inspired from:  http://codepen.io/Rowno/pen/Afykb 
*/
.carousel-fade .carousel-inner .item {
    opacity: 0;
    transition-property: opacity;
}

.carousel-fade .carousel-inner .active {
    opacity: 1;
}

.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
    left: 0;
    opacity: 0;
    z-index: 1;
}

.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
    opacity: 1;
}

.carousel-fade .carousel-control {
    z-index: 2;
}

/*
  WHAT IS NEW IN 3.3: "Added transforms to improve carousel performance in modern browsers."
  Need to override the 3.3 new styles for modern browsers & apply opacity
*/
@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left {
        opacity: 0;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .carousel-fade .carousel-inner > .item.next.left,
    .carousel-fade .carousel-inner > .item.prev.right,
    .carousel-fade .carousel-inner > .item.active {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.usp-slider i {
    font-size: 18px;
    color: @thirth-color;
    top: -2px;
    position: relative;
    margin-right: 5px;
}

.usp-slider strong {
    font-weight: normal;
    font-size: 14px;
    color: #8993a0;
}

.usp-slider {
    @media (max-width: 480px) {
        height: 46px;
    }
}
/*
    Some input fields can't be styled.
    We create custom input fields with pure CSS for that.

    Input fields that cant be styled are: checkbox, radio, select ... some more but doens't exist here

    @author     Richard Mauritz
    @package    Solvisoft
*/

/* Use below properties for both checkboxes and radio buttons */
@checkbox-box-size: 16px;
@checkbox-border-size: 1px;
@checkbox-border-color: @medium-gray-color;
@checkbox-disabled-border-color: #e8e8e8;
@checkbox-checked-background-color: @thirth-color;
@checkbox-checked-border-color: @thirth-color;
@checkbox-checked-checkmark-color: #fff;
@checkbox-disabled-checked-background-color: #fff;
@checkbox-disabled-checked-checkmark-color: #ccc;
@checkbox-unchecked-color: #fff;

/* Custom input globals */
.has-custom-checkbox,
.has-custom-radio {
    position: absolute;
    opacity: 0;
    display: none;
    visibility: hidden;
}

label {
    span {
        position: relative;
        top: -1px;
        margin-left: 5px;
        font-weight: normal;
    }
}

/* Custom checkbox input */
.has-custom-checkbox {
    & + span,
    & + label {
        display: inline-block;
        vertical-align: middle;
    }

    & + label {
        position: relative;
        height: @checkbox-box-size;
        width: @checkbox-box-size;
        border: @checkbox-border-size solid @checkbox-border-color;
        border-radius: @border-radius;
    }

    &:disabled + label {
        border: @checkbox-border-size solid @checkbox-disabled-border-color;
    }

    & + label:before,
    & + label:after {
        position: absolute;
        content: " ";
    }

    & + label:before {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    & + label:after {
        top: 50%;
        left: 50%;
        height: 10px;
        width: 6px;
        margin-left: -3px;
        margin-top: -6px;
        transform: rotate(45deg);
    }

    &:checked + label {
        border-color: @checkbox-checked-border-color;
    }

    &:checked + label:before {
        background: @checkbox-checked-background-color;
    }

    &:checked + label:after {
        border-right: 2px solid @checkbox-checked-checkmark-color;
        border-bottom: 2px solid @checkbox-checked-checkmark-color;
    }

    &:disabled:checked + label:before {
        background: @checkbox-disabled-checked-background-color;
    }

    &:disabled:checked + label:after {
        border-right: 2px solid @checkbox-disabled-checked-checkmark-color;
        border-bottom: 2px solid @checkbox-disabled-checked-checkmark-color;
    }
}

/* Custom radio input */
.has-custom-radio {
    & + span,
    & + label {
        display: inline-block;
        vertical-align: middle;
    }

    & + label {
        position: relative;
        height: @checkbox-box-size;
        width: @checkbox-box-size;
        border: @checkbox-border-size solid @checkbox-border-color;
        border-radius: 50%;
        overflow: hidden;
        
    }

    &:checked + label {
        border-color: @checkbox-checked-border-color;        
    }

    & + label:before,
    & + label:after {
        position: absolute;
        content: " ";
    }

    & + label:before {
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
    }

    &:checked + label:before {
        background: none;
    }

    & + label:after {
        background: @checkbox-unchecked-color;
        top: 50%;
        left: 50%;
        height: @checkbox-box-size - 8px;
        width: @checkbox-box-size - 8px;
        margin-left: -(@checkbox-box-size - 8px) / 2;
        margin-top: -(@checkbox-box-size - 8px) / 2;
        border-radius: 50%;
    }

    &:checked + label:after {
        background: @checkbox-checked-background-color;
    }
}

/* Custom number input */
[ng-input-number] {
    width: 50%;
    border: 1px solid @light-gray-color;
    border-radius: 0 !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

[ng-input-number],
.plus-control,
.minus-control {
    float: left;
    height: 30px !important;
    padding: 0;
}

.plus-control,
.minus-control {
    background: @light-gray-color;
    border: 1px solid @light-gray-color;
    color: rgba(33, 33, 33, 0.16);
    width: 25%;
    padding-left: 0;
    padding-right: 0;
    overflow: visible;

    &:before {
        position: relative;
        color: #000;
    }
}

.plus-control {
    border-top-right-radius: @border-radius;
    border-bottom-right-radius: @border-radius;

    &:before {
        content: "+";
    }
}

.minus-control {
    border-top-left-radius: @border-radius;
    border-bottom-left-radius: @border-radius;

    &:before {
        top: -2px;
        content: "-";
    }
}

.error-notification {
    position: absolute;
    left: -25px;
    top: 7px;
    color: @warning-color;
}

.radio {
    display: block;
    height: 24px;
    width: 24px;
    border: 1px solid @light-gray-color;
    border-radius: 50%;

    &:before {
        position: absolute;
        display: block;
        content: " ";
        border-radius: 50%;
        top: 4px;left: 4px;

        .transition(.33s);
    }

    .transition(.33s);
}

input:checked {
    + label .radio {
        position: relative;
        border-color: @thirth-color;

        &:before {
            background: @thirth-color;
            height: 14px;
            width: 14px;

            .transition(.33s);
        }

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

/* Select differs from default bootstrap component */
/*select.form-control {
    background-color: transparent;
    font-weight: bold;
    border-radius: 0;
    border: 0;
    border-bottom: 2px solid @secondary-color;
}*/

.date-input {
    border: @form-control-border;
    border-radius: @border-radius-large;
    padding: @form-control-padding;
    font-size: 14px;
    width: 100%;
    transition: .2s;

    &:hover {
        border-color: @form-control-hover-border;
        transition: .2s;
    }
}
/*
    @package Solvisoft
    @author Jan Konert
*/
/*
    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
*/

form {
    .field-validation-error {
        color: darkred;
    }
}
/*
	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
*/

google-maps {
	display: block;
	min-height: 275px;

	img {
		max-width: none !important;
	    max-height: none !important;
	}
}
/*
    Hover css stylesheet
    Overwrite all hover classes, defined inside hover.css, from Daneden.

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

/*
    Default HTML and HTML5 elements, eg. <audio> <article> etc...

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

/*
    HTML elements
*/
blockquote {
    background: #fff;
    margin-left: 50px;
    border-left: 5px solid @thirth-color;
    max-width: 600px;
    margin-top: 15px;

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

ul {
    list-style-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="6" height="6"><circle cx="3" cy="3" r="3" fill="@{thirth-color}" /></svg>');

    li {
        position: relative;
        padding-right: 5px;
    }
}

ol {
    li {
        padding-left: 5px;
    }
}
@import "/content/Default/LESS/loaders.less";
/**
 * @lordfriend/nya-bootstrap-select v2.4.0
 * Copyright 2014 Nyasoft
 * Licensed under MIT license
 */
.nya-bs-select {
  /*width: 220px\9; IE8 and below*/
  width: 220px \0;
  /*IE9 and below*/
  padding: 0;
  margin: 0;
}
.nya-bs-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 120px;
}
.nya-bs-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none;
}
.nya-bs-select.form-control:not([class*="col-"]) {
  width: 100%;
}
.nya-bs-select .dropdown-toggle {
  width: 100%;
  padding-right: 25px;
}
.nya-bs-select .dropdown-toggle .filter-option,
.nya-bs-select .dropdown-toggle .special-title {
  overflow: hidden;
  width: 100%;
  text-align: left;
}
.nya-bs-select .dropdown-toggle .filter-option {
  display: inline-block;
}
.nya-bs-select .dropdown-toggle .special-title {
  display: none !important;
}
.nya-bs-select .dropdown-toggle.show-special-title .filter-option {
  display: none;
}
.nya-bs-select .dropdown-toggle.show-special-title .special-title {
  display: inline-block;
}
.nya-bs-select .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle;
}
.nya-bs-select.fit-width {
  width: auto !important;
}
.nya-bs-select.btn-group:not(.input-group-btn),
.nya-bs-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0;
}
.nya-bs-select.btn-group.dropdown-menu-right,
.nya-bs-select.btn-group[class*="col-"].dropdown-menu-right,
.row-fluid .nya-bs-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right;
}
.nya-bs-select.btn-group[class*="col-"] .btn {
  width: 100%;
}
.nya-bs-select.btn-group .dropdown-menu {
  min-width: 100%;
  z-index: 1035;
  box-sizing: border-box;
}
.nya-bs-select.btn-group .dropdown-menu.inner {
  position: static;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  box-shadow: none;
}
.nya-bs-select.btn-group .dropdown-menu li {
  position: relative;
}
.nya-bs-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed;
}
.nya-bs-select.btn-group .dropdown-menu li.not-match {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result {
  display: none;
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
}
.nya-bs-select.btn-group .dropdown-menu li.no-search-result.show {
  display: list-item;
}
.nya-bs-select.btn-group .dropdown-menu li.group-item a {
  padding-left: 2.25em;
}
.nya-bs-select.btn-group .dropdown-menu li a {
  cursor: pointer;
}
.nya-bs-select.btn-group .dropdown-menu li a span.check-mark {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li a span.text {
  display: inline-block;
}
.nya-bs-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em;
}
.nya-bs-select.btn-group .dropdown-menu li.selected a .check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px;
}
.nya-bs-select.btn-group .dropdown-menu li a span.text {
  margin-right: 34px;
}
.nya-bs-select.btn-group .dropdown-menu li .dropdown-header {
  display: none;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group {
  margin-top: 1.75em;
}
.nya-bs-select.btn-group .dropdown-menu li.first-in-group .dropdown-header {
  display: block;
  position: absolute;
  top: -1.75em;
  left: 0;
}
.nya-bs-select.show-menu-arrow.open > .btn {
  z-index: 1036;
}
.nya-bs-select.show-menu-arrow .dropdown-toggle:before {
  content: " ";
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom-width: 7px;
  border-bottom-style: solid;
  border-bottom-color: rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none;
}
.nya-bs-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none;
}
.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-bottom: 0;
  border-top-width: 7px;
  border-top-style: solid;
  border-top-color: rgba(204, 204, 204, 0.2);
}
.nya-bs-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0;
}
.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto;
}
.nya-bs-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto;
}
.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:before,
.nya-bs-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block;
}
.nya-bs-select .bs-searchbox,
.nya-bs-select .bs-actionsbox {
  padding: 4px 8px;
}
.nya-bs-select .bs-actionsbox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}
.nya-bs-select .bs-actionsbox .btn-group button {
  width: 50%;
}
.nya-bs-select .bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px;
}
.nya-bs-select .bs-searchbox input.form-control {
  margin-bottom: 0;
  width: 100%;
  float: none;
  z-index: inherit;
  display: block;
  position: static;
  border-radius: 4px;
}
.nya-bs-select.fit-width .btn .filter-option,
.nya-bs-select.fit-width .btn .special-title {
  position: static;
}
.nya-bs-select.fit-width .btn .caret {
  position: static;
  top: auto;
  margin-top: -1px;
}
.nya-bs-select.on-modal .dropdown-menu {
  z-index: 1040;
}
.nya-bs-select.on-modal.open > .btn {
  z-index: 1041;
}
/*
    Stylesheet for the ng lightbox directive

    @package Solvisoft
    @author Richard Mauritz
    @since 14-11-2017
*/
[ng-lightbox] {
    position: relative;
    cursor: pointer;
}

.ng-lightbox-backdrop {
    background: rgba(255, 255, 255, .9);
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;left: 0;
    z-index: 99999;
    display: table;

    .ng-lightbox-content {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
    }

    img {
        padding: 15px;
        background: #fff;
        border-radius: @border-radius;

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

    .fa-times {
        position: absolute;
        top: 15px;right: 15px;
        font-size: 34px;
        color: #333;
        cursor: pointer;
    }

    -webkit-animation-duration: .22s;
       -moz-animation-duration: .22s;
            animation-duration: .22s;
}
/*
    Stylesheet when JavaScript is disabled.
    Without JavaScript, the site is not working!

    @package Solvisoft
    @author Richard Mauritz
*/

label {
    display: block;
}

noscript {
    background: #ededed;
    position: fixed;
    z-index: 99999;
    height: 100%;
    width: 100%;
    top: 0;left: 0;
    overflow: auto;
}

noscript .no-script-notification {
    background: #fff8c9;
    width: 100%;
    font-weight: bold;
    padding: 15px;
    color: #666666;
    -webkit-box-shadow: 2px 2px 3px #ccc;
       -moz-box-shadow: 2px 2px 3px #ccc;
            box-shadow: 2px 2px 3px #ccc;
}

noscript .js-tutorial {
    position: relative;
    margin-top: 25px;
}

noscript .option input[type="radio"] {
    display: none;
}

noscript .option .test {
    display: none;
}

noscript .option label {
    margin-bottom: 0;
    width: 300px;
    background: #fff;
    padding: 15px;
    cursor: pointer;

    -webkit-box-shadow: 1px 1px 5px #ccc;
       -moz-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
}

noscript .option input[type="radio"]:checked + label {
    background: #0090ff;
    color: #fff;
}

noscript .option input[type="radio"]:checked + label .test {
    display: block;
    position: absolute;
    left: 315px;top: 0;
    margin-bottom: 0;
    background: #fff;
    padding: 15px;
    margin-bottom: 25px;
    color: #666666;
    width: 825px;

    -webkit-box-shadow: 1px 1px 5px #ccc;
       -moz-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
}

/*noscript .js-tutorial {
    background: #fff;
    padding: 25px;
    margin-top: 25px;
    margin-bottom: 25px;

    -webkit-box-shadow: 1px 1px 5px #ccc;
       -moz-box-shadow: 1px 1px 5px #ccc;
            box-shadow: 1px 1px 5px #ccc;
}*/
/*
    Notifications stylesheet

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

.notification {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px;

    .box-shadow(0 0 3px @secondary-color);
}

.notification-success {
    background: #3f51b5;
    color: #fff;
    z-index: 400;
}
/*
    Pagination stylesheet.
    
    @author     Richard Mauritz
    @package    Solvisoft
*/

.paging-container {
    padding: 15px;
    border-top: 1px solid @primary-color;
}

.paging-container ul {
    max-width: 700px;
    float: right;
}

.paging-container ul:before,
.paging-container ul:after {
    display: table;
    content: " ";
    clear: both;
}

.paging-container ul,
.paging-container ul li {
    display: block;
    padding: 0;
    margin: 0;
}

.paging-container ul li {
    float: left;
    margin-right: 4px;
}

.paging-container ul li button {
    background: none;
    border: none;
    padding: 5px 10px;
    border-radius: 5px;

    .transition(0s);
}

.paging-container ul li button:disabled {
    color: #ccc;

    .transition(0s);
}

.paging-container ul li button:hover,
.paging-container ul li button:focus {
    outline: none;
    cursor: pointer;
}

.paging-container ul li.active button {
    background: @primary-color;
    color: #fff;
}

/* Mobile paging */
.paging-container .paging-mobile {
    background: #ededed;
    border-radius: 5px;
}

.paging-container .paging-mobile span {
    display: inline-block;
    padding-left: 25px;
    padding-right: 25px;
    font-size: 14px;
}

.paging-container .paging-mobile button {
    font-size: 24px;
}
/*
    PDF viewer stylesheet

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

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

/* Popup defaults */
.popup-container {
    background: rgba(0, 0, 0, .7);
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 9999;
}

.popup-container h2 {
    margin: 0;
}

.popup-container .popup-group {
    padding: 15px 0;
    margin-bottom: 15px;
}

.popup-container .popup-header {
    background: @primary-color;
    padding: 15px;
}

.popup-container .popup-header h2 {
    margin: 0;
    font-size: 22px;
    font-weight: bold;
    color: #fff;
}

.popup-container .popup-wrapper .popup-scroll {
    max-height: 500px;
    overflow: auto;
}

.popup-container .popup-wrapper .popup-content .popup-body {
    padding: 15px;
}

.popup-container .popup-wrapper .popup-footer {
    border-top: 1px solid @primary-color;
    padding: 0 15px;
}

/* Big center popup */
.popup-big .popup-wrapper {
    background: #fff;
    max-width: 750px;
    overflow: hidden;
    margin: 100px auto;
    border-radius: 6px;

    .box-shadow(0 0 15px #000);
}

.popup-big .popup-wrapper .table-header-row,
.popup-big .popup-wrapper .table-row {
    border-radius: 0;
}

.popup-big .popup-wrapper .table-row:nth-child(even) {
    background: #fff;
}
/*
    Tables stylesheet

    Contains the styles for `table` elements
    or custom tables created with classes.

    Some predefined classes are
        
        .table  <table>
            .table-header-row <tr>
                .table-header <th>
            .table-row <tr>
                .table-column <td>
            .table-footer-row <tr>

    They just have sepperated classes to style them differently
    depending what role they have.

    @package Solvisoft
    @author Richard Mauritz
*/

.table-header-row:before,
.table-header-row:after,
.table-row:before,
.table-row:after,
.table-footer-row:before,
.table-footer-row:after,
.table-total-row:before,
.table-total-row:after {
    display: table;
    content: " ";
    clear: both;
}

.table-header-row .table-header,
.table-header-row .table-column,
.table-row .table-column,
.table-footer-row .table-column {
    padding: 15px;
}

.table-header-row {
    background: #fff;
    padding: 15px 0;

    .box-shadow(1px 1px 3px -1px #ccc);
}
.table-scrollable {
    width: 100%;
    max-height: 250px;
    height: 100%;
    overflow-y: auto;
}
.table-header-row .table-header {
    color: initial;
    font-weight: initial;
    padding: initial;
}

.table-row {
    border-bottom: 1px solid @light-gray-color;

    .transition(.33s);
}

.table-row:nth-child(odd) {
    background: #fafafa;
}

.table-row.hoverable:hover {
    background: @light-gray-color;

    .transition(.33s);
}

.table-footer-row:first-child {
    border-top: 2px solid @fifth-color;
}

.table-footer-row:last-child {
    border-bottom: 2px solid @fifth-color;
}

.table-total-row > div {
    background: #ededed;
    color: @thirth-color;
    font-weight: bold;
    padding: 15px;
    border-bottom: 2px solid @fifth-color;
}
/*
    Toaster stylesheet

    @package    Toaster
    @author     Richard Mauritz
*/

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

.toast-title {
  font-weight: bold;
}
.toast-message {
  word-wrap: break-word;
}
.toast-message a,
.toast-message label {
  color: #FFFFFF;
}
.toast-message a:hover {
  color: #CCCCCC;
  text-decoration: none;
}
.toast-close-button {
  position: relative;
  right: -0.3em;
  top: -0.3em;
  float: right;
  font-size: 20px;
  font-weight: bold;
  color: #FFFFFF;
  -webkit-text-shadow: 0 1px 0 #ffffff;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.8;
}
.toast-close-button:hover,
.toast-close-button:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.4;
}
/*Additional properties for button version
 iOS requires the button element instead of an anchor tag.
 If you want the anchor version, it requires `href="#"`.*/
button.toast-close-button {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
.toast-top-center {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-center {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-full-width {
  top: 0;
  right: 0;
  width: 100%;
}
.toast-bottom-full-width {
  bottom: 0;
  right: 0;
  width: 100%;
}
.toast-top-left {
  top: 12px;
  left: 12px;
}
.toast-top-right {
  top: 12px;
  right: 12px;
}
.toast-bottom-right {
  right: 12px;
  bottom: 12px;
}
.toast-bottom-left {
  bottom: 12px;
  left: 12px;
}
#toast-container {
  position: fixed;
  z-index: 999999;
  /*overrides*/
}
#toast-container * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#toast-container .toast {
  position: relative;
  overflow: hidden;
  margin: 0 0 6px;
  padding: 15px 15px 15px 50px;
  width: 300px;
  -moz-border-radius: 3px 3px 3px 3px;
  -webkit-border-radius: 3px 3px 3px 3px;
  border-radius: 3px 3px 3px 3px;
  background-position: 15px center;
  background-repeat: no-repeat;
  -moz-box-shadow: 0 0 12px #999999;
  -webkit-box-shadow: 0 0 12px #999999;
  box-shadow: 0 0 12px #999999;
  color: #FFFFFF;
}
#toast-container .toast:hover {
  -moz-box-shadow: 0 0 12px #000000;
  -webkit-box-shadow: 0 0 12px #000000;
  box-shadow: 0 0 12px #000000;
  opacity: 1;
  cursor: pointer;
}
#toast-container .toast.toast-info {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-error {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important;
}
#toast-container .toast.toast-success {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important;
}
#toast-container .toast.toast-warning {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important;
}
#toast-container.toast-top-center .toast,
#toast-container.toast-bottom-center .toast {
  width: 300px;
  margin-left: auto;
  margin-right: auto;
}
#toast-container.toast-top-full-width .toast,
#toast-container.toast-bottom-full-width .toast {
  width: 96%;
  margin-left: auto;
  margin-right: auto;
}
.toast {
  background-color: #030303;
}
.toast-success {
  background-color: #51A351;
}
.toast-error {
  background-color: #BD362F;
}
.toast-info {
  background-color: #2F96B4;
}
.toast-warning {
  background-color: #F89406;
}
progress-bar {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4px;
  background-color: #000000;
  opacity: 0.4;
}
/*Animations*/
div[toast] {
  opacity: 1 !important;
}
div[toast].ng-enter {
  opacity: 0 !important;
  transition: opacity .3s linear;
}
div[toast].ng-enter.ng-enter-active {
  opacity: 1 !important;
}
div[toast].ng-leave {
  opacity: 1;
  transition: opacity .3s linear;
}
div[toast].ng-leave.ng-leave-active {
  opacity: 0 !important;
}
/*Responsive Design*/
@media all and (max-width: 240px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 11em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 241px) and (max-width: 480px) {
  #toast-container .toast.div {
    padding: 8px 8px 8px 50px;
    width: 18em;
  }
  #toast-container .toast-close-button {
    right: -0.2em;
    top: -0.2em;
  }
}
@media all and (min-width: 481px) and (max-width: 768px) {
  #toast-container .toast.div {
    padding: 15px 15px 15px 50px;
    width: 25em;
  }
}
/*
    All typography stylesheets

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

a {
    color: #000;

    .transition(.12s);

    &:hover {
        color: @thirth-color;

        .transition(.12s);
    }
}

h1 {
    font-weight: bold;
}

h2, h3,
h4, h5, h6 {
    font-weight: normal;
}

h1 *, h2 *, h3 *,
h4 *, h5 *, h6 * {
    font-size: inherit;
}

/*
    Page heading
*/
.page-heading {
    h1 {
        font-size: 40px;
    }

    svg {
        fill: @thirth-color;
    }
}
/*
    Bootstrap accordion (panel) stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.panel {
    margin-bottom: 15px;
}

.panel-default {
    border: 0;
    background-color: transparent;
    .box-shadow(none);
}

.panel-default > .panel-heading {
    padding: 12px;
    color: @primary-color;
    border-radius: 5px;
}

.panel-default > .panel-heading {
    position: relative;
    background: darken(@btn-danger-background-color, 15%);

    &:after {
        top: 11px;
        right: 15px;
        .font-awesome("\f068");
    }

    .hoverFade(.33s);
}

.panel-default > .panel-heading:hover {
    cursor: pointer;
}

.panel-default > .panel-heading.collapsed {
    background: @thirth-color;
    color: @primary-color;

    &:after {
        top: 11px;
        right: 15px;
        .font-awesome("\f067");
    }

    .hoverFade(.33s);
}

.panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: 0;
}

/*
    Bootstrap carousel styles

    @package Solvisoft
    @author Richard Mauritz
*/

.carousel {
    text-align: center;
}

.carousel img {
    margin: 0 auto;
}

.carousel-indicators-container {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 20;
}

.carousel-indicators {
    position: static;
    left: auto;
    z-index: auto;
    width: 100%;
    border: 0;
    margin-left: auto;
    text-align: right;

    li {
        position: relative;
        background: @light-gray-color;
        height: 10px;
        width: 10px;
        border: 0;
        border-radius: 50%;
        vertical-align: middle;
        z-index: 120;
    }

    li.active {
        position: relative;
        height: 6px;
        width: 6px;

        &:after {
            position: absolute;
            content: " ";
            top: -2px;left: -2px;
            height: 10px;
            width: 10px;
            border: 1px solid @light-gray-color;
            border-radius: 50%;
        }
    }
}

.carousel-control {
    &.right,
    &.left {
        opacity: 1;
        color: #000;
        background: none;
    }

    &:hover {
        opacity: 1;
        color: #000;
    }
}
/*
    Extend bootstrap with more functionality

    @author     none
    @package    Solvisoft
*/

.text-left-not-xxs, .text-left-not-xs, .text-left-not-sm, .text-left-not-md, .text-left-not-lg {
    text-align: left;
}
.text-center-not-xxs, .text-center-not-xs, .text-center-not-sm, .text-center-not-md, .text-center-not-lg {
    text-align: center;
}
.text-right-not-xxs, .text-right-not-xs, .text-right-not-sm, .text-right-not-md, .text-right-not-lg {
    text-align: right;
}
.text-justify-not-xxs, .text-justify-not-xs, .text-justify-not-sm, .text-justify-not-md, .text-justify-not-lg {
    text-align: justify;
}
@media (max-width: 576px) {
    .text-left-not-xxs, .text-center-not-xxs, .text-right-not-xxs, .text-justify-not-xxs {
        text-align: inherit;
    }
    .text-left-xxs {
        text-align: left;
    }
    .text-center-xxs {
        text-align: center;
    }
    .text-right-xxs {
        text-align: right;
    }
    .text-justify-xxs {
        text-align: justify;
    }
}
@media (max-width: 767px) {
    .text-left-not-xs, .text-center-not-xs, .text-right-not-xs, .text-justify-not-xs {
        text-align: inherit;
    }
    .text-left-xs {
        text-align: left;
    }
    .text-center-xs {
        text-align: center;
    }
    .text-right-xs {
        text-align: right;
    }
    .text-justify-xs {
        text-align: justify;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .text-left-not-sm, .text-center-not-sm, .text-right-not-sm, .text-justify-not-sm {
        text-align: inherit;
    }
    .text-left-sm {
        text-align: left;
    }
    .text-center-sm {
        text-align: center;
    }
    .text-right-sm {
        text-align: right;
    }
    .text-justify-sm {
        text-align: justify;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .text-left-not-md, .text-center-not-md, .text-right-not-md, .text-justify-not-md {
        text-align: inherit;
    }
    .text-left-md {
        text-align: left;
    }
    .text-center-md {
        text-align: center;
    }
    .text-right-md {
        text-align: right;
    }
    .text-justify-md {
        text-align: justify;
    }
}
@media (min-width: 1200px) {
    .text-left-not-lg, .text-center-not-lg, .text-right-not-lg, .text-justify-not-lg {
        text-align: inherit;
    }
    .text-left-lg {
        text-align: left;
    }
    .text-center-lg {
        text-align: center;
    }
    .text-right-lg {
        text-align: right;
    }
    .text-justify-lg {
        text-align: justify;
    }
}

.col-xxs-1, .col-xxs-2, .col-xxs-3, .col-xxs-4,
.col-xxs-5, .col-xxs-6, .col-xxs-7, .col-xxs-8,
.col-xxs-9, .col-xxs-10, .col-xxs-11, .col-xxs-12 {
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}

@media (max-width: 576px) {
    .col-xxs-1,
    .col-xxs-2,
    .col-xxs-3,
    .col-xxs-4,
    .col-xxs-5,
    .col-xxs-6,
    .col-xxs-7,
    .col-xxs-8,
    .col-xxs-9,
    .col-xxs-10,
    .col-xxs-11 {
        float: left;
    }

    .col-xxs-1 {
        width: 8.333333333333332%;
    }

    .col-xxs-2 {
        width: 16.666666666666664%;
    }

    .col-xxs-3 {
        width: 25%;
    }

    .col-xxs-4 {
        width: 33.33333333333333%;
    }

    .col-xxs-5 {
        width: 41.66666666666667%;
    }

    .col-xxs-6 {
        width: 50%;
    }

    .col-xxs-7 {
        width: 58.333333333333336%;
    }

    .col-xxs-8 {
        width: 66.66666666666666%;
    }

    .col-xxs-9 {
        width: 75%;
    }

    .col-xxs-10 {
        width: 83.33333333333334%;
    }

    .col-xxs-11 {
        width: 91.66666666666666%;
    }

    .col-xxs-12 {
        width: 100%;
    }

    .col-xxs-push-1 {
        left: 8.333333333333332%;
    }

    .col-xxs-push-2 {
        left: 16.666666666666664%;
    }

    .col-xxs-push-3 {
        left: 25%;
    }

    .col-xss-push-4 {
        left: 33.33333333333333%;
    }

    .col-xxs-push-5 {
        left: 41.66666666666667%;
    }

    .col-xxs-push-6 {
        left: 50%;
    }

    .col-xxs-push-7 {
        left: 58.333333333333336%;
    }

    .col-xxs-push-8 {
        left: 66.66666666666666%;
    }

    .col-xxs-push-9 {
        left: 75%;
    }

    .col-xxs-push-10 {
       left: 83.33333333333334%;
    }

    .col-xxs-push-11 {
       left: 91.66666666666666%;
    }

    .col-xxs-pull-1 {
        right: 8.333333333333332%;
    }

    .col-xxs-pull-2 {
        right: 16.666666666666664%;
    }

    .col-xxs-pull-3 {
        right: 25%;
    }

    .col-xxs-pull-4 {
        right: 33.33333333333333%;
    }

    .col-xxs-pull-5 {
        right: 41.66666666666667%;
    }

    .col-xxs-pull-6 {
        right: 50%;
    }

    .col-xxs-pull-7 {
        right: 58.333333333333336%;
    }

    .col-xxs-pull-8 {
        right: 66.66666666666666%;
    }

    .col-xxs-pull-9 {
        right: 75%;
    }

    .col-xxs-pull-10 {
        right: 83.33333333333334%;
    }

    .col-xxs-pull-11 {
        right: 91.66666666666666%;
    }

    .col-xxs-offset-1 {
        margin-left: 8.333333333333332%;
    }

    .col-xxs-offset-2 {
        margin-left: 16.666666666666664%;
    }

    .col-xxs-offset-3 {
        margin-left: 25%;
    }

    .col-xxs-offset-4 {
        margin-left: 33.33333333333333%;
    }

    .col-xxs-offset-5 {
        margin-left: 41.66666666666667%;
    }

    .col-xxs-offset-6 {
        margin-left: 50%;
    }

    .col-xxs-offset-7 {
        margin-left: 58.333333333333336%;
    }

    .col-xxs-offset-8 {
        margin-left: 66.66666666666666%;
    }

    .col-xxs-offset-9 {
        margin-left: 75%;
    }

    .col-xxs-offset-10 {
        margin-left: 83.33333333333334%;
    }

    .col-xxs-offset-11 {
        margin-left: 91.66666666666666%;
    }
}   

tr.hidden-xxs {
    display: table-row !important;
}

th.hidden-xxs,
td.hidden-xxs {
    display: table-cell !important;
}

@media (max-width: 576px) {

    .hidden-xxs {
        display: none !important;
    }

    tr.hidden-xxs {
        display: none !important;
    }

    th.hidden-xxs,
    td.hidden-xxs {
        display: none !important;
    }

}

@media (min-width: 385px) and (max-width: 767px) {

    .hidden-xxs.hidden-xs {
        display: none !important;
    }

    tr.hidden-xxs.hidden-xs {
        display: none !important;
    }

    th.hidden-xxs.hidden-xs,
    td.hidden-xxs.hidden-xs {
        display: none !important;
    }

}

@media (min-width: 768px) and (max-width: 991px) {

    .hidden-xxs.hidden-sm {
        display: none !important;
    }

    tr.hidden-xxs.hidden-sm {
        display: none !important;
    }

    th.hidden-xxs.hidden-sm,
    td.hidden-xxs.hidden-sm {
        display: none !important;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {

    .hidden-xxs.hidden-md {
        display: none !important;
    }

    tr.hidden-xxs.hidden-md {
        display: none !important;
    }

    th.hidden-xxs.hidden-md,
    td.hidden-xxs.hidden-md {
        display: none !important;
    }

}

@media (min-width: 1200px) {

    .hidden-xxs.hidden-lg {
        display: none !important;
    }

    tr.hidden-xxs.hidden-lg {
        display: none !important;
    }

    th.hidden-xxs.hidden-lg,
    td.hidden-xxs.hidden-lg {
        display: none !important;
    }

}

@media (max-width: 576px) {

    .hidden-xs.hidden-xxs {
        display: none !important;
    }

    tr.hidden-xs.hidden-xxs {
        display: none !important;
    }

    th.hidden-xs.hidden-xxs,
    td.hidden-xs.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 576px) {

    .hidden-sm.hidden-xxs {
        display: none !important;
    }

    tr.hidden-sm.hidden-xxs {
        display: none !important;
    }

    th.hidden-sm.hidden-xxs,
    td.hidden-sm.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 576px) {

    .hidden-md.hidden-xxs {
        display: none !important;
    }

    tr.hidden-md.hidden-xxs {
        display: none !important;
    }

    th.hidden-md.hidden-xxs,
    td.hidden-md.hidden-xxs {
        display: none !important;
    }

}

@media (max-width: 576px) {

    .hidden-lg.hidden-xxs {
        display: none !important;
    }

    tr.hidden-lg.hidden-xxs {
        display: none !important;
    }

    th.hidden-lg.hidden-xxs,
    td.hidden-lg.hidden-xxs {
        display: none !important;
    }
}

/* Responsive buttons */
@media (max-width: 576px) {
    .btn-xxs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xxs-block,
    input[type="reset"].btn-xxs-block,
    input[type="button"].btn-xxs-block {
        width: 100%;
    }
    .btn-block + .btn-xxs-block,
    .btn-xxs-block + .btn-block,
    .btn-xxs-block + .btn-xxs-block {
        margin-top: 0.5rem;
    }

    .vertical-align-xxs-top > * {
        vertical-align: top;
    }

    .vertical-align-xxs-middle > * {
        vertical-align: middle;
    }

    .vertical-align-xxs-bottom > * {
        vertical-align: bottom;
    }
}

@media (max-width: 767px) {
    .btn-xs-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-xs-block,
    input[type="reset"].btn-xs-block,
    input[type="button"].btn-xs-block {
        width: 100%;
    }
    .btn-block + .btn-xs-block,
    .btn-xs-block + .btn-block,
    .btn-xs-block + .btn-xs-block {
        margin-top: 0.5rem;
    }

    .vertical-align-xs-top > * {
        vertical-align: top;
    }

    .vertical-align-xs-middle > * {
        vertical-align: middle;
    }

    .vertical-align-xs-bottom > * {
        vertical-align: bottom;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .btn-sm-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-sm-block,
    input[type="reset"].btn-sm-block,
    input[type="button"].btn-sm-block {
        width: 100%;
    }
    .btn-block + .btn-sm-block,
    .btn-sm-block + .btn-block,
    .btn-sm-block + .btn-sm-block {
        margin-top: 0.5rem;
    }

    .vertical-align-sm-top > * {
        vertical-align: top;
    }

    .vertical-align-sm-middle > * {
        vertical-align: middle;
    }

    .vertical-align-sm-bottom > * {
        vertical-align: bottom;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .btn-md-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-md-block,
    input[type="reset"].btn-md-block,
    input[type="button"].btn-md-block {
        width: 100%;
    }
    .btn-block + .btn-md-block,
    .btn-md-block + .btn-block,
    .btn-md-block + .btn-md-block {
        margin-top: 0.5rem;
    }

    .vertical-align-md-top > * {
        vertical-align: top;
    }

    .vertical-align-md-middle > * {
        vertical-align: middle;
    }

    .vertical-align-md-bottom > * {
        vertical-align: bottom;
    }
}
@media (min-width: 1200px) {
    .btn-lg-block {
        display: block;
        width: 100%;
    }
    input[type="submit"].btn-lg-block,
    input[type="reset"].btn-lg-block,
    input[type="button"].btn-lg-block {
        width: 100%;
    }
    .btn-block + .btn-lg-block,
    .btn-lg-block + .btn-block,
    .btn-lg-block + .btn-lg-block {
        margin-top: 0.5rem;
    }

    .vertical-align-lg-top > * {
        vertical-align: top;
    }

    .vertical-align-lg-middle > * {
        vertical-align: middle;
    }

    .vertical-align-lg-bottom > * {
        vertical-align: bottom;
    }
}
/*
    Stylesheets for inputs

    @package Solvisoft
    @author Richard Mauritz
*/

.form-control {
    
    font-family: @secondary-font;
    font-weight: 300;
    padding: 10px;
    height: auto;
    border-radius: 5px;
}

.form-control.form-error,
.form-control.ng-invalid {
    border: 1px solid darkred;
}

.form-control:disabled {
    border: initial;
}

.form-control,
.form-control:hover,
.form-control:focus {
    .box-shadow(none);
    font-size: 14px;
}

.form-control:hover,
.form-control:focus {
    border-color: @thirth-color;
}

/*
    Buttons
*/
.btn {
    background-color: @btn-basic-background-color;
    border: @btn-basic-border;
    border-radius: @btn-basic-border-radius;
    color: @btn-basic-text-color;
    // For hover effect
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    overflow: hidden;
    outline: none;
    height: auto;
    padding: 10px;

     &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-basic-hover-background-color;
        border: @btn-basic-hover-border;
        color: @btn-basic-hover-text-color;

        &:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }
    }

    &:active, &.active, &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus  {
        background-color: @btn-basic-hover-background-color;
        border: @btn-basic-hover-border;
        color: @btn-basic-hover-text-color;
        outline: none;

        .box-shadow(none);
    }

    &:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        border-radius: @border-radius;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    &:before {
        background: darken(@btn-basic-background-color, 5%);
    }

    // Fix icons if they exist
    .fa {
        margin-top: -3px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

.btn-default {
    .gradient(linear; darken(@btn-default-background-color, 5%), @btn-default-background-color);

    border: @btn-default-border;
    border-radius: @btn-default-border-radius;
    color: @btn-default-text-color;

    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-default-hover-background-color;
        border: @btn-default-hover-border;
        color: @btn-default-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-default-hover-background-color;
        border: @btn-default-hover-border;
        color: @btn-default-hover-text-color;
    }

    &:before {
        background: darken(@btn-default-background-color, 5%);
    }
}

.btn-primary {
    .gradient(linear; darken(@btn-primary-background-color, 5%), @btn-primary-background-color);

    border: @btn-primary-border;
    border-radius: @btn-primary-border-radius;
    color: @btn-primary-text-color;

    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-primary-hover-background-color;
        border: @btn-primary-hover-border;
        color: @btn-primary-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-primary-hover-background-color;
        border: @btn-primary-hover-border;
        color: @btn-primary-hover-text-color;
    }

    &:before {
        background: darken(@btn-primary-background-color, 5%);
    }
}

.btn-success {
    .gradient(linear; darken(@btn-success-background-color, 5%), @btn-success-background-color);

    border: @btn-success-border;
    border-radius: @btn-success-border-radius;
    color: @btn-success-text-color;
    padding-right: 30px;
   
    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-success-hover-background-color;
        border: @btn-success-hover-border;
        color: @btn-success-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-success-hover-background-color;
        border: @btn-success-hover-border;
        color: @btn-success-hover-text-color;
    }

    &:after {
       right: 10px;

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

    &:before {
        background: darken(@btn-success-background-color, 5%);
    }
}

.btn-info {
    background-color: @btn-info-background-color;
    border: @btn-info-border;
    border-radius: @btn-info-border-radius;
    color: @btn-info-text-color;
    padding-right: 30px;

    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-info-hover-background-color;
        border: @btn-info-hover-border;
        color: @btn-info-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-info-hover-background-color;
        border: @btn-info-hover-border;
        color: @btn-info-hover-text-color;
    }

     &:after {
       right: 10px;

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

    &:before {
        background: darken(@btn-info-background-color, 5%);
    }
}

.btn-warning {
    background-color: @btn-warning-background-color;
    border: @btn-warning-border;
    border-radius: @btn-warning-border-radius;
    color: @btn-warning-text-color;
    padding-right: 30px;

   &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-warning-hover-background-color;
        border: @btn-warning-hover-border;
        color: @btn-warning-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-warning-hover-background-color;
        border: @btn-warning-hover-border;
        color: @btn-warning-hover-text-color;
    }

    &:after {
        right: 10px;

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

    &:before {
        background: darken(@btn-warning-background-color, 5%);
    }
}

.btn-danger {
    background-color: @btn-danger-background-color;
    border: @btn-danger-border;
    border-radius: @btn-danger-border-radius;
    color: @btn-danger-text-color;
    padding-right: 30px;

    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-danger-hover-background-color;
        border: @btn-danger-hover-border;
        color: @btn-danger-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-danger-hover-background-color;
        border: @btn-danger-hover-border;
        color: @btn-danger-hover-text-color;
    }

    &:after {
       right: 10px;

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

    &:before {
        background: darken(@btn-danger-background-color, 5%);
    }
}

.btn-link {
    position: relative;
    padding-left: 2px;
    background-color: @btn-link-background-color;
    border: @btn-link-border;
    border-radius: @btn-link-border-radius;
    color: @btn-link-text-color;
    text-align: left;
    overflow: visible;

    &:hover, &:active:hover, &.active:hover, &.disabled:hover, &:disabled:hover {
        background-color: @btn-link-hover-background-color;
        border: @btn-link-hover-border;
        color: @btn-link-hover-text-color;
    }

    &:focus, &:active:focus, &.active:focus, &.disabled:focus, &:disabled:focus {
        background-color: @btn-link-hover-background-color;
        border: @btn-link-hover-border;
        color: @btn-link-hover-text-color;
    }

    &::after {
        position: absolute;
        content: " ";
        background-color: @thirth-color;
        width: 130%;
        height: 2px;
        bottom: 0;
        left: 0;

        .transition(width .33s ease-in-out);
    }

    &:hover::after {
        width: 150%;

        .transition(width .33s ease-in-out);
    }
}

.btn-lg, .btn-group-lg > .btn {
    font-size: 14px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 80px;
    padding-right: 80px;
}

/*
    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
*/

.modal {
    z-index: 9999999;
}

.modal-content {
    border: 0;

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

.modal-header {
    background: @modal-header-background-color;
}

.modal-header .close {
    outline: none;
    margin-top: 2px;
}

.modal-body,
.modal-footer {
    background: @modal-body-background-color;
}

.modal-footer {
    border-top: 0;
}

.modal-backdrop {
    background-color: rgba(255, 255, 255, .9);

    &.in {
        opacity: 1;
    }
}
/*
	Bootstrap navbars stylesheet

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

.navbar-fixed-bottom {

    .close {
        padding: (0.5 * @grid-gutter-width);
        outline: none;
        font-size: 44px;
        .transition(.33s);

        &:hover {
            .transition(.33s);
        }
    }

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


.top-header {
    background-color: @top-header-background;
    font-size: (@font-size-base - 4px);
    color: @theme-white-color;
    box-shadow: inset 0 -1px 0 0 @header-bottom-shadow-color;

    .container {
        @media only screen and (max-width : 768px) {
            padding: 0;
        }

        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            padding: 0 (@grid-gutter-width/2);
        }
    }

    .navbar-nav {
        li {
            a {
                padding: 0 (@grid-gutter-width/3);
                color: @theme-white-color;
                @media only screen and (max-width: 768px) {
                    padding-left: 0;
                    padding-right: (@grid-gutter-width/6);
                }

                @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                    padding: 0 (@grid-gutter-width/6);
                }
                @media only screen and (max-width: 320px) {
                    font-size: 10px;
                }
                i {
                    color: @secondary-color-light;
                    font-size: (@font-size-base + 1px);
                    margin-right: (0.1667 * @grid-gutter-width);
                }
            }
        }
    }

    .top-bar-left {
        margin: (@grid-gutter-width/5) 0;

        .item-contact-list {
            .item-link {
                padding-right: 0;
                padding-left: 0;

                @media only screen and (max-width : 768px) {
                    
                }
                .item-text {
                    @media only screen and (max-width : 768px) {
                        font-size: 11px;
                    }
                    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                        margin-right: (@grid-gutter-width/10);
                    }
                }
            }

            &.mail {
                padding-right: (@grid-gutter-width/3);

                @media only screen and (max-width: 768px) {
                    padding-right: 0;
                    background: @mobile-header-email;
                }

                @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                    background: none;
                    padding-right: 0;
                }
            }

            &.phone {
                @media only screen and (max-width : 768px) {
                    background: @mobile-header-call;
                }

                @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                    background: none;
                }
            }

            @media only screen and (max-width : 768px) {
                padding: 0;
                margin: 0;
                width: 100%;
                text-align: center;
                font-size: (@font-size-base - 2px);
                font-weight: @font-weight-semibold;
            }

            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                width: auto;
                font-weight: @font-weight-normal;
            }
        }

        @media only screen and (max-width : 768px) {
            margin: 0;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
        }

        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            margin: (@grid-gutter-width/7.5) 0;
        }
    }

    .top-bar-right {
        margin-right: 0;

        @media only screen and (max-width : 768px) {
            margin: (@grid-gutter-width/6);
            position: relative;
        }

        @media only screen and (max-width : 480px) {
            display: block;
        }

        @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
            margin: 0;
            display: block;
        }

        .list-items {
            padding-right: 0;
            .hamburger-icon {
                @media only screen and (max-width : 320px) {
                    font-size: 20px;
                    padding: 0;
                    margin-top: (@grid-gutter-width/6);
                }
            }
            @media only screen and (max-width : 768px) {
                display: inline-block;
                -webkit-flex-grow: 1;
                -moz-flex-grow: 1;
                -ms-flex-grow: 1;
                flex-grow: 1;
            }

            &.login-items {
                margin: (@grid-gutter-width/5) 0;
            }

            &.hidden-list-login {
                @media only screen and (max-width : 768px) {
                    text-align: center;
                }
                @media only screen and (max-width : 480px) {
                    float: right;
                }
            }
        }

        .login-user {
            display: inline-block;
            margin: (@grid-gutter-width/6) auto;

            .my-account-link {
                &:hover {
                    text-decoration: underline;
                }
                 @media only screen and (max-width : 480px) { 
                     margin-left: (0.133 * @grid-gutter-width);
                 }
            }
             @media only screen and (max-width : 320px) { 
                 font-size: (@font-size-base - 6px);
             }
        }
    }
}

.primary-header {
    &.fixed-top {
        .navbar-primary-header {
            @media only screen and (max-width: 768px) {
                padding-top: 0;
                padding-bottom: 0;
            }
        }
    }

    .navbar-primary-header {
        @media only screen and (max-width: 1024px) {
            display: block;
        }

        @media only screen and (max-width: 768px) {
            padding-top: 0;
            padding-bottom: 0;
            display: flex;
        }

        .navbar-nav {
            > .navbar-list {
                .shopping-cart-color {
                    color: @theme-white-color;
                }
                a {
                    color: @top-header-btn-text;
                }
            }
        }

        .list-inline {
            .list-items {
                .toggle-button {
                    @media only screen and (max-width: 768px) {
                        margin: (@grid-gutter-width * 0.267) auto;
                    }
                }
            }

            &.navbar-right {
                .navbar-right-list {
                    padding-left: (0.5 * @grid-gutter-width);
                    padding-right: 0;
                }

                @media only screen and (max-width: 1024px) {
                }
            }

            @media only screen and (max-width: 1024px) {
                margin: (@grid-gutter-width/3) auto;

                .sidenav {
                    padding: 0;

                    .toggle-button {
                        padding: 0;
                        padding-right: (@grid-gutter-width/2);
                    }
                }
            }
        }

        .navbar-brand {
            height: auto;
            padding: (@grid-gutter-width/6) 0;

            @media only screen and (max-width: 1024px) {
                width: auto;
            }

            > img {
                @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                    display: none;
                }
            }
        }

        background: none;
        border: 0;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        width: 100%;
        align-items: center;
        padding-bottom: (@grid-gutter-width/6);
        padding-top: (@grid-gutter-width/6);
        margin-bottom: 0;

        .navbar-collapse {
            -webkit-flex-grow: 1;
            -moz-flex-grow: 1;
            -ms-flex-grow: 1;
            flex-grow: 1;
            padding-left: 0;
            border: none;

            @media only screen and (max-width: 1024px) {
                display: block;
                padding-right: 0;
            }

            @media only screen and (max-width: 768px) {
                padding-right: 0;
            }

            @media only screen and (max-width: 768px) {
                display: block;
                border: none;
            }

            .navbar-right {
                justify-content: flex-start;
                -webkit-justify-content: flex-start;
                -moz-justify-content: flex-start;
                -ms-justify-content: flex-start;
                -ms-flex-pack: flex-start;
            }
        }

        .navbar-header {

            @media only screen and (max-width : 1024px) {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                -moz-align-items: center;
                -ms-align-items: center;
                align-items: center;
                -webkit-flex-direction: row-reverse;
                -moz-flex-direction: row-reverse;
                -ms-flex-direction: row-reverse;
                flex-direction: row-reverse;
            }

            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                width: auto;
            }

            .mobile-primary-header {
                margin: 0;
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                -webkit-align-items: center;
                -moz-align-items: center;
                -ms-align-items: center;
                align-items: center;
                -webkit-justify-content: space-between;
                -moz-justify-content: space-between;
                -ms-justify-content: space-between;
                justify-content: space-between;
                -ms-flex-pack: space-between;

                > li {
                    padding: 0;
                }
            }
        }
    }

    .navbar-nav {
        .navbar-list {
            padding-left: (@grid-gutter-width/2.5);
            padding-right: 0;

            @media only screen and (max-width: 768px) {
                padding: 0;
            }

            @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                padding-left: (@grid-gutter-width/2);
                float: left;
            }

            &.popover-container {
                .shopping-cart-btn {
                    width: 40px;
                    height: 40px;
                    border-radius: (@border-radius-small - 1px);
                    overflow: initial;
                    .cart-fa {
                        background-image: url(../../uploads/images/shopping-cart.png);
                        width: 16px;
                        height: 16px;
                        display: inline-block;
                        padding-right: 0;
                    }
                }

                .badge {
                    background-color: @badge-cart;
                    color: @primary-color;
                    position: absolute;
                    top: -(@grid-gutter-width/3);
                    left: -(@grid-gutter-width/6);
                    width: 25px;
                    height: 22px;
                    border-radius: 50%;
                    padding: (@grid-gutter-width/10);
                    font-size: (@font-size-base - 2px);
                    font-weight: @font-weight-semibold;
                    text-align: center;
                }

                @media only screen and (max-width: 768px) {
                    margin-left: auto;
                }

                @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                    position: relative;
                }
            }

            &.list-items {
                color: @top-header-btn-text;

                &:hover {
                    color: @theme-primary-color;
                    box-shadow: none;
                }

                &:hover {
                    > a {
                        color: @theme-primary-color;
                    }
                }

                .lock-icon {
                    padding-right: 0;
                    padding-left: 0;

                    &:hover {
                        color: @theme-primary-color;
                    }
                }

                &.login-btn {
                    @media only screen and (max-width: 768px) {
                        margin-left: auto;
                    }

                    @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
                        float: left;
                        right: auto;
                    }

                    @media only screen and (max-width: 480px) {
                        margin-left: 0;
                    }
                }
            }

            &.search-box {
                @media only screen and (max-width: 768px) {
                        margin-left: auto;
                }
                @media only screen and (min-width: 568px) {
                    display: block !important; /*to overrrite !important*/
                }
            }
        }
    }
}

.navbar-nav {
    > li {

        > a {
            padding: (0.33 * @grid-gutter-width);
            background-color: @navigation-link-background-color;
            color: @navigation-link-color;

            &.has-dropdown {
                &::after {
                    right: 0;
                }
            }
        }

        &:focus > a {
            background-color: @navigation-link-focus-background-color;
            color: @navigation-link-focus-color;
        }

        > .dropdown {
            display: none;
            background-color: @primary-color;
            border-top: 1px solid @thirth-color;
            position: absolute;
            z-index: 200;
            min-width: 220px;

            li, a {
                display: block;
                margin: 0;
                padding: 0;
                float: none;
            }

            > li {
                > a {
                    padding: (0.3 * @grid-gutter-width);
                }
            }

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

        &:hover {
            > .dropdown {
                display: block;
            }
        }
    }

    dropdown-menu {
        display: none;
    }

    dropdown-menu {
        position: absolute;

        dropdown-html {
            background: url(../../Uploads/images/footer-image.jpg) no-repeat 100%;
            background-position: bottom right 5%;
            display: none;
            min-width: 620px;
            opacity: 1;
            border-left: 1px solid @medium-gray-color;
            margin-top: (@grid-gutter-width/2);
            background-color: @navigation-dropdown-background-color;
            .box-shadow(@dropdown-html-box-shadow);
            .tab-content {
                .dropdown-html-top-header {
                    color: @header-h3;
                }
                .dropdown-html-header {
                    margin-bottom: (@grid-gutter-width/6);
                    color: @header-h3;
                }
                ul {
                    padding-left: 0;
                    list-style: none;
                    li {
                        font-size: (@font-size-base - 2px);
                        color: @assortment-dropdown-text-color;
                        font-weight: 400;
                        padding-left: 0 !IMPORTANT; /*override inline style*/
                    }
                }
            }
        }

        > ul {
            border-bottom-left-radius: @border-radius;
            border-bottom-right-radius: @border-radius;
            border-top-right-radius: @border-radius;
            overflow: hidden;
            opacity: 1;
            .box-shadow(@dropdown-html-box-shadow);
            background-color: @navigation-dropdown-background-color;
            display: block;
            padding: 0;
            margin: 0;
            min-width: 280px;
            margin-top: (@grid-gutter-width/2);
            height: 100%;
            max-height: 500px;
            overflow-y: auto;
            > li,
            > li > a {
                display: block;
            }

            > li > a {
                background-color: @navigation-dropdown-link-background-color;
                color: @navigation-dropdown-link-color;
            }

            > li {
                padding-left: (@grid-gutter-width/3);

                &:hover,
                &.active {
                    > a {
                        background-color: @navigation-dropdown-link-hover-background-color;
                        color: @navigation-dropdown-link-hover-color !important;
                        border-radius: @border-radius;
                        text-decoration: none;
                        font-weight: @font-weight-semibold;
                    }
                }
            }

            > li > a {
                padding: (@grid-gutter-width/3) (@grid-gutter-width/2);
                font-size: 15px;

                &.has-content-menu {
                    &::after {
                        right: (@grid-gutter-width/2);
                        .font-awesome("\f0da")
                    }
                }
            }
        }
    }

    > li.dropdown-hover {
        .caret {
            margin-left: (@grid-gutter-width/3);
        }

        &:hover {
            dropdown-menu {
                display: -webkit-box;
                display: -moz-box;
                display: -ms-flexbox;
                display: -webkit-flex;
                display: flex;
                .animation(fade, .12s, forwards);
            }
        }
    }
}

.menu-fold-out {
    @media only screen and (min-width : 768px) {
        left: 300px;
        position:relative;
    }
}

.padding-0 {
    @media only screen and (max-width : 768px) {
        padding: 0;
        position: relative;
    }
}

/*
    Bootstrap pagination stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

[paging] {
    &[inner-text] {
        li {
            &:nth-child(3) {
                &:hover {
                    a {
                        color: #000 !important;
                        font-weight: normal;
                        cursor: text;
                    }
                }
            }
        }
    }

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

.pagination {
    float: right;
}

.pagination .first,
.pagination .last {
    position: relative;
    font-size: 11px;
    top: 1px;
}

.pagination > li {
    display: inline-block;
    vertical-align: middle;
}

.pagination > li > a,
.pagination > li > span {
    padding: 3px 10px;
}

.pagination > li > a,
.pagination > li > span {
    background-color: transparent;
    border: 0;
    margin-right: 5px;
    color: @secondary-color;

    .transition(0);
}

.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    background-color: transparent;
    color: @thirth-color !important;
    font-weight: bold;

    .transition(0);
}

.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    background-color: transparent;
    color: @thirth-color !important;
    font-weight: bold;

    .transition(0);
}

.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    background-color: transparent;
    border: 0;
    color: #ccc !important;
}

.pagination > .paging-text > span,
.pagination > .paging-text > span:hover,
.pagination > .paging-text > span:focus,
.pagination > .paging-text > a,
.pagination > .paging-text > a:hover,
.pagination > .paging-text > a:focus {
    font-weight: normal;
    color: initial !important;
    cursor: text !important;
}

/*
    Bootstrap popover

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

.popover {
    border: 1px solid @secondary-color;
    opacity: 1;
    color: @secondary-color;
    font-size: 12px;

    &.right {
        > .arrow {
            border-right-color: @secondary-color;
            left: -8px;
            margin-top: -8px;
        }
    }

    > .arrow {
        border-width: 8px;
    }

    .popover-content {
        padding: 5px;
    }

    .box-shadow(none);
}
/*
    Bootstrap tab stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.nav > li > a:hover, 
.nav > li > a:focus {
    background-color: transparent;
}

.nav-tabs {
    background: @thirth-color;
    border: 0;
    border-radius: 5px;
    overflow: hidden;
}

.nav-tabs > li {
    margin-bottom: 0;
}

.nav-tabs > li > a {
    border-radius: 0;
    border: 0;
    color: #fff;

    .hoverFade(.33s);
}

.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover, 
.nav-tabs > li.active > a:focus {
    background: @thirth-color;
    color: #fff;
    border: none;

    .hoverFade(.33s);
}

.nav-tabs > li > a:hover {
    border: 0;
}

.nav-tabs-default {
    background: none;
    border-radius: 0;
    border-bottom: 1px solid @thirth-color;
}

.nav-tabs-default > li {
    padding-left: 0;
}

.nav-tabs-default > li > a {
    color: #000;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
    background: @thirth-color;
    color: #fff !important;
}

.nav-tabs > li.disabled > a:hover, 
.nav-tabs > li.disabled > a:focus {
    color: #777 !important;
}

.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus {
    color: @thirth-color;
}
/*
	Bootstrap tooltip stylesheet
	
	@package Solvisoft
	@author	Richard Mauritz
	@since 04-10-2017
*/

[tooltip] {
    cursor: pointer;
}

.tooltip.in {
	opacity: 1;
}

.tooltip-inner {
	background: @secondary-color;
	border: 1px solid @secondary-color;
	color: #fff;
	opacity: 1;
    font-size: 11px;
    font-weight: bold;

	.box-shadow(0 0 1px @light-gray-color);
}

.tooltip.left .tooltip-arrow {
    border-left-color: @secondary-color;
}
/*
    Breadcrumbs stylesheet

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

.breadcrumb {
    margin: 0 auto;
    background: none;
    padding: 0;
    border-radius: 0;
    border-bottom: 1px solid @breadcrumb-border-bottom;
    & ol,
    & li {
        display: block;
        margin: 0;
        padding: 0;
    }

    & .breadcrumb-items {
        position: relative;
        display: inline-block;
        color: @medium-gray-color;
        font-size: (@font-size-base * 2) - 8px;
        font-weight: @font-weight-semibold;
        color: @header-h3;
        .breadcrumb-active {
            color: @breadcrumb-header-active;
        }
        &:before {
            content: '\f104';
            font-family: FontAwesome;
            color: @breadcrumb-icons-color;
            margin-right: (@grid-gutter-width/6);
            font-size: 15px;
        }
        &~li.breadcrumb-items {
            &:before {
                content: "\f111";
                font-family: FontAwesome;
                color: @breadcrumb-icons-color;
                font-size: (@font-size-base - 11px);
                margin: 0 (0.267 * @grid-gutter-width);
            }
        }
    }

    & a {
        color: @medium-gray-color;
        font-size: 15px;
        &: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;
        }
    }
}
.navbar-right {
    .popover-container {
        .shopping-cart {
            .btn {
                border-color: @theme-btn-border;
            }
        }
    }
}
/*
    Categorie tile navigation row stylesheet

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

.category-tile {
    border-radius: @border-radius;
    margin: (0.5 * @grid-gutter-width) 0;
    a {
        position: relative;
        display: block;
        color: #fff;
        padding: 10px;

        // Prevent breaking layout
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;

        .fa {
            position: absolute;
            right: 10px;
            top: 13px;
        }
    }

    &.category-image {
        display: table-cell;
        border-top: 15px solid transparent; // Border top instead of margin top, because table cells cant handle margins
        border-bottom: 15px solid transparent; // Border top instead of margin top, because table cells cant handle margins

        .category-image-content {
            padding: 15px;
            font-size: @font-size-base;
            color: #fff;

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

.sub-categories {
    max-height: 500px;
    transition:max-height 0.2s ease-in;

    &.folded {
        overflow: hidden;
        max-height: 0;
        transition:max-height 0.2s ease-in;
    }

    .child-categories,
    .child-categories li,
    .child-categories li a {
        display: block;
        padding: 0;
        margin: 0;

        a {
            position: relative;
            padding: 10px;
            border-bottom: 1px solid @sixth-color;
            &:after {
                right: 15px;
                top: 10px;
                .font-awesome("\f105");
            }
        }
    }
}



/*
    Filter partial stylesheet

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

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

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

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

            &[aria-expanded=false] {
                h4 {
                    &:after {
                        right: 27px;

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

            h4 {
                font-size: 16px;
                margin: 0;
                padding: 10px;
                font-weight: bold;
                cursor: pointer;
            }
        }

        .filter-body {
            .filter-type {
                display: block;
                padding: 10px;
                font-weight: normal;
                cursor: pointer;
            }
        }
    }
}
/*
    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
*/

.product-price {
    display: block;
    font-size: 24px;
}

.offers-slider {
    position: relative;

    .carousel {
        margin-top: -(1.767 * @grid-gutter-width);
        @media only screen and (max-width: 1024px) {
            margin-top: -(1.73 * @grid-gutter-width);
        }
    }

    .article-title-wrapper {
        position: relative;
        z-index: 9;
        top: -(@grid-gutter-width/3);
        display: flex;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        align-items: baseline;
        -webkit-align-items: baseline;
        -moz-align-items: baseline;
        -ms-align-items: baseline;

        .offers-header {
            position: relative;
            left: (@grid-gutter-width/2);
            font-size: (@font-size-base + 4px);
            font-weight: @font-weight-bold;
            @media only screen and (max-width: 1024px) {
                font-size: (@font-size-base + 2px);
                left: 0;
            }
        }
    }
    .carousel-inner {
        .article-product-block {
            .article-price-wrapper {
                 @media only screen and (max-width: 1024px) {
                     margin-bottom: 5px !important;
                 }
            }
            .btn-action {
                 @media only screen and (max-width: 1024px) {
                     flex-direction: column;
                 }
                  @media only screen and (max-width: 480px) {
                     flex-direction: row;
                  }
            }
        }
    }
}

.no-result-description {
    line-height: 2;
    text-align: center;
}
/*product category*/
.product-category-wrapper {
    padding: 0;

    .product-category-sublist {
        .article-product-block {
            position: relative;
            height: 260px;
            margin-bottom: @grid-gutter-width;

            .image-size {
                width: 100px;
                height: 100px;
                }
            }
        }

        .article-product-block {
            padding: (0.5 * @grid-gutter-width);

            .article-title {
                margin-bottom: 0;
            }
            .product-detail {
                height: 40px;
            }
        }
    }

    .article-product-block {
        
        .offers-img {
            position: relative;
            height: 110px;
            width: 100%;

            .label-warning {
                padding: (0.1 * @grid-gutter-width);
                position: absolute;
                left: 0;
                z-index: 1;
                background: @news-badge-background;
                border: 1px solid @news-badge-border;
                font-size: (@font-size-base - 2px);
            }
        }

        .image-size {
            width: 100%;
            height: 144px;
             @media only screen and (max-width: 480px) {
                     height: 145px;
                 }
        }

        .article-description {
            &.offers-details {
                .article-title {
                    min-height: 25px;
                    text-align: left;
                    overflow: hidden;
                    display: -webkit-box;
                    -webkit-line-clamp: 2;
                    -webkit-box-orient: vertical;
                    width: 100%;
                    white-space: unset;
                    height: 50px;
                    font-size: 18px;
                    line-height: 26px;
                    margin: 0;
                }

                .article-description {
                    height: 25px;
                    white-space: nowrap;
                }
                .btn-action {
                     @media only screen and (max-width: 1024px) {
                         flex-direction: column;
                         .read-more-link {
                             margin-top: (0.166 * @grid-gutter-width);
                         }
                     }
                      @media only screen and (max-width: 768px) {
                         flex-direction: row;
                         .read-more-link {
                             margin-top: 0;
                         }
                      }
                }
            }

            .product-title-link {
                width: 50px;
                word-wrap: break-word;
            }

            .article-title {
                height: 35px;
                font-weight: @font-weight-bold;
            }

            .article-price-wrapper {
                font-size: (@font-size-base + 4px);
                font-weight: @font-weight-semibold;
                color: @header-h6;
                 @media only screen and (max-width: 1024px) {
                     font-size: (@font-size-base - 2px);
                 }
                .article-id {
                    color: @offers-product-id;
                }
            }

            .product-quantity {
                .basket-quantity-control {
                    padding-left: 0;
                    padding-right: 2px;
                    margin-bottom:5px;
                }
            }
        }
    }

/*
    Item relations global sheets

    @package Solvisoft
    @author Richard Mauritz
    @since 03-10-2017
*/
.relative-article-product {
    .article-product-block {
        padding: 0;
        figure {
            padding: 1px;
            height: 250px;
        }
        .article-description {
            .item-cart-btn {
                @media only screen and (max-width: 768px) {
                    margin-top: 10px;
                }
            }
        }
      }
    }

    .related-products-wrapper {
        background: linear-gradient(to top, @theme-grey-primary 30%, @primary-color 90%);
        .item-price-wrapper {
            color: #1D2F41;
            padding-bottom: (0.33 * @grid-gutter-width);
            .price {
                font-weight: @font-weight-semibold;
            }
        }
    }

/*
    Language selector stylesheet

    @package Solvisoft
    @author Jeroen de Jager
*/
.top-bar-right {
    .login-mobile {
        @media only screen and (max-width: 768px) {
            position: absolute;
            right: 50%;
            padding-top: (@grid-gutter-width/6);
        }
        @media only screen and (max-width: 320px) {
            margin-left: (0.67 * @grid-gutter-width);
        }
    }

    .language-dropdown-list {
        background: @secondary-dropdown-light;
        border-radius: (0.1667 * @grid-gutter-width);
        cursor: default;
        padding-right: 0;

        @media only screen and (max-width : 768px) {
            background: none;
            text-align: right;
        }
        @media only screen and (max-width : 480px) {
            float: right;
        }
        .language-list-dropdown-link {
             @media only screen and (max-width : 768px) {
                 padding: 0 (@grid-gutter-width * 0.267);
             }
        }
        .language-dropdown {
            right: 0;
            padding: 0;
            left: auto;

            .item-language {
                padding-right: 0;

                a {
                    .language-list {
                        width: 100%;
                        max-width: 100px;
                        display: inline-block;
                    }
                }

                &.active-language {
                    background: @dropdwon-link-active;
                }
            }
        }

        .lang-description {
            font-size: (@font-size-base - 4px);
            vertical-align: middle;
        }

        .header-icons {
            margin: (0.2667 * @grid-gutter-width);
            width: 16px;
            height: 16px;
            border-radius: 50%;

            @media only screen and (max-width: 480px) {
                width: 12px;
                height: 12px;
            }
        }

        &:hover {
            > a {
                border-radius: (0.1667 * @grid-gutter-width);
            }
        }

        .language-dropdown {
            box-shadow: 0 3px 5px @top-bar-link-hover-color;

            .lang-description {
                font-size: (@font-size-base - 1px);
                font-weight: normal;
            }

            .item-language {
                &:hover {
                    background: @theme-fourth-color;

                    span {
                        font-weight: @font-weight-semibold;
                    }
                }

                a {
                    text-decoration: none;
                    color: @theme-language-name-list;
                    align-items: center;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-justify-content: space-between;
                    -moz-justify-content: space-between;
                    -ms-justify-content: space-between;
                    justify-content: space-between;
                    -ms-flex-pack: space-between;
                    padding: (0.267 * @grid-gutter-width);
                }

                .lang-icons {
                    width: 16px;
                    height: 16px;
                    border-radius: 50%;
                }
            }
        }
    }
}

/*
    @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-style: normal;
    margin: 20px 0;
    font-weight: bold;
}

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


/*News block*/

.news-block-wrapper {
    @media only screen and (max-width: 1024px) {
        margin-top: @grid-gutter-width;
    }

    .panel {
        height: 100%;
        background: @theme-news-block-background;
        margin-bottom: 0;
        border-radius: @border-radius-large;
        height: 450px;

        .panel-heading {
            background: none;
            color: @theme-secondary-color;
            border-bottom: 0;

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

            .news-title {
                font-weight: @font-weight-bold;
            }

            &:after {
                display: none;
            }

            &:hover {
                cursor: initial;
            }
        }

        .news-block {
            border-bottom: 1px solid @theme-news-block-border;

            .read-more-link {
                @media only screen and (max-width : 480px) {
                    margin: 0 auto;
                }
            }

            .title {
                margin-bottom: 0;
                text-overflow: ellipsis;
                overflow: hidden;
                white-space: nowrap;
                font-weight: @font-weight-bold;
                height: 22px;
            }

            .date {
                font-size: (@font-size-base - 4px);
                color: @news-date-format;
                margin-top: 0;
                display: inline-block;
                margin-bottom: (0.33 * @grid-gutter-width);
            }

            .news-description {
                color: @theme-gray-text-color;
                display: block;
                font-size: (@font-size-base - 1px);
                height: 45px;
            }
        }
    }

    .news-list-button {
        margin: (@grid-gutter-width/6) auto;

        .btn {
            width: 200px;
            margin: 0 auto;
        }

        @media only screen and (max-width: 1024px) {
            padding: (@grid-gutter-width/3) (@grid-gutter-width/2);
        }

        @media only screen and (max-width: 1024px) {
            text-align: center;

            .btn {
                display: inline-block;
            }
        }
    }
}

/*
    Order tabs stylesheet

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

.order-nav-tabs {
    background: #fff;
    overflow: hidden;
    border-bottom: 0;
    padding: 15px 15px 30px 25px;
    margin-bottom: 20px;
    float: none;
    margin-top: 15px;

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

    li {
        padding-left: 0;

        span {
            background: #fff;
            position: relative;
            display: inline-block;
            border: 1px solid @medium-gray-color;
            border-radius: 50%;
            height: 40px;
            width: 40px;
            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: 91px;
                transform: translate(-50%);
            }

            small {
                position: absolute;
                top: 45px;
                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: 50px;

                &:before {
                    width: 51px;
                    left: 65px;
                }
            }
        }
    }
}

.cart-icon-disable {
  @media (max-width: 480px) {
    .disabled {
        display: none;
    }
    .active {
       display: block;
       width: 100%;
       text-align: center;
       span {
            margin-right: 0;
            &:before {
                width: 0;
            }
            small {
                width: auto;
                margin-left: 0;
                transform: translate(-50%);
            }

       }
      }
    } 
  }
/*
    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;
    }
}

/*Businees blocks*/
.business-blocks {
    background: @theme-fourth-color;
}

.business-blocks-wrapper {
    padding: (1.667 * @grid-gutter-width) 0;
    @media only screen and (max-width : 768px) {
         padding: @grid-gutter-width 0;
    }

    .business-block {
        position: relative;

        .thumbnail {
            text-align: center;
            margin-bottom: 0;
            position: relative;
            min-height: 180px;
            text-decoration: none;
             @media only screen and (max-width : 768px) {
                 margin-bottom: (0.67 * @grid-gutter-width);
             }
            .text-truncate {
                width: 100%;
            }

            .caption {
                position: relative;

                .business-block-title {
                    font-weight: @font-weight-semibold;
                    transition: color 1s;
                    height: 30px;
                     @media only screen and (max-width : 768px) {
                         height: auto;
                     }
                }

                .read-more-link {
                    list-style: none;
                    transition: color 1s;
                }
            }

            &:hover {
                border: 1px solid @business-block-border-hover;
                text-decoration: none;
                background: @theme-tertiary-bg-color;

                .business-block-title {
                    color: @theme-tertiary-color;
                }

                .read-more-link {
                    color: @theme-tertiary-color-lighter;
                    border-color: @business-link-hover-color;
                }
            }

            .business-link {
                position: absolute;
                bottom: (@grid-gutter-width/2);
                left: 0;
                right: 0;
                @media only screen and (max-width : 768px) {
                    position: relative;
                }
            }
            
        }
    }
}
/*Information block*/
.information-block-wrapper {
    .jumbotron {
        margin-bottom: 0;
        text-align: center;
        background: none;
        margin: 0 auto;
        padding-top: (2 * @grid-gutter-width);
        padding-bottom: (2 * @grid-gutter-width);
        @media only screen and (max-width : 768px) {
            padding-top: (0.66 * @grid-gutter-width);
            padding-bottom: (0.66 * @grid-gutter-width);
        }
        .information-header {
            font-weight: @font-weight-semibold;
            margin-top: 0;
        }

        .information-description {
            line-height: 2;
            font-size: @font-size-base;
            font-weight: @font-weight-regular;
        }

        .btn {
            margin-top: (0.667 * @grid-gutter-width);
            padding: (0.33 * @grid-gutter-width) @grid-gutter-width;
        }

    }
}
.business-active-block {
        border-color: @business-block-border-hover;
        .caption {
            .business-block-title {
                    color: #016745;
                    }
        }
        .business-link {
            .read-more-link {
                color: #019b68;
            }
        }
}

/*
    Page article relation stylesheet

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

.page-article-header {
    min-height: 350px;
    max-height: 350px;
    background-position: bottom !important;

    .content {
        color: #fff;
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

.page-article-footer {
    background: @secondary-color;
    padding-top: 40px;
    padding-bottom: 40px;
    color: @primary-color;
    border-bottom: 1px solid @medium-gray-color;
}
/*
    Pagetext stylesheet. Belongs to the pagetext template file

    @package Solvisoft
    @author Richard Mauritz
*/


/*
    Searchbox stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

.search-box,
#searchformmobile {
    position: relative;
}

.search-box button,
#searchformmobile button {
    height: 100%;
    position: absolute;
    background: none;
    border: none;
    top: 0px;
    right: (@grid-gutter-width/6);
    color: @search-icon-color;
    outline: none;
    overflow: hidden;
    white-space: nowrap;
    .hoverFade(.3s);
}

.search-box input.form-control,
#searchformmobile input.form-control {
    border-radius: 0;
    border: 1px solid @medium-gray-color;
    color: #000;
    overflow: hidden;
    white-space: nowrap;
    padding-right: @grid-gutter-width;
    width: 190px;
}

.search-box input.form-control:focus,
#searchformmobile input.form-control:focus {
    border: 1px solid @fourth-color;
}

.search-box input.form-control:focus + button,
#searchformmobile input.form-control:focus + button {
    color: @medium-gray-color;

    .hoverFade(.3s);
}

.search-box .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;
}

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

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

    .hoverFade(.33s);
}

.search-box .search-auto-complete ul li:hover,
.search-box .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);
}

.search-box .search-auto-complete ul li:hover a,
.search-box .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;
}

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

.autocomplete-results {
    width: 336px;
    background-color: #fff;
    position: absolute;
    z-index: 210;
    @media only screen and (max-width : 640px) {
        width: 325px;
    }
    .box-shadow(0 0 3px -1px #ccc);
    
    li {
        display: block;
        padding-right: 0;
        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
*/
.basket-wrapper {
    right: 0;
    @media only screen and (max-width: 768px) {
       font-size: (@font-size-base - 2px);
    }
}
.shopping-cart {
    > a {
        position: relative;

        &:hover {
            text-decoration: none;
        }

        .fa {
            color: @secondary-color;
            font-size: 24px;
            .transition(.12s);
        }

        .fa.active {
            color: @secondary-color;
            .transition(.12s);

            & + .badge {
                background-color: @light-gray-color;
                color: @secondary-color;
                .transition(.12s);
            }
        }
    }
}

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

.shopping-cart-icon {
    width: 16px;
    height: 16px;
}

shopping-cart {
    background-color: #fff;
    position: absolute;
    color: @font-color;
    min-width: 440px;
    max-width: 440px;
    top: 45px;
    right: 15px;
    padding: 15px;
    display: none;
    .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;
        font-size:14px;
        a {
            color: @font-color !important;
        }

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

        .btn-delete {
            background: none;
            border: none;
            padding-left: 0;
        }
    }

    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;
        .btn {
           color: @theme-white-color !important;
       }
    }
}

@media (max-width: 480px) {
    shopping-cart {
        min-width: 320px;
        max-width: 320px;
    }
}
.basket-gross {
    font-size:14px;
            @media only screen and (max-width: 768px) {
                font-size: (@font-size-base - 1px);
                .rectangle {
                    font-size: (@font-size-base - 1px);
                }
            }
            h4{
                font-size:14px;
                text-align:right;
                @media only screen and (max-width: 800px) {
                    font-size:13px;
                }
            }
            .subtotal-price {
                font-size:18px;
                @media only screen and (max-width: 991px) {
                    font-size:14px;
                }
            }
        }
/*
    Homeslider stylesheet

    @package Solvisoft / CTM
    @author Richard Mauritz
    @since 10-10-2017
*/
.slider-indicators {
    width: auto;
    li {
        width: 20px;
        height: 5px;
        border-radius: (1.33 * @grid-gutter-width);
        background: @medium-gray-color;

        &.active {
            width: 20px;
            height: 5px;
            background: @black;

            &:after {
                content: '';
                border: none;
            }
        }
    }
}

.home-slider {
    position: relative;
    margin-top: -(2.667 * @grid-gutter-width);

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

        small {
            position: relative;
            font-size: @font-size-base;
        }

        h1 {
            margin-top: 0;
        }
    }

    .item {
        min-height: 600px;
        /*
            Slider overlay
        */
        &:after {
            position: absolute;
            content: " ";
            top: 0;
            left: 0;
            height: 100%;
            width: 100%;
            .gradient(linear; #000, transparent;90deg);
        }
    }
}


/*article-slider*/
.category-wrapper {
    padding: (0.83 * @grid-gutter-width) 0;
    @media only screen and (max-width : 768px) {
        padding: 0;
    }
    .product-category-wrapper {
        .article-product-block {
            height: 310px;
            position: relative;
            padding: 0;
            &:last-child {
                 @media only screen and (max-width: 768px) {
                     margin-top: (1.66 * @grid-gutter-width);
                 }
                  @media only screen and (max-width: 480px) {
                     margin-top: 0;
                 }
            }
            .article-image {
                min-height: 100px;
                max-height: 145px;
            }
             @media only screen and (max-width : 480px) {
                 height: auto;
                 text-align: center;
             }
             &:hover {
                box-shadow: 0px 0px 4px #D5D9E3;
            }

            .article-description {
                h4 {
                    @media only screen and (max-width : 480px) {
                        text-align: center;
                    }
                }

                .read-more-link {
                    position: absolute;
                    bottom: (@grid-gutter-width * 0.67);
                     @media only screen and (max-width : 480px) {
                         position: relative;
                         padding-top: 0;
                         bottom: 0;
                     }

                }
            }

            .article-img {
                .offers-img {
                    width: 100%;
                }
            }
        }
    }

    .offers-slider {
        .article-product-block {
            height: 310px;
                
        }
        .carousel {
             @media only screen and (max-width : 768px){
                 margin-top: 0;
             }
        }
    }
}
/*Slider main*/
.top-slider-wrapper {

    .carousel-indicators {
        position: absolute;
        left: (@grid-gutter-width/2);
        text-align: left;
        bottom: 0;
        z-index: 9;
    }

    .carousel-inner {
        border: 1px solid @theme-btn-border;
        border-radius: @border-radius-large;
        .slider-image-background {
            position: absolute;
            height: 100%;
            background: linear-gradient(to right,#fff 230px, transparent);
            background: -moz-linear-gradient(to right,#fff 230px, transparent); /* FF3.6+ */
            background: -webkit-linear-gradient(to right,#fff 230px, transparent); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(to right,#fff 230px, transparent); /* Opera 11.10+ */
            background: -ms-linear-gradient(to right,#fff 230px, transparent); /* IE10+ */
            width: 100%;
            z-index: 9;
             @media only screen and (max-width: 480px) {
                 display: none;
             }
        }

        .item {
            height: 100%;
            min-height: 450px;
            @media only screen and (max-width: 480px) {
                min-height: 550px;
            }
            img {
                width: 100%;
                height: 100%;
                
                   object-fit: cover;
            }
        }
    }

    .carousel-caption {
        left: 0;
        padding-bottom: 0;
        text-align: left;
        top: 0;
        padding-left: (0.5 * @grid-gutter-width);
        height: 100%;
        width: 260px;
        @media only screen and (max-width: 480px) {
            width: 100% !important;            
        }
        .slider-header {
            font-weight: @font-weight-normal;
            text-shadow: none;
            @media only screen and (max-width: 480px) {
                font-size: 25px;
            }
        }

        .slider-text {
            text-shadow: none;
            line-height: 30px;
            font-weight: @font-weight-semibold;
            max-height: 300px;
            margin-bottom: (1.33 * @grid-gutter-width);
        }
        .btn-block {
            @media only screen and (max-width: 480px) {
                margin: 0 auto;
                text-align: center;
            }
        }
    }
}

@media (max-width: 768px) {
    .home-slider {
        position: relative;
        margin-top: 0;
    }
}

/*
    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 {
    .favourites-search {
         @media only screen and (max-width: 480px) {
           padding-bottom: (0.33 * @grid-gutter-width);
    }
   }
}

.addToFavoriteList {
    padding-top: 20px;
    margin-left:15px;
    margin-bottom:10px;
    border: 1px solid @light-gray-color;
    }
.add-item-by-code {
    border: 1px solid #9f9f9f;
    padding: 10px;
    border-radius: 5px;
}

.favourite-inputs {
    .no-padding-left {
        padding-left: 0 !important;
    }
}

label { 
    display:inline-block;
}
.quantity-standard {
    @media(min-width: 768px) {
        width:130px!important;
    }
}


@media(max-width: 991px) {
    .favourite-inputs {
        .btn-primary {
            margin-top: 10px;
        }
    }
}
/*
    New basket item popup stylesheet
*/

@import "/content/Default/LESS/Partials/Templates/NewBasketItemPopup.less";
/*
    Login page or login template popup

    @package Solvisoft
    @author Richard Mauritz
*/

.forgot_password_form {
    display: none;
}

dialog {
    position: fixed;
}

.login-header {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 5px;
    padding-left: 15px;

    label {
        font-weight: normal;
        font-size: 16px;
    }

    .fa {
        position: relative;
        top: -4px;
        right: -2px;
        color: #e5e5e5;
        cursor: pointer;
    }
}

.login-footer {
    padding: 15px 15px 0px 15px;
    border-top: 1px solid #e5e5e5;
    font-size: 13px;
}

.loginbuttondiv {
}

/*
    Article slider stylesheet

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

.product-image-slider {
    margin-top: (0.667 * @grid-gutter-width);
    .item {
        padding: (0.5 * @grid-gutter-width);
        max-height: 300px;
        min-height: 300px;

        .magnifying-glass {
            position: absolute;
            right: (@grid-gutter-width/2);
            bottom: (@grid-gutter-width/2);
            color: @primary-color;
            height: auto;
            width: 30px;
            top: 0;
            cursor: pointer;
            background-image: url(../../uploads/websiteimages/zoom-icon.png);
            background-repeat: no-repeat;
        }
    }

    img {
        max-height: 270px;
    }

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

    .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.
.product-news-right {
    .news-block-wrapper {
        margin-bottom: (0.83 * @grid-gutter-width);
        .panel {
            height: 260px;
            @media only screen and (max-width: 768px) {
                height: 310px;
            }
            @media only screen and (max-width: 640px) and (max-width: 480px) {
                height: auto;
            }
        }
        .panel-heading {
            height: 88px;
        }

        .news-block {
            position: relative;
            border-bottom: none;
            height: 185px;
            border-radius: 5px;

            .read-more-link {
                position: absolute;
                bottom: 27px;
                left: (@grid-gutter-width / 2);
                 @media only screen and (max-width: 640px) { 
                     bottom: (1.33 * @grid-gutter-width);
                 }
            }
        }
        @media only screen and (max-width: 1024px) {
            margin-top: 0;
        }
    }
    .aside-offers-block {
        margin-top: (@grid-gutter-width/6);
        @media only screen and (max-width: 768px) {
            margin-top: 0;
        }
    }
    .article-title-wrapper {
        display: none;
    }
}

/*
    Footer stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/
.footer-wrapper {
    .innovative-products {
        border-top: 1px solid #D5D9E3;
        border-bottom: 1px solid #D5D9E3;

        .shipping-header {
            color: #1D2F41;
        }

        .free-shipping-list {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-justify-content: flex-end;
            -moz-justify-content: flex-end;
            -ms-justify-content: flex-end;
            justify-content: flex-end;
            -ms-flex-pack: flex-end;
            padding-top: (0.267 * @grid-gutter-width);
            .free-shipping {
                margin-left :(@grid-gutter-width/2);
                @media only screen and (max-width : 640px) {
                    margin-left: (0.5 * @grid-gutter-width);
                }
                @media only screen and (max-width : 480px) {
                    margin-left: 0;
                }
            }
            .shipping-list {
                font-size: (@font-size-base - 2px);
                font-weight: @font-weight-bold;

                .free-icon {
                    color: @free-shipping-icons;
                    padding-right: (@grid-gutter-width/3);
                }
            }
            @media only screen and (max-width : 480px) {
                flex-direction: column;
            }
             
        }
    }

    .footer-top {
        border-top: 1px solid @light-gray-color;
        padding-top: (0.66 * @grid-gutter-width);
        padding-bottom: (0.66 * @grid-gutter-width);
        @media only screen and (max-width : 480px) {
            padding-top: (0.66 * @grid-gutter-width) !important;   /*to overwrite inline style.*/
        }
        .footer-img-wrapper {
            img {
                 @media only screen and (max-width : 480px) {
                     display: block;
                     margin: auto;
                 }
            }
        }
        .footer-right-wrapper {
            padding-left: 0;
            h4 {
                @media only screen and (max-width : 1024px) {
                    font-size: @font-size-base;
                }
            }
            p {
                @media only screen and (max-width : 640px) {
                    font-size: (@font-size-base - 2px);
                }
            }
             @media only screen and (max-width : 768px) {
                 padding-left: 0;
             }
             @media only screen and (max-width : 480px) {
                 padding-left: (@grid-gutter-width/2);
             }

        }
        .footer-social-left {
            display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            
            
            @media only screen and (max-width : 1024px) {
                // padding-left: 0;
                 display: block;
             }
            @media only screen and (max-width : 480px) {
                padding-left: (@grid-gutter-width/2);
            }
            .social-icons-list {
                .social-link {
                    display: inline-block;
                    width: 40px;
                    height: 40px;
                    padding: (@grid-gutter-width/3);
                    font-size: 12px;
                    color: #fff;
                    text-align: center;
                    background-color: @footer-social-icons-background;
                    border-radius: 50%;
                    margin-right: (@grid-gutter-width/3);
                    @media only screen and (max-width : 640px) {
                        width: 30px;
                        height: 30px;
                        padding: (0.166 * @grid-gutter-width);
                    }
                    .fa {
                        font-size: (@font-size-base + 2px);
                        color: @footer-bottom-links-color;
                         @media only screen and (max-width : 640px) {
                             font-size: (@font-size-base - 2px);
                         }
                    }
                }
            }
            .social-row {
                .footer-input {
                    height: 40px;
                    display: flex;
                    align-items: flex-end;
                    padding: (@grid-gutter-width/3) 0;
                    margin-top: (@grid-gutter-width/6);
                    .read-more-link {
                        @media only screen and (max-width : 480px) {
                            margin: auto;
                        }
                    }
                    @media only screen and (max-width : 1024px) {
                        display: block;
                        padding:0;
                        margin: 0;
                    }

                }
                 @media only screen and (max-width : 480px) {
                     margin: 0 auto;
                     text-align: center;
                     border-bottom: 1px solid @medium-gray-color;
                 }
                 
            }
        }
        .footer-social-right {
             @media only screen and (max-width : 480px) {
                 text-align: center;
                 padding-top: (@grid-gutter-width * 0.67);
                 padding-bottom: (@grid-gutter-width/3);
             }
             /*.social-row {
                 margin-left: auto;
             }*/
             .footer-input {
                 padding-top: (@grid-gutter-width/2);
                  @media only screen and (max-width : 640px) {
                      padding-top: 0;
                      .footer-btn {
                          padding-bottom: 0 !important;
                      }
                  }
                 .mc-field-group {
                     input {
                        padding: (@grid-gutter-width/6);
                     }
                 }
             }
        }
    }

    .footer-bottom {
        background-color: @footer-bottom-background-color;
         @media only screen and (max-width : 480px) {
             border-top: 1px solid @medium-gray-color;
         }

        .footer-bottom-list {
            padding: 0;

            li {
                list-style: none;
                padding-bottom: (@grid-gutter-width/6);
                font-size: (@font-size-base - 1px);
                color: @footer-bottom-links-color;

                a {
                    color: @footer-bottom-links-color;
                    font-size: (@font-size-base - 1px);
                }
            }
        }
    }
}

/*
    Header stylesheets

    @author     Richard Mauritz
    @package    Solvisoft
*/
@font-weight-semibold: 600;
@font-weight-bold: 700;
@font-weight-regular: 400;

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

.margin-bottom-0 {
    margin-bottom: 0;
}
/*48px*/
.margin-bottom-20-mobile {
    @media only screen and (max-width: 568px) {
        margin-bottom: 20px;
    }
}

.d-inline-block {
    display: inline-block;
}

h1 {
    font-size: (@font-size-base * 3);
    font-weight: @font-weight-semibold;
    color: @header-h1;
}
/*32px*/
h2 {
    font-size: (@font-size-base * 2);
    font-weight: @font-weight-semibold;
    color: @header-h2;
}
/*24px*/
h3 {
    font-size: (@font-size-base * 2) - 8px;
    font-weight: @font-weight-semibold;
    color: @header-h3;
}
/*20px*/
h4 {
    font-size: (@font-size-base + 4px);
    font-weight: @font-weight-semibold;
    color: @header-h4;
}
/*18px*/
h5 {
    font-size: (@font-size-base + 2px);
    font-weight: @font-weight-semibold;
    color: @header-h5;
}
/*16px*/
h6 {
    font-size: (@font-size-base);
    font-weight: @font-weight-semibold;
    color: @header-h6;
}

.font-weight-bold {
    font-weight: @font-weight-bold;
}

.font-weight-semibold {
    font-weight: @font-weight-semibold;
}

.font-weight-regular {
    font-weight: @font-weight-regular;
}

p {
    font-size: @font-size-base;
}

.contact-no-hover {
    cursor: auto;
}

.vertical-align-top {
    vertical-align: top;
}

.padding-right-0 {
    padding-right: 0;
}

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

    .primary-header {
        box-shadow: 4px 17px 42px -15px @header-bottom-shadow;

        @media only screen and (max-width : 480px) {
            padding: (@grid-gutter-width/3) 0;
        }

        .navbar-left {
            .logo {
                padding-top: (0.1667 * @grid-gutter-width);
            }

            .navbar-button-group {
                button {
                    text-align: left;
                    font-weight: @font-weight-regular;
                    color: @top-header-btn-text;
                }
            }

            .product-group-menu {
                .navbar-nav {
                    > li {
                        &:hover {
                            > a {
                                background-color: none;
                            }
                        }
                    }
                }
            }
        }

        .navbar-right {
            .searchform {
                input {
                    border-color: @theme-btn-border;
                }
            }
        }

        &.fixed-top {
            background: @theme-white-color;
            z-index: 200;
            padding-top: (@grid-gutter-width/6);
            padding-bottom: (@grid-gutter-width/6);
            margin-bottom: 0;

            @media only screen and (max-width: 768px) {
                padding-top: (@grid-gutter-width/3);
                padding-bottom: (@grid-gutter-width/3);
            }

            @media only screen and (max-width: 480px) {
                padding-top: (@grid-gutter-width/3);
            }

            .container {
            }

            img {
                max-width: 200px;
            }

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

            .navbar-collapse {
                .list-inline {
                }
            }
        }
    }

    .secondary-header {
        background-color: @secondary-header-background-color;
        border-bottom-left-radius: @border-radius;
        border-bottom-right-radius: @border-radius;
    }
}
/*Mixin*/
.border-btn {
    border-color: @theme-btn-border;
    box-shadow: 0px 0px 4px @theme-btn-border;
}


@media only screen and (max-width: 1199px) {
    .primary-header .navbar-primary-header .navbar-header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        -moz-align-items: center;
        -ms-align-items: center;
        align-items: center;
        -webkit-flex-direction: row-reverse;
        -moz-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
        flex-direction: row-reverse;
    }
}

header .primary-header .navbar-right .searchform input {
    box-shadow: 0px 0px 4px #d5d9e3;
    border-color: #2b9ce1;
    width: 300px;
    border-radius: 5px;
}

#mainSlider {
    .slider-indicators li.active {
        background: #fff;
    }

    .carousel-caption {
        width: 400px;

        .carousel-section {
            background: rgba(42, 156, 225, .7);
            position: absolute;
            bottom: 0;
            left: 0;
            padding: 10px 15px;
            border-radius: 0 5px 0 0;
            color: #fff;

            h1,h2,h3,h4,h5,h6,p, span, strong, small {
                color: #fff;
            }
        }
    }
}
/*
    Mobile menu stylesheet

    @package    Solvisoft
    @author     Richard Mauritz
*/

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

[ng-toggle-mobile-menu] {
    background-color: transparent;
    border: none;
    font-size: 24px;
    outline: none;
}

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
    .title {
        font-weight: bold;
        padding: 10px 10px 0;
        color: #999;
    }
    >.btn-primary{
        box-shadow:none!important;

    }

    .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 {
            .fa {
                font-size: 18px;
                color: @theme-white-color;
                margin-right: 0;
            }

            .badge {
                position: absolute;
                top: 10px;
                right: (0.67 * @grid-gutter-width);
            }
        }

        strong a {
            color: #fff;
            font-size: 14px;
        }
        a {
            color: @theme-white-color;
            font-size: 12px;
        }
    }

    .search {
        padding: 10px;

        .searchform {
            @media only screen and (max-width: 1024px) {
                position: relative;
                .search-icon {
                    position: absolute;
                    top: (@grid-gutter-width/3);
                    right: (@grid-gutter-width/6);
                    background: none;
                    border: none;
                }
            }
        }

        #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.isActive {
            > a {
                color: @medium-gray-color;
                }
            &::after {
                color:  @medium-gray-color;
            }
        }

        > li::after {
            top: 10px;
            right: 15px;
            color: @mobile-menu-link-color;
            .font-awesome("\f105");
        }

        .nav {
            display: block;

            > li {
                > a {
                    padding-left: 30px;
                }
            }
        }
    }
}


@media (max-width: 768px) {
    mobile-menu {
        width: 250px;
        height: 100%;
        overflow: auto;
    }
}

@media (min-width: 360px) {
    mobile-menu {
        width: 300px;
        height: 100%;
        overflow: auto;
    }
}
@media (max-width: 1024px) {
     mobile-menu {
         height: 100%;
     }
     .overlay-mobile {
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #000;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
        opacity: 0.6;
        position: fixed;
        z-index: 49;
        display: none;
    }
}
/*
    Category stylesheet

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

.guided-search-filters {
    .filter-name {
        display: block;
        color: @header-h3;
        font-weight: @font-weight-semibold;
        font-size: (@font-size-base + 2);
    }

    .filter-group {
        .filter-list {
            color: @filter-color;
            background: none;
            display: inline-block;
            font-size: (@font-size-base - 2);
            padding-right: (@grid-gutter-width/1.2);
            padding-left: 0;
            text-transform: capitalize;
            font-weight: @font-weight-semibold;
            padding-bottom: (@grid-gutter-width/3);
            .fa-cancel-circle {
                top: (@grid-gutter-width/6);
                right: (@grid-gutter-width/6);
                width: 16px;
                height: 16px;
                background-image: url(../../Uploads/websiteimages/grid-list-icons/delete-value.png);
            }
        }
    }
}

.guided-search-options {
    .filter-description {
        overflow: auto;
        color: @header-h3;
        font-weight: @font-weight-semibold;
        font-size: (@font-size-base + 2);
    }
}

/*
    Article detail page

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

#product-details {
    padding-top: (0.833 * @grid-gutter-width);
    padding-bottom: (0.833 * @grid-gutter-width);

    .article-comment {
        color: @thirth-color;
        margin: (0.833 * @grid-gutter-width) 0;
        font-size: 18px;
    }

    .product-actions {
        .product-price {
            font-size: 40px;
        }

        .product-add-to-basket {
            [ng-input-number] {
                max-width: 50px;
                max-height: 42px;
            }

            .btn {
                position: relative;
                border-top-left-radius: 0;
                border-bottom-left-radius: 0;
            }
        }
    }

    .product-specifications {
        margin: (0.833 * @grid-gutter-width) 0;
        font-size: 18px;

        .item-downloads {
            background: #fff;
            margin: -(@grid-gutter-width/6);
            padding: (@grid-gutter-width/2);
            border: 2px solid @light-gray-color;
            border-radius: @border-radius;

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

    small {
        color: @medium-gray-color;
    }

    .item-details {
        padding: (0.833 * @grid-gutter-width);

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

    .specification-box {
        background: #fff;
        margin: -(@grid-gutter-width/6);
        padding: (@grid-gutter-width/6) (@grid-gutter-width/2);
        border: 2px solid @light-gray-color;
        border-radius: @border-radius;
        line-height: 40px;
    }
}

#product-information {
    background-color: @secondary-color;
    color: @primary-color;
    margin-top: (@grid-gutter-width * 2);
    border-bottom: 1px solid @sixth-color;
    padding-top: (1.33 * @grid-gutter-width);
    padding-bottom: (1.33 * @grid-gutter-width);
}

#product-specifications {
    padding-top: (1.33 * @grid-gutter-width);
    padding-bottom: (1.33 * @grid-gutter-width);
}


/*product details page*/
.product-information-detail-wrapper {
    .product-detail-block {
        background-color: @theme-grey-primary;
        background: linear-gradient(to left, @theme-white-color, @blue-shade-primary, @blue-shade-primary);
        padding: (@grid-gutter-width) 0 (@grid-gutter-width * 2) 0;

        .product-feature-wrapper {
            .product-feature-header {
                @media only screen and (max-width: 768px) {
                    font-size: (@font-size-base * 2.18);
                }

                @media only screen and (max-width: 640px) {
                    font-size: (@font-size-base * 1.56);
                }
            }
            .flex-display {
                justify-content: left;
            }
        }
    }

    .product-feature-description {
        color: @theme-gray-text-color;
        font-size: (@font-size-base + 2px);
        line-height: 1.83;
        max-height: 60px;
    }

    .product-feature-id {
        padding-top: (0.33 * @grid-gutter-width);
        display: block;
        color: @theme-primary-text-color;
        font-weight: @font-weight-semibold;
        font-size: (@font-size-base - 2px);
    }

    .product-feature-wrapper {
        .item-controls {
            margin-top: (0.5 * @grid-gutter-width);

            .item-price {
                background: @primary-color;
                padding: (@grid-gutter-width/6) (@grid-gutter-width/3);
                border-radius: 3px;
                display: inline-block;
            }

            .price-inclusive {
                margin-left: (@grid-gutter-width/3);
                font-weight: @font-weight-normal;
                display: inline-block;
            }

            .selection-wrapper {
                .size-chart,
                .color-chart {
                    color: @theme-gray-text-color;
                    display: -webkit-box;
                    display: -webkit-flex;
                    display: -ms-flexbox;
                    display: flex;
                    justify-content: end;
                    -webkit-justify-content: end;
                    -moz-justify-content: end;
                    -ms-justify-content: end;
                    -ms-flex-pack: end;
                    align-items: center;
                    -webkit-align-items: center;
                    -moz-align-items: center;
                    -ms-align-items: center;
                    font-size: (@font-size-base + 2);

                    .size-dropdown {
                        .cursor-pointer {
                            cursor: pointer;
                        }

                        .caret {
                            margin-right: (0.1667 * @grid-gutter-width);
                        }

                        .dropdown-menu {
                            min-width: auto;
                        }

                        &:hover {
                            .dropdown-menu {
                                display: block;
                            }
                        }
                    }

                    .item-quantity {
                        margin-right: (@grid-gutter-width/2);
                    }
                     @media only screen and (max-width: 640px) {
                         margin-top: (@grid-gutter-width/3);
                     }
                }
            }
        }
    }
}

.add-cart-wrapper {
    position: relative;
    bottom: (0.67 * @grid-gutter-width);

    > * {
        padding-right: 0;
    }

    .cart-link {
        text-align: center;
        margin-top: (0.1667 * @grid-gutter-width);
        margin-bottom: (@grid-gutter-width/3);
    }

    .shopping-btn {
        .btn {
            /*display: -webkit-box;
            display: -moz-box;
            display: -ms-flexbox;
            display: -webkit-flex;*/
            display: block;
            -webkit-justify-content: space-between;
            -moz-justify-content: space-between;
            -ms-justify-content: space-between;
            justify-content: space-between;
            -ms-flex-pack: space-between;
            -webkit-align-items: center;
            -moz-align-items: center;
            -ms-align-items: center;
            align-items: center;
        }

    }

    .lock-icon {
        padding-left: 0;
        padding-right: 0;
    }

    .btn-shopping {
        @media only screen and (max-width: 480px) {
            padding-top: (@grid-gutter-width/3);
        }

        .btn-block {
            position: relative;

            .fa-shopping-cart {
                position: absolute;
                top: 16px;
                right: 10px;
            }
            .tooltip {
                .tooltip-arrow {
                    border-top-color: @tooltip-arrow;
                }
            }
        }
    }
}

    .btn-favorite {
         .tooltip {
                .tooltip-arrow {
                    border-top-color: @tooltip-arrow;
                }
            }
    }

.product-specification-wrapper {
    padding: (@grid-gutter-width/2);

    .specification-header {
        padding-bottom: (0.5 * @grid-gutter-width);
        font-size: (@font-size-base + 2px);
        color: @product-header-h3;
    }

    .item-info-description {
        line-height: 1.80;
        font-size: (@font-size-base + 2px);
    }

    .specification-box {
        padding: (0.5 * @grid-gutter-width);
        font-weight: 600;
        background: linear-gradient(to left, @theme-white-color, @blue-shade-primary, @blue-shade-primary);
        .specification-type {
            padding-bottom: (0.5 * @grid-gutter-width);
        }
    }

    .item-downloads {
        font-weight: @font-weight-bold;

        .item-document {
            padding: (0.33 * @grid-gutter-width);
            margin-bottom: (0.1667 * @grid-gutter-width);
            background: linear-gradient(to left, @theme-white-color, @blue-shade-primary, @blue-shade-primary);
        }

        .document-download-link {
            color: @theme-link-color;
        }
    }

    .header,
    .specification-text {
        font-size: (@font-size-base - 2px);
        color: @product-header-h3;
    }
}

.item-relation-header {
    font-size: (@font-size-base + 8px);
    font-weight: @font-weight-normal;
}
.product-tierPrice {
    cursor: pointer;
    .product-info-onHover {
    display: none;
    position: absolute;
    width: 370px;
    background: white;
    border: 1px solid @theme-btn-border;
    border-radius: 5px;
    z-index: 100;
    padding: (0.33 * @grid-gutter-width);
    font-size: (@font-size-base - 2px);
    table {
    color: @black;
    table-layout: fixed;
        tr {
            th {
                border-top: none;
            }
        }
    }
}
&:hover {
    .product-info-onHover {
    display: block;
    }
}
}


/*
    Stylesheet for shop.
    The style defenitions for the grid and list view are also written here

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

#shopping-list {
	border-bottom: 2px solid @light-gray-color;
	padding-bottom: (0.833 * @grid-gutter-width);

	.shopping-item {
		padding-left: 0;
		padding-right: 0;
	}

	table {
		td {
			padding: 0 15px;
		}
	}

	.shopping-item-image {
		width: 30%;

		img {
			max-width: 150px;
			min-width: 150px;
		}
	}

	.shopping-item-quanity {
		float: right;
		max-width: 120px;
		margin-bottom: (@grid-gutter-width/3);
	}
}

.grid-control {
	font-size: @font-size-base;

	.pagination {
		float: left;
		margin: 0;
	}

	.grid-list-title {
		color: @product-pagina-text-color;
		font-size: (@font-size-base - 2px);
	}

	.article-count {
		font-weight: @font-weight-semibold;
		color: @article-count;
		font-size: (@font-size-base - 2);
	}

	.list-grid-tabs {
		.list-grid-tabs-inner {
			display: inline-block;
			border: 1px solid @list-grid-view-border;
			padding: (0.1 * @grid-gutter-width);
			border-radius: 3px;

			.btn-grid {
				padding: 0 (@grid-gutter-width/6);
			}
		}
	}

	.amount-per-page {
		background-color: transparent;
		border: 1px solid @list-grid-border;
		color: @product-pagina-text-color;
		outline: none;
		border-radius: @border-radius-base;
		margin-left: (@grid-gutter-width/3);
		font-size: (@font-size-base - 2);
		width: 48px;
		height: 32px;
		padding: 0 (@grid-gutter-width/15);

		&:focus {
			border-color: @thirth-color;
		}
	}

	.btn-grid {
		background-color: transparent;
		border: 0;
		font-size: 18px;
		color: @assortment-grid-list-view-icon-color;
		padding: 0;
		padding-left: (@grid-gutter-width/6px);
		.transition(.33s);

		&.active {
			color: @assortment-active-list-grid-view-color;
			.transition(.33s);
		}

		&:hover {
			color: @assortment-active-list-grid-view-color;
			.transition(.33s);
		}

		&:focus {
			color: @assortment-active-list-grid-view-color;
			outline: none;
			.transition(.33s);
		}
	}
}

.shopping-item {
	display: block;
	padding: (@grid-gutter-width/3) (@grid-gutter-width/2);
	background: @primary-color;
	margin-bottom: (@grid-gutter-width/6);

	a {
		display: block;
	}

	a:hover {
		text-decoration: none;
		color: @secondary-color;

		strong {
			color: @thirth-color;
			.transition(.33s);

			&:hover {
				.transition(.33s);
			}
		}
	}

	table, tr, td {
		width: 100%;
	}

	table {
		height: 100%;
	}

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

.stock-icon {
	background-color: #36e046;
	display: inline-block;
	height: 10px;
	width: 10px;
	margin-right: (@grid-gutter-width/6);
	border-radius: @border-radius;

	&.red {
		background-color: #ff0000;
	}

	&.orange {
		background-color: #ed7d31;
	}

	&.green {
		background-color: #36e046;
	}
}

.shopping-item .shopping-item-add {
	.btn-link {
		border: 0;
		padding: 0;

		small {
			font-size: 12px;
		}

		&:hover {
			color: #000 !important;
			text-decoration: underline !important;
		}
	}
}

.shopping-item .shopping-item-quanity {
	position: relative;
    margin-bottom:5px;
	.error-notification {
		position: absolute;
		left: -(@grid-gutter-width * 0.83);
		top: (0.23 * @grid-gutter-width);
		color: @warning-color;
	}
}

/*
    Grid view
*/
.assortment-grid-view {
	.article-product-block {
		margin-bottom: 0;

		@media only screen and (max-width : 480px) {
			height: auto;
		}

		.article-description {
			position: relative;
            .flex-display {
                align-items: flex-end;
                font-size: @font-size-base;
                .rectangle {
                    margin-bottom: 0;
                    margin-top: 0;
                    font-size: @font-size-base;
                    padding: 2px;
                }
                .article-id {
                    margin-bottom: 3px;
                }
             }
			.article-text {
				height: 45px;
			}

			.header-truncate {
				@media only screen and (max-width : 768px) {
					width: auto;
				}
			}
		}
	}

	.selection-wrapper {
		height: 70px;

		.grid-view-prefix {
			font-size: (@font-size-base - 3px);
		}
	}

	.btn-action {
		.fa {
			padding: 0;
		}
	}

	.shopping-item-overview-login {
		font-weight: 600;
	}

	.unit-type {
		h6 {
			margin-top: 0;
			margin-bottom: 15px;
			font-size: (@font-size-base - 2px);
		}

		span {
			font-weight: normal;
			font-size: (@font-size-base - 2px);
		}
	}
}

.list-grid-view-wrapper {
	border-left: 1px solid @light-gray-color;

	@media only screen and (max-width : 768px) {
		padding-left: (@grid-gutter-width/2) !important; /*Overrite important style*/
	}
}

.rectangle {
	border-radius: @border-radius-small;
	border: @rectangle-border;
	padding: (@grid-gutter-width/6);
	display: inline-block;
	font-size: (@font-size-base + 2px);
}

.assortment-product-group {
	display: block;

	.shopping-item {
		padding: (0.267 * @grid-gutter-width) 0;
		height: 100%;
		background: none;
		box-shadow: none;
		border-bottom: 1px solid @assortment-product-border-bottom;

		&:first-child {
			padding-top: (@grid-gutter-width/2);
		}

		&:last-child {
			border-bottom: none;
		}
        .shopping-item-price {
            font-size: (@font-size-base - 1px);
        }
	}

	.shopping-item-id {
		span {
			color: @assortment-product-id;
		}
	}

	.shopping-item-add {
		i {
			padding: 0;
		}
	}

	.shopping-item-btn {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-align-items: flex-end;
		-ms-align-items: flex-end;
		-moz-align-items: flex-end;
		align-items: flex-end;
	}

	.shopping-item-overview-login {
		font-weight: 600;

		.btn-favorite {
			margin-left: 25px;
		}
	}

	.unit-type {
		h6 {
			margin-top: 0;
			margin-bottom: 15px;
			font-size: (@font-size-base - 2px);

			span {
				font-weight: normal;
				font-size: (@font-size-base - 2px);
			}
		}
	}
}

.list-view-prefix {
	font-size: (@font-size-base - 3px);
}

.shopping-item-info {
	pre {
		white-space: pre-wrap;
		display: block;
		padding: 0;
		margin: 0;
		font-size:inherit;
		line-height: 1.5;
		color: #000;
		word-break: break-word;
		word-wrap: break-word;
		background-color: #ffffff;
		border: none;
		border-radius: 0;
		white-space: pre-wrap;
		font-family: inherit;
		overflow: hidden;
		&:hover {
			color: #337ab7;
		}
	}
    .rectangle {
        font-size: @font-size-base;
        margin-bottom: 0;
        margin-top: -(0.066 * @grid-gutter-width);
    }
}

/*
    Basket stylesheet

    @package Solvisoft
    @author Richard Mauritz
*/

#basket .btn-delete {
    position: relative;
    background: none;
    border: none;
}

#basket .add-item-by-code {
    background: #fff;
    padding: 0;
    padding-top: (@grid-gutter-width/2);
    .box-shadow(1px 1px 3px -1px #ccc);
}
.basket-content-wrapper {
 .basket-header {
     @media only screen and (max-width : 480px) {
        text-align: left;
     }
 }
 h6 {
     @media only screen and (max-width : 991px) {
         font-size:12px;
     }
 }
 .sm-size-15 {
     @media only screen and (max-width : 991px) {
         font-size:15px;
     }
     @media only screen and (max-width : 767px) {
         font-size:13px;
     }
    }
}
#basket {
   
    .z-index-fix {
        z-index:10;
    }
    .basket-item-price {
    font-size:13px;
    }
    .order-nav-tabs {
        li {
            @media only screen and (max-width : 680px) {
                display: none;
            }
        }

        .active {
            @media only screen and (max-width : 680px) {
                display: block;
                width: 100%;
                text-align: center;

                span {
                        margin-right: 0;
                    small {
                        width: auto;
                        margin-left: 0;
                        transform: translate(-50%);
                    }
                    &::before {
                        display: none;
                    }
                }
            }
        }
    }

    .basket-header {
        margin-bottom: 15px;
         @media only screen  and (max-width: 991px) {
             font-size:14px;
             margin-bottom: 15px;
         }
    }

    .basket-item {
        height: 160px;
        background: #fff;
        padding: 15px 0;
        margin-bottom: 5px;
        .box-shadow(1px 1px 3px -1px #ccc);
        @media only screen and (max-width: 767px) {
            height: auto;
        }
        h4, h5 {
            margin: 0;
            color: #1D2F41;
        }

        .basket-item-img {
           
           @media only screen and (min-width: 480px) and (max-width: 768px) {
                height: auto;
           }
        }
		.basket-quantity-control {
			padding: 8px;
            @media only screen  and (max-width: 991px) {
                text-align:left;
           }
		}
       
    }

    .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;
            }
        }
    }
}
 .text-left-xs {
         @media only screen and (max-width : 480px) {
             text-align: left !important; /*top overwrite the inline css*/
         }
    }
 .text-left-sm {
         @media only screen and (max-width : 991px) {
             text-align: left !important;  /*top overwrite the inline css*/
         }
    }
  
/*
    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 {
    .order-form {
        div {
            input {
                &:hover,
                &:focus {
                    font-size: 12px;
                }
            }
        }
    }
    .form-myaccount {
        .sm-left {
             @media only screen and (max-width: 768px) {
                 text-align: left;
             }
         }
    }
    .border-gray {
        .custom-checkbox {
            border-color: @checkbox-disabled-border-color;
        }
    }
    .hover-text:hover {
        font-size: 12px;
    }
}

/*
    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
*/
.validation-summary-valid {
    > ul {
        margin-bottom: 0;
    }
}
.line-height-h2 {
    line-height: 0.7;
}
.google-map {
    position: relative;

    .contact-description {
        .view-map-link {
            cursor: pointer;
        }
    }

    .contact-info {
        .font-weight-bold {
            color: @black;
        }
    }

    iframe {
        max-width: 100%;
        max-height: 100%;
    }

    .google-map-info-box {
        position: relative;
        background: #fff;
        padding: (@grid-gutter-width/2);
        margin-top: -(@grid-gutter-width/6);
        border: 2px solid @light-gray-color;
    }
}

.contact-address-box {
    background: #fff;
    border: 2px solid @light-gray-color;
    padding: (@grid-gutter-width/2);
    border-radius: @border-radius;
    margin-top: (@grid-gutter-width * 0.83);
}

.location-header {
    color: @location-header-color;
    font-weight: @font-weight-semibold;
}

.contact-text {
    color: @mobile-header-call;
    font-weight: @font-weight-semibold;
}

/*FAQ*/
.faq-accordian {
    .panel-default {
        > .panel-heading {
            background: @faq-open-color;
            &.collapsed {
                background: @faq-closed-color;
            }
        }
    }
}
/*FAQ*/

/*
    Content stylesheet
    Contains custom pages

    @package Solvisoft
    @author Richard Mauritz
    @since 18-10-2017
*/
.repeat-order-content > * {
    margin-top: 0 !important; /*override important by ID*/
    font-weight: @font-weight-normal;
}
.repeat-order-modal {
    background: @modal-popup-opacity;
}
.repeat-order-modal-popup {
    .modal-content {
        .modal-footer {
            text-align: left; 
        }
    }
}
.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;
    }
}
.order-confirm-extra-fields {
    .insert-field {
        background-color: @theme-white-color;
        border-right: 0;
    }
}

/*Styling Teamblocks*/
.pageContent table {
    width: 100% !important;
}

.pageContent table tr {
    display: inline-flex;
    width: 100% !important;
    margin-bottom: 20px;
}

.pageContent table td {
    padding: 14px;
    background-color: #fff !important;
    border: solid 1px #ddd !important;
    border-radius: 4px;
    text-align: center;
    width: 22%;
    margin: 0 10px;
    align-content: start;
}

.pageContent table tbody tr td img {
    object-fit: cover;
    border-radius: 50%;
    margin-bottom:20px;
}


.pageContent table tbody tr td img[style] {
    width: 100px !important;
    height: 100px !important;
}

.pageContent strong {
    display:block;
    padding-left:15px;
}

/*.pageContent table td a strong {
    padding-left: unset!important;
    font-weight: 600 !important;
}*/

.pageContent table td strong {
    padding-left: unset !important;
    font-weight: 600 !important;
}

.pageContent table td a, .pageContent table td a strong {
    color: #2A9CE1;
    font-weight: 600;
    display: inline-block;
    text-decoration:underline !important;
    font-size: 14px;
    cursor: pointer;
    line-height: 1;
}

.pageContent table td span[style] {
    color: unset!important;
}
/*
    Customer user role stylesheet

    @package Solvisoft
    @author Richard Mauritz
    @since 27-10-2017
*/
.margin-0 {
    margin: 0;
}
.padding-0 {
    padding: 0;
}
.word-wrap {
    overflow: hidden;
    word-wrap:break-word;
}
#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;
        color: @thirth-color;
    }
}

.btn-favorite.fa-star {
    color: @thirth-color;

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

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

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

    @package Solvisoft
    @author Jan Konert
*/
.margin-0 {
    margin: 0;
}

figure {
    img {
        height: 100%;
    }
}

.flex-display {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    align-items: center;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    -ms-justify-content: space-between;
    -ms-flex-pack: space-between;
}

.img-center {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.article-img-link {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.read-more-link {
    color: @theme-primary-color;
    font-weight: @font-weight-semibold;
    display: inline-block;
    border-bottom: 2px solid @link-border-bottom;
    font-size: (@font-size-base - 2px);
    cursor: pointer;
    line-height: 1;

    &:hover {
        border-bottom: 2px solid @link-border-bottom;
        text-decoration: none;
    }

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

.dealer-contact-details {
    .read-more-link {
        &:active {
            color: darken(@contact-link-active, 10%);
            border-color: darken(@contact-link-active, 10%);
        }
    }
}

.link-border-red {
    border-color: @theme-primary-color;
    padding-bottom: (@grid-gutter-width/6);

    &:hover {
        border-color: darken(@theme-primary-color, 5%);
    }
}

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

p {
    color: @theme-text-color;
    font-size: (@font-size-base - 1px);
}

a {
    &:hover {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
    }
}

.btn {
    &.btn-default {
        .border-btn;
        color: @top-header-btn-text;
        border-radius: @border-radius-large;
        background: @theme-white-color;
        font-weight: @font-weight-semibold;

        &:before {
            background: @theme-white-color;
            transition-property: none;
        }

        &:hover {
            color: @btn-text-hover !important;
            box-shadow: none;
        }
    }

    &.btn-primary {
        color: @primary-color;
        border: 1px solid @theme-primary-btn-color;
        background: @theme-primary-btn-color;
        box-shadow: 0 2px 4px 0 #d5d9e3;

        @media only screen and (max-width : 1024px) {
            box-shadow: none;
        }
    }
}

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

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

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

.text-truncate {
    max-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    word-wrap: break-word;
}

    .header-truncate {
    line-height: 1.1;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    height: 47px;
    font-size:18px;
}

.relative-article-product{
    .header-truncate{ 
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        width: 100%;
        white-space: unset;
        height: 50px;
        font-size: 18px;
        line-height: 26px;
    }
}




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

#facts {
    background: @secondary-color;
    color: #fff;
}

.sm-float-none {
    @media only screen and (max-width: 480px) {
        float: none !important; /*top overwrite inline css*/
    }
}

.sm-text-right {
    @media only screen and (max-width: 480px) {
        text-align: right !important; /*top overwrite inline css*/
    }
}
.sm-text-left {
    @media only screen and (max-width: 480px) {
        text-align: left;
    }
}
.text-wrap {
    word-wrap: break-word;
}

.disable-pointer-events {
    pointer-events: none;
}

.set-opacity-2 {
    opacity: .2;
}

.use-transition {
    transition: 0.12s;
}

.text-ellipsis {
    max-height: 45px;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    line-height: 1.5;
}

.theme-blue {
    color: @theme-primary-color;
}

.bg-white {
    background-color: @theme-white-color;
}

.font-15 {
    font-size: (@font-size-base - 1px);
}
.font-16 {
   font-size: @font-size-base;
}

.placeholder-italics {
    ::-webkit-input-placeholder {
        font-style: italic;
    }

    ::-moz-placeholder {
        font-style: italic;
    }

    :-ms-input-placeholder {
        font-style: italic;
    }
}
.contact-dealer-active {
     color: darken(@contact-link-active, 10%);
     border-color: darken(@contact-link-active, 10%);
}
.d-inline {
    display: inline-block;
}
.clear {
    clear: both;
}






/*
    News stylesheet

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

.news-item {
    position: relative;
    min-height: 440px;
    margin-bottom: 30px;


    .link {
        position: absolute;
        bottom: 0;
        left: 30px;
        /*color: @thirth-color;*/
        text-decoration: none;
        background-color: @btn-link-hover-background-color;

        /*&:hover {
            color: @secondary-color;
        }*/
    }

    .news-item-content {
        padding: 15px 0;

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

.news-item-image {
    position: relative;
    color: #fff;
    overflow: hidden;
    border-top-left-radius: @border-radius;
    border-top-right-radius: @border-radius;

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

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

    .title {
        font-size: 18px;
        color: #fff;
    }

    .date {
        font-size: 11px;
        color: #fff;
    }

    .box-shadow(0 0 15px #ccc);
}
/*
    @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-style: normal;
    margin: 20px 0;
    font-weight: bold;
}

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



/*
    OrderConfirm stylesheet

    @package Solvisoft
    @author Nick Nelissen
    @since 07-01-2021
*/

.disabled + .day {
   font-weight: 900;
}

.datepicker table tr td.disabled {
    font-weight: initial;
}
/*
    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 {
        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 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;
    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;
}

#items .item-row,
#items .item-block {
    border: 1px solid #DBE3EE;
    margin-bottom: 10px;
}

#items .item-row:nth-child(even) {
    background: #f9f9f9;
}

#items .item-image img {
    max-width: 100%;
}

#items .item-description {
    padding: 10px;
}

#items .item-price h3 {
    margin: 0;
}

#items .item-price h3 strong {
    font-size: 32px !important;
}

#items .item-description a {
    color: #000;
    font-size: 18px;
}

#items .item-block .item-link > a {
    font-size: 14px;
}

#items a {
    .hoverFade(.33s);
}

/*#items a:hover {
    color: @fifth-color;
    text-decoration: none;

    .hoverFade(.33s);
}*/

#items .item-price h4 strong {
    font-size: 22px;
}

#items .item-basket input[type="number"] {
    background: #f9f9f9;
    border-color: #DBE3EE;
}

#items .item-basket button {
    color: @thirth-color;
    font-size: 21px;
    padding: 5px 15px;
    border-color: #DBE3EE;
}

#items .item-basket button:hover,
#items .item-basket button:focus {
    background: @fifth-color;
    border-color: @fifth-color;
    color: #fff;
}

/*
    Rules to apply when layout breaks on particular widths
*/
@media screen and (min-width: 768px) , screen and (max-width: 1090px) {
    #items .item-description a {
        font-size: 14px;
    }
}
/*
    Rules for tablet screens
*/
@media (min-width: 768px) {

}

@media (max-width: 567px) {
    #items .input-group {
        max-width: 130px !important;
    }
}

.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;
}

.home-wrapper {
    padding-bottom: (1.33 * @grid-gutter-width);
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: stretch;
    -webkit-align-items: stretch;
    -moz-align-items: stretch;
    -ms-align-items: stretch;
    @media only screen and (max-width: 1024px) {
        display: block;
    }
}