/* FONTS */
/* ========================================================================== */
/* Roboto */
/* --------------------------------------------------------------------------- */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 20, 2017 */
    @font-face {
        font-family: 'robotoblack';
        src: url('../fonts/roboto-black-webfont.eot');
        src: url('../fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-black-webfont.woff2') format('woff2'),
             url('../fonts/roboto-black-webfont.woff') format('woff'),
             url('../fonts/roboto-black-webfont.ttf') format('truetype'),
             url('../fonts/roboto-black-webfont.svg#robotoblack') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotobold';
        src: url('../fonts/roboto-bold-webfont.eot');
        src: url('../fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-bold-webfont.woff2') format('woff2'),
             url('../fonts/roboto-bold-webfont.woff') format('woff'),
             url('../fonts/roboto-bold-webfont.ttf') format('truetype'),
             url('../fonts/roboto-bold-webfont.svg#robotobold') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotomedium';
        src: url('../fonts/roboto-medium-webfont.eot');
        src: url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-medium-webfont.woff2') format('woff2'),
             url('../fonts/roboto-medium-webfont.woff') format('woff'),
             url('../fonts/roboto-medium-webfont.ttf') format('truetype'),
             url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotoregular';
        src: url('../fonts/roboto-regular-webfont.eot');
        src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
             url('../fonts/roboto-regular-webfont.woff') format('woff'),
             url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
             url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotolight';
        src: url('../fonts/roboto-light-webfont.eot');
        src: url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-light-webfont.woff2') format('woff2'),
             url('../fonts/roboto-light-webfont.woff') format('woff'),
             url('../fonts/roboto-light-webfont.ttf') format('truetype'),
             url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotothin';
        src: url('../fonts/roboto-thin-webfont.eot');
        src: url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-thin-webfont.woff2') format('woff2'),
             url('../fonts/roboto-thin-webfont.woff') format('woff'),
             url('../fonts/roboto-thin-webfont.ttf') format('truetype'),
             url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'robotoitalic';
        src: url('../fonts/roboto-italic-webfont.eot');
        src: url('../fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('../fonts/roboto-italic-webfont.woff2') format('woff2'),
             url('../fonts/roboto-italic-webfont.woff') format('woff'),
             url('../fonts/roboto-italic-webfont.ttf') format('truetype'),
             url('../fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
        font-weight: normal;
        font-style: normal;
    }

    @font-face {
        font-family: 'icons';
        src: url('../fonts/icons.eot');
        src: url('../fonts/icons.eot?#iefix') format('embedded-opentype'),
             url('../fonts/icons.woff') format('woff'),
             url('../fonts/icons.ttf') format('truetype'),
             url('../fonts/icons.svg#icons') format('svg');
        font-weight: normal;
        font-style: normal;
    }

/* Rating */
/* --------------------------------------------------------------------------- */
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on October 20, 2017 */
    @font-face {
        font-family: 'rating';
        src: url('../fonts/Rating.woff') format('woff'),
             url('../fonts/Rating.ttf') format('truetype'),
             url('../fonts/Rating.svg') format('svg');
        font-weight: normal;
        font-style: normal;
    }


.relative {
    position: relative;
}


/* ICONS */
/* ========================================================================== */

.ico {
    font-size: 24px;
    font-family: 'icons';
    font-weight: normal;
    font-style: normal;
}

.ico:before {
    font-size: inherit;
    color: inherit;
}

.ico--sheet:before {
    content: "\e907";
}

.ico--quote {
    content: "\e928";
}



/* SCOPES */
/* ========================================================================== */
/* Scopes */
/* --------------------------------------------------------------------------- */
    * {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    *:focus {
        -webkit-outline: none;
        -moz-outline: none;
        -ms-outline: none;
        -o-outline: none;
        outline: none;
    }

    html,
    body {
        height: 100%;
    }

    body {
      --main-bg-color: red;
    }

    body {
        font-family: 'robotoregular', "Helvetica Neue", Helvetica, arial, sans-serif;
    }

    img {
        display: inline-block;
        max-width: 100%;
        width: auto;
        height: auto;
    }

/* Wrap */
/* --------------------------------------------------------------------------- */

    .wrapper--landing .navbar {
        margin-bottom: 0;
    }

    .navbar .languagepicker {
        text-align: right;
    }

    .navbar .languagepicker a {
        font-size: 18px;
        text-transform: uppercase;
        margin-left: 20px;
        text-decoration: none;
        color: #333333;
    }

    .navbar .languagepicker a.active {
        color: #a1a1a1;
    }

    .navbar {
        padding-top: 15px;
        min-height: none;
        margin-bottom: 140px;
        background-color: #F3F4F8;
        border-radius: 0!important;
    }

    .navbar.navbar--no-opacity .container {
        opacity: 1;
    }

    .wrapper {
        min-height: 100%;
        height: auto;
        margin: 0 auto -60px;
        padding: 0 0 60px;
        background-color: #E7E7E7;
    }

    .wrapper:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 275px;
        background-color: #3b4457;
    }

    .wrapper--landing {
        margin-top: 0;
        background-color: #F6F7FA;
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -ms-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
    }

    .wrapper--landing:before {
        content: none;
    }

/* Footer */
/* --------------------------------------------------------------------------- */
    .footer {
        height: 60px;
        background-color: #f5f5f5;
        border-top: 1px solid #ddd;
        padding-top: 20px;
    }

    .footer.footer--quote .container {
        padding: 0 0 0 0;
    }

    .not-set {
        color: #c55;
        font-style: italic;
    }

    /* add sorting icons to gridview sort links */
    a.asc:after, a.desc:after {
        position: relative;
        top: 1px;
        display: inline-block;
        font-family: 'Glyphicons Halflings';
        font-style: normal;
        font-weight: normal;
        line-height: 1;
        padding-left: 5px;
    }

/* Sort */
/* --------------------------------------------------------------------------- */
    a.asc:after {
        content: /*"\e113"*/ "\e151";
    }

    a.desc:after {
        content: /*"\e114"*/ "\e152";
    }

    .sort-numerical a.asc:after {
        content: "\e153";
    }

    .sort-numerical a.desc:after {
        content: "\e154";
    }

    .sort-ordinal a.asc:after {
        content: "\e155";
    }

    .sort-ordinal a.desc:after {
        content: "\e156";
    }

    .grid-view th {
        white-space: nowrap;
    }

    .hint-block {
        display: block;
        margin-top: 5px;
        color: #999;
    }

    .error-summary {
        color: #a94442;
        background: #fdf7f7;
        border-left: 3px solid #eed3d7;
        padding: 10px 20px;
        margin: 0 0 15px 0;
    }

/* align */
/* --------------------------------------------------------------------------- */
    .align-top { vertical-align: top; }
    .align-middle { vertical-align: middle; }
    .align-bottom { vertical-align: bottom; }
    .align-left { text-align: left; }
    .align-center { text-align: center; }
    .align-right { text-align: right; }

/* Nav */
/* --------------------------------------------------------------------------- */
    /* align the logout "link" (button in form) of the navbar */
    .nav li > form > button.logout {
        padding: 15px;
        border: none;
    }

    @media(max-width:767px) {
        .nav li > form > button.logout {
            display:block;
            text-align: left;
            width: 100%;
            padding: 10px 15px;
        }
    }

    .nav > li > form > button.logout:focus,
    .nav > li > form > button.logout:hover {
        text-decoration: none;
    }

    .nav > li > form > button.logout:focus {
        outline: none;
    }

/* Jumbotron */
/* --------------------------------------------------------------------------- */
    .jumbotron {
        background-color: #fff;
    }

    .jumbotron .btn {
        padding: 10px 15px;
        width: 100%;
        background-color: #fff;
        font-size: 18px;
        line-height: 1;
        text-align: center;
        text-transform: uppercase;
        border: 2px solid #909090;
        border-radius: 32px;
    }

/* Button */
/* --------------------------------------------------------------------------- */
    .button {
        display: inline-block;
        padding: 10px 15px;
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

    .button--main-button {
        background-color: #8BC349;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        border: none;
        border-radius: 2px;
    }

    .button--sub-button {
        background-color: #3b4457;
        color: #fff;
        text-transform: uppercase;
        font-size: 16px;
        border: none;
        border-radius: 2px;
    }

    .button--landing-form {
        width: 100%;
        background-color: #fff;
        font-size: 16px;
        line-height: 1;
        border: 2px solid #909090;
        border-radius: 32px;
    }

    .btn {
        padding: 6px 24px;
        border-radius: 4px;
        font-family: 'robotobold';
    }

    .btn + .btn {
        margin-left: 5px;
    }

    .btn-back,
    .btn-back:hover {
        border: none;
        color: #FFF;
        text-transform: uppercase;
        background-color: #3b4457;
    }

    .btn-next,
    .btn-next:hover {
        color: #FFF;
        text-transform: uppercase;
        background-color: #8bc34a;
    }

    .btn-download {
        margin-top: 20px;
    }

    .btn-share {
        color: #FFF;
        background-color: #693;
    }

    .btn-love {
        color: #FFF;
        background-color: #c33;
    }

    @media (min-width: 768px) {
        .btn-download {
            position: absolute;
            top: 50%;
            right: 0;
            margin-top: 0;

            -webkit-transform: translate(0, -50%);
            -moz-transform: translate(0, -50%);
            -ms-transform: translate(0, -50%);
            -o-transform: translate(0, -50%);
            transform: translate(0, -50%);
        }
    }

/* backgrounded */
/* --------------------------------------------------------------------------- */

.backgrounded {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
}
.backgrounded--pseudo {
    position: relative;
    z-index: 1;
}

.backgrounded--custompadding {
    padding-top: 30px;
}

.backgrounded--pseudo:before {
    content: "";
    position: absolute;
    top: -95px;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.backgrounded.backgrounded--lightgray {
    background-color: #F3F4F8;
}

.backgrounded.backgrounded--pseudo--lightergray:before {
    background-color: #FBFCFD;
}

.backgrounded--pseudo--offset {

}

.backgrounded.backgrounded--lg {
    height: 380px;
}

.backgrounded.backgrounded--login {
    position: relative;
    height: 390px;
    background-image: url('../img/login_bg.png');
    background-position: center top;
}

.backgrounded.backgrounded--login:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 10px;
    background-color: #8BC349;
}

.backgrounded.backgrounded--login:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: 90px;
    background-color: #DCE8CE;
}


/* CONTAINER */
/* ========================================================================== */
/* Container */
/* --------------------------------------------------------------------------- */
    .container {
        max-width: 1280px;
        padding: 0 15px 20px;
    }

    .container--landing {
        max-width: 980px;
        padding-top: 135px;
    }

    .navbar .container {
        padding: 0 15px;
        opacity: 0; /*TEMP*/
    }

    .footer .container {
        padding: 15px 15px 30px;
    }

    .innercontainer {
        position: relative;
        z-index: 2;
        max-width: 740px;
        margin: 0 auto;
        margin-top: -190px;
    }

    .innercontainer--margin-bottom {
        margin-bottom: 30px;
    }


/* HEADER */
/* ========================================================================== */
/* Header */
/* --------------------------------------------------------------------------- */
    .header {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    .header--bordered-bottom {
        padding-bottom: 20px;
        border-bottom: 1px solid #333;
    }

    .header--bordered-top {
        padding-top: 20px;
        margin-top: 40px;
        border-top: 1px solid #CCC;
    }

    .contentbox--share .header,
    .contentbox--love .header {
        margin-bottom: 30px;
    }

    .header--landing {
        margin-bottom: 30px;
    }

    .header--feedback {
        border-bottom: 2px solid #333333;
    }

    .header--results {
        margin-bottom: 15px;
    }

    .header--white {
        color: #fff;
    }

    .fields .header {
        padding: 0 40px;
    }

    .modal .header {
        padding-bottom: 30px;
    }

/* Header logo */
/* --------------------------------------------------------------------------- */
    .header .logo {
        height: 50px;
    }

    .header .logo img,
    .navbar-header .logo img {
        display: inline-block;
        max-width: none;
        max-height: 100%;
    }

    .navbar-header {
        opacity: 0; /*TEMP*/
    }

/* Heading */
/* --------------------------------------------------------------------------- */
    .heading {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        color: #333333;
        font-size: 21px;
        line-height: 1;
    }

    .heading--bold {
        font-family: 'robotobold';
    }

    .header--report .heading {
        color: #FFF;
    }

    .contentbox--share .heading,
    .contentbox--love .heading {
        color: #FFF;
        font-size: 22px;
        line-height: 1.4;
    }

    .contentbox--share .highlight,
    .contentbox--love .highlight {
        display: block;
        font-size: 34px;
    }

    .contentbox--report .heading {
        font-size: 18px;
    }

    .header--landing .heading {
        text-transform: uppercase;
        line-height: 1;
    }

    .header--results .heading {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        color: #333333;
        font-family: 'robotoregular';
        font-size: 14px;
    }

    .modal .heading {
        font-size: 28px;
        padding-bottom: 30px;
    }

    .header--results .heading .highlight {
        display: block;
        color: #333333;
        font-size: 28px;
        font-family: 'robotobold';
        line-height: 1;
        text-transform: uppercase;
    }

/* Heading-secondary */
/* --------------------------------------------------------------------------- */

    .heading-secondary {
        font-family: 'robotoregular';
        font-size: 20px;
        color: #666666;
    }

    .heading-secondary--bottomspace {
        margin-bottom: 25px;
    }

/* Heading-contentbox */
/* --------------------------------------------------------------------------- */

.heading-contentbox {
    margin-top: 0;
    font-family: 'robotoregular';
    font-size: 26px;
    line-height: 1.5;
}
.heading-contentbox--white {
    color: #fff;
}

.heading-contentbox--bottom-margin {
    margin-bottom: 25px;
}


/* Subheader */
/* --------------------------------------------------------------------------- */
    .subheader {
        position: relative;
        display: inline-block;
        width: 100%;
        margin-bottom: 20px;
    }

    .subheader--landing {
        margin-bottom: 30px;
    }

/* Subheading */
/* --------------------------------------------------------------------------- */
    .subheading {
        display: block;
        margin-top: 0;
        margin-bottom: 0;
        color: #333333;
        font-size: 18px;
        line-height: 1;
    }

    .heading + .subheading {
        padding-top: 10px;
        font-size: 12px;
    }

    .contentbox--report .subheading {
        font-size: 14px;
        font-family: 'robotolight';
    }


/* NAVBAR */
/* ========================================================================== */
/* Navbar */
/* --------------------------------------------------------------------------- */
    .navbar-inverse {
        margin-bottom: 0;
        min-height: auto;
        padding: 5px 0;
        background-color: #FFF;
        border-bottom: none;
    }

    .navbar-right li {
        border-left: 1px solid #A9A9A9;
    }

    .navbar-right li a {
        line-height: 40px;
    }

    .navbar-brand.logo {
        padding: 0 15px;
    }

    .navbar-right.navbar-right--simple {
        margin-top: 12px;
        margin-bottom: 5px;
    }

    .navbar-right.navbar-right--simple li {
        border-left: none;
    }

    .navbar-right.navbar-right--simple li a {
        line-height: inherit;
    }

    .navbar-nav > li > a {
        padding-top: 0;
        padding-bottom: 0;
    }


/* FORM */
/* ========================================================================== */
/* Form group */
/* --------------------------------------------------------------------------- */
    .form-group {
        margin-bottom: 30px;
    }

/* Form control - input */
/* --------------------------------------------------------------------------- */
    .has-success .form-control,
    .has-error .form-control,
    .form-control {
        padding: 6px 0;
        font-size: 16px;

        border-top: none;
        border-right: none;
        border-bottom-color: #CCC;
        border-left: none;
        border-radius: 0;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .has-success .form-control:focus,
    .has-error .form-control:focus,
    .form-control:focus {
        -webkit-outline: none;
        -moz-outline: none;
        -ms-outline: none;
        -o-outline: none;
        outline: none;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border-bottom-color: #CCC;
    }
    .has-error .form-control,
    .has-error .form-control:focus {
        border-bottom-color: #a94442;
    }

    .form-control::-webkit-input-placeholder {
        text-transform: uppercase;
        font-weight: normal;
        color: #E2E2E2;
    }
    .form-control::-moz-placeholder {
        text-transform: uppercase;
        font-weight: normal;
        color: #E2E2E2;
    }
    .form-control:-ms-input-placeholder {
        text-transform: uppercase;
        font-weight: normal;
        color: #E2E2E2;
    }
    .form-control:-moz-placeholder {
        text-transform: uppercase;
        font-weight: normal;
        color: #E2E2E2;
    }


/* FIELDS */
/* ========================================================================== */
/* Fields */
/* --------------------------------------------------------------------------- */
    .fields {
        display: inline-block;
        width: 100%;
        padding: 35px 0 30px;
        margin-bottom: 20px;
        background-color: #FFF;
        border: 1px solid #DDD;
        border-radius: 4px;
        overflow: hidden;

        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -ms-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    }

/* Fields list */
/* --------------------------------------------------------------------------- */
    .fields__list {
        margin-bottom: 35px;
    }

    .fields--rate {
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        padding: 0;
        border: none;
    }

    .fields-rate__text {
        display: inline-block;
        margin-left: 20px;
        font-size: 18px;
        font-family: 'robotolight';
        line-height: 1;
    }

/* Fields label */
/* --------------------------------------------------------------------------- */
    .fields__label {
        display: inline-block;
    }

/* Fields item */
/* --------------------------------------------------------------------------- */
    .fields__item {
        position: relative;
        margin-top: 1px;
    }


    .fields__item--input {
        margin-left: 30px;
        margin-right: 30px;
    }


    .fields__item + .fields__item:before {
        content: "";
        position: absolute;
        top: -1px;
        left: 30px;
        right: 30px;
        display: inline-block;
        height: 1px;
        background-color: #cccccc;
        z-index: 1;
    }

    .fields--rate .fields__item + .fields__item {
        margin-top: 30px;
    }

    .fields--rate .fields__item:before {
        content: none;
    }

    .fields__item + .fields__item--input {
        margin-top: 30px;
    }
    .fields__item + .fields__item--input:before {
        content: none;
    }

/* Fields rate */
/* --------------------------------------------------------------------------- */
    .fields__rate {
        display: inline-block;
        margin-left: 10px;
        line-height: 1;
    }

/* Fields rate label */
/* --------------------------------------------------------------------------- */
    .fields-rate__label {
        display: inline-block;
        margin-bottom: 0;
        line-height: 0;
    }

    .fields-rate__label + .fields-rate__label {
        margin-left: 5px;
    }

/* Fields input */
/* --------------------------------------------------------------------------- */
    .fields__input {
        width: 100%;
        padding: 6px 0;
        font-size: 16px;

        border-top: none;
        border-right: none;
        border-bottom-color: #CCC;
        border-bottom-width: 1px;
        border-left: none;
        border-radius: 0;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .fields__input:focus {
        -webkit-outline: none;
        -moz-outline: none;
        -ms-outline: none;
        -o-outline: none;
        outline: none;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border-bottom-color: #CCC;
    }

    .fields__input.has-error {
        color: #a94442;
        border-bottom-color: #a94442;
    }

/* Fields textarea */
/* --------------------------------------------------------------------------- */
    .fields__textarea {
        width: 100%;
        padding: 6px 10px;
        font-size: 16px;
        color: #333;

        border-color: #CCC;
        border-width: 1px;
        border-radius: 2px;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .fields__textarea--rate {
        height: 270px;
    }

    .fields__textarea:focus {
        -webkit-outline: none;
        -moz-outline: none;
        -ms-outline: none;
        -o-outline: none;
        outline: none;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
        border-color: #CCC;
    }

/* Fields error */
/* --------------------------------------------------------------------------- */
    .fields__input + .error-message {
        display: none;
        color: #a94442;
    }
    .fields__input.has-error + .error-message {
        display: block;
    }

/* Fields radio label */
/* --------------------------------------------------------------------------- */
    .fields-checkbox__label,
    .fields-radio__label {
        position: relative;
        display: block;
        padding: 0;
        margin-bottom: 0;
    }

/* Fields radio value */
/* --------------------------------------------------------------------------- */
    .fields-checkbox__value,
    .fields-radio__value {
        position: absolute;
        top: 0;
        left: 0;
        width: 1px;
        height: 1px;
        opacity: 0;
        z-index: -1;
    }

/* Fields radio button */
/* --------------------------------------------------------------------------- */
    .fields-checkbox__button,
    .fields-radio__button {
        position: relative;
        display: block;
        width: 100%;
        height: 70px;
        padding: 20px 40px 20px 40px;
        color: #999;
        font-family: 'robotothin';
        font-size: 16px;
        line-height: 30px;
        background-color: #FFF;
    }

    .fields-checkbox__value:checked + .fields-checkbox__button,
    .fields-radio__value:checked + .fields-radio__button {
        color: #669933;
        font-family: 'robotoregular';
        background-color: #F0F0F0;
    }

/* Fields footer */
/* --------------------------------------------------------------------------- */
    .fields__footer {
        padding: 0 30px;
    }

/* PROGRESS */
/* ========================================================================== */
/* Progress */
/* --------------------------------------------------------------------------- */
    .progress {
        position: relative;
        height: 3px;
        margin-top: 20px;
        margin-left: 30px;
        margin-right: 30px;
        overflow: visible;

        background-color: #FFF;

        -webkit-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
        -moz-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
        -ms-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
        -o-box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
        box-shadow: inset 0px 0px 1px rgba(0,0,0,0.3);
    }

    .progress-bar {
        background-color: #30F942;

        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        -ms-box-shadow: none;
        -o-box-shadow: none;
        box-shadow: none;
    }

    .progress-label {
        position: absolute;
        top: -20px;
        left: 0;
        color: #999;
        font-family: 'robotolight';
        font-size: 14px;
    }


/* CONTENTBOX */
/* ========================================================================== */
/* Contentbox */
/* --------------------------------------------------------------------------- */
    .contentbox {
        position: relative;
        padding: 15px;
        margin-bottom: 30px;
        background-color: #fff;
    }

    .contentbox--hint {
        border-radius: 4px;
        background-color: #ffffcc;
        -webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -ms-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        -o-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
        box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
    }

    .contentbox--landing {
        border-radius: 6px;
        padding-top: 30px;
        padding-right: 60px;
        padding-bottom: 30px;
        padding-left: 60px;
    }

    .contentbox--separated:before {
        content: "";
        position: absolute;
        left: 50%;
        top: 55%;
        display: inline-block;
        width: 2px;
        height: 60%;
        background-color: #D6D6D6;

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


    .contentbox--backgrounded:before {
        content: "";
        position: absolute;
        top: 0;
        right: 50%;
        bottom: 0;
        left: 0;
        background-color: #8BC349;
    }

    .contentbox--no-background.contentbox--backgrounded:before {
        content: none;
    }

    .contentbox--report {
        padding: 35px 40px 60px;
    }

    .contentbox--share {
        background-color: #8bc34a;
        border-radius: 4px;
    }

    .contentbox--love {
        background-color: #ff6666;
        border-radius: 4px;
    }

    @media (min-width: 768px) {
        .contentbox--landing {
            padding-top: 48px;
            padding-bottom: 48px;
        }
    }

    .contentbox--boxshadow {
        -webkit-box-shadow: 0px 6px 16px -3px rgba(59,53,59,1);
        -moz-box-shadow: 0px 6px 16px -3px rgba(59,53,59,1);
        box-shadow: 0px 6px 16px -3px rgba(59,53,59,1);
    }

/* Contentbox inner */
/* --------------------------------------------------------------------------- */
    .contentbox__inner {
        color: #333333;
        font-size: 18px;
        line-height: 1.3;
    }

    .contentbox__inner--white {
        color: #fff;
    }

    .contentbox__inner--smtxt {
        font-size: 14px;
        font-family: 'robotolight';
        line-height: 1.5;
    }

    .contentbox--report .contentbox__inner {
        font-family: 'robotolight';
        font-size: 14px;
    }

    .contentbox--hint .contentbox__inner {
        font-size: 12px;
    }


/* CONTENTBOX GROUP */
/* ========================================================================== */
/* Contentbox group */
/* --------------------------------------------------------------------------- */
    .contentbox__group {
        display: inline-block;
        width: 100%;
    }

/* Contentbox group item */
/* --------------------------------------------------------------------------- */
    .contentbox-group__item {
        position: relative;
        display: inline-block;
        width: 100%;
        padding: 20px 0 20px 50px;
    }

    .contentbox-group__item:before {
        content: "";
        position: absolute;
        top: -30px;
        left: 18px;
        width: 1px;
        height: 100%;
        background-color: #808080;
    }

    .contentbox-group__item:first-child:before {
        top: 0;
    }

    .contentbox-group__item--success:before { background-color: #99cc66; }
    .contentbox-group__item--alert:before { background-color: #ffcc66; }
    .contentbox-group__item--danger:before { background-color: #ff6666; }

    .contentbox-group__item--success + .contentbox-group__item--alert:before {
        background: #99cc66;
        background: -moz-linear-gradient(top,  #99cc66 0%, #ffcc66 30%);
        background: -webkit-linear-gradient(top,  #99cc66 0%,#ffcc66 30%);
        background: linear-gradient(to bottom,  #99cc66 0%,#ffcc66 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc66', endColorstr='#ffcc66',GradientType=1 );
    }

    .contentbox-group__item--success + .contentbox-group__item--danger:before {
        background: #99cc66;
        background: -moz-linear-gradient(top,  #99cc66 0%, #ff6666 30%);
        background: -webkit-linear-gradient(top,  #99cc66 0%,#ff6666 30%);
        background: linear-gradient(to bottom,  #99cc66 0%,#ff6666 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99cc66', endColorstr='#ff6666',GradientType=1 );
    }

    .contentbox-group__item--alert + .contentbox-group__item--success:before {
        background: #ffcc66;
        background: -moz-linear-gradient(top,  #ffcc66 0%, #99cc66 30%);
        background: -webkit-linear-gradient(top,  #ffcc66 0%,#99cc66 30%);
        background: linear-gradient(to bottom,  #ffcc66 0%,#99cc66 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#99cc66',GradientType=1 );
    }

    .contentbox-group__item--alert + .contentbox-group__item--danger:before {
        background: #ffcc66;
        background: -moz-linear-gradient(top,  #ffcc66 0%, #ff6666 30%);
        background: -webkit-linear-gradient(top,  #ffcc66 0%,#ff6666 30%);
        background: linear-gradient(to bottom,  #ffcc66 0%,#ff6666 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffcc66', endColorstr='#ff6666',GradientType=1 );
    }

    .contentbox-group__item--danger + .contentbox-group__item--success:before {
        background: #ff6666;
        background: -moz-linear-gradient(top,  #ff6666 0%, #99cc66 30%);
        background: -webkit-linear-gradient(top,  #ff6666 0%,#99cc66 30%);
        background: linear-gradient(to bottom,  #ff6666 0%,#99cc66 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#99cc66',GradientType=1 );
    }

    .contentbox-group__item--danger + .contentbox-group__item--alert:before {
        background: #ff6666;
        background: -moz-linear-gradient(top,  #ff6666 0%, #ffcc66 30%);
        background: -webkit-linear-gradient(top,  #ff6666 0%,#ffcc66 30%);
        background: linear-gradient(to bottom,  #ff6666 0%,#ffcc66 30%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6666', endColorstr='#ffcc66',GradientType=1 );
    }

/* Contentbox group item mark */
/* --------------------------------------------------------------------------- */
    .contentbox-group-item__mark {
        position: absolute;
        top: 30px;
        left: 15px;
        display: inline-block;
        width: 8px;
        height: 8px;
        font-size: 0;
        line-height: 0;
        border-radius: 50%;
        background-color: #808080;
        z-index: 2;
    }

    .contentbox-group-item__mark--success { background-color: #99cc66; }
    .contentbox-group-item__mark--alert { background-color: #ffcc66; }
    .contentbox-group-item__mark--danger { background-color: #ff6666; }

    /* blinking mark */
    .contentbox-group-item__mark--animated {
        top: 25px;
        left: 11px;
        width: 15px;
        height: 15px;
        backface-visibility: hidden;
        overflow: visible;

        -webkit-transition: opacity .5s ease-out, -webkit-transform .25s;
        transition: opacity .5s ease-out, transform .25s;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }

    .contentbox-group-item__mark--animated:before,
    .contentbox-group-item__mark--animated:after {
        content: "";
        position: absolute;
        box-sizing: border-box;
        top: -33px;
        left: -33px;
        width: 80px;
        height: 80px;
        border-radius: 50%;
        z-index: -1;
    }

    .contentbox-group-item__mark--animated:before {
        -webkit-animation: preview-marker-pulsar 1.7s infinite ease-out;
        animation: preview-marker-pulsar 1.7s infinite ease-out;
    }

    .contentbox-group-item__mark--animated:after {
        -webkit-animation: preview-marker-pulsar-inner 1.7s infinite ease-out;
        animation: preview-marker-pulsar-inner 1.7s infinite ease-out;
    }

    .contentbox-group-item__mark--success.contentbox-group-item__mark--animated:before,
    .contentbox-group-item__mark--success.contentbox-group-item__mark--animated:after {
        background: rgba(153,204,102,.5);
        border: 1px solid #99cc66;
    }

    .contentbox-group-item__mark--alert.contentbox-group-item__mark--animated:before,
    .contentbox-group-item__mark--alert.contentbox-group-item__mark--animated:after {
        background: rgba(255,204,102,.5);
        border: 1px solid #ffcc66;
    }

    .contentbox-group-item__mark--danger.contentbox-group-item__mark--animated:before,
    .contentbox-group-item__mark--danger.contentbox-group-item__mark--animated:after {
        background: rgba(255,102,102,.5);
        border: 1px solid #ff6666;
    }

    @-webkit-keyframes preview-marker-pulsar {
        0% {
            opacity: .65;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @keyframes preview-marker-pulsar {
        0% {
            opacity: .65;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        100% {
            opacity:0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

    @-webkit-keyframes preview-marker-pulsar-inner {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        24%, 90% {
            opacity: 0
        }
        25% {
            opacity: .65;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }
    @keyframes preview-marker-pulsar-inner {
        0% {
            opacity: 0;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        24%, 90% {
            opacity: 0
        }
        25% {
            opacity: .65;
            -webkit-transform: scale(.1);
            transform: scale(.1)
        }
        100% {
            opacity:0;
            -webkit-transform: scale(1);
            transform: scale(1)
        }
    }

/* Contentbox group item heading */
/* --------------------------------------------------------------------------- */
    .contentbox-group-item__heading {
        display: inline-block;
        padding: 5px 20px;
        margin-bottom: 15px;
        border-radius: 16px;
        color: #FFF;
        font-size: 16px;
        text-transform: uppercase;
        background-color: #808080;
    }

    .contentbox-group__item--success .contentbox-group-item__heading {
        background-color: #99cc66;
    }

    .contentbox-group__item--alert .contentbox-group-item__heading {
        background-color: #ffcc66;
    }

    .contentbox-group__item--danger .contentbox-group-item__heading {
        background-color: #ff6666;
    }

/* Contentbox group item inner */
/* --------------------------------------------------------------------------- */
    .contentbox-group-item__inner {
        color: #999;
        font-size: 14px;
    }


/* FOOTER */
/* ========================================================================== */
/* Footer */
/* --------------------------------------------------------------------------- */
    .footer {
        display: inline-block;
        width: 100%;
        height: auto;
        padding-top: 0;
        background-color: #1a1b20;
    }

/* Footer links item */
/* --------------------------------------------------------------------------- */
    .footer-links__item {
        position: relative;
        display: inline-block;
        margin-top: 0;
        margin-bottom: 0;
        color: #999999;
    }

    .footer-links__item + .footer-links__item {
        padding-left: 11px;
        margin-left: 10px;
    }

    .footer-links__item + .footer-links__item:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 0;

        width: 1px;
        height: 12px;
        background-color: #999999;
        -webkit-transform: translate(0, -50%);
        -moz-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        -o-transform: translate(0, -50%);
        transform: translate(0, -50%);
    }

    .footer-links__item a {
        color: #999999;
        text-decoration: underline;
    }


/* GAUGE */
/* ========================================================================== */
/* Gauge */
/* --------------------------------------------------------------------------- */
    .gauge {
        position: relative;
    }

    .col-gauge {
        padding-right: 400px;
        min-height: 333px;
    }

    .gauge__label {
        position: absolute;
        bottom: 20px;
        left: 0;
        right: 0;
        text-align: center;
    }

    .gauge__innerlabel {
        display: inline-block;
        width: auto;
        width: 125px;
        padding: 5px 12px;
        border-radius: 22px;
        color: #fff;
        font-family: 'robotoregular';
        font-size: 13px;
    }

    .gauge {
        position: absolute;
        top: 0;
        right: 0;
        width: 400px;
    }

/* Gauge canvas */
/* --------------------------------------------------------------------------- */
    #gauge {
        width: 100%;
    }


/* MODAL */
/* ========================================================================== */
/* Modal content */
/* --------------------------------------------------------------------------- */
    .modal-content {
        border-radius: 4px;
        border: none;
    }

/* Modal inner */
/* --------------------------------------------------------------------------- */
    .modal__inner {
        padding: 40px 30px 40px;
    }

    .modal__content {
        padding-bottom: 40px;
        font-size: 16px;
        font-family: 'robotolight';
        line-height: 1.4;
        color: #999;
    }


/* ICONS */
/* ========================================================================== */
/* Icon */
/* --------------------------------------------------------------------------- */
    .icon {
        display: inline-block;
        width: 30px;
        height: 30px;
    }

/* Icon star */
/* --------------------------------------------------------------------------- */
    .icon--star {
        width: auto;
        height: auto;
        font-size: 20px;
        cursor: pointer;
    }

    .icon--star:before {
        content: "\e901";
        font-family: 'rating';
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
    }

    .fields-radio__value:checked + .icon--star:before {
        content: "\e900";
    }

    .fields-rate__label--checked .icon--star:before {
        content: "\e900";
    }

/* Icon logout */
/* --------------------------------------------------------------------------- */
    .icon--logout {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #000;
    }

/* Icon success */
/* --------------------------------------------------------------------------- */
    .icon--success {
        position: relative;
        display: block;
        margin: 0 auto;
        width: 90px;
        height: 90px;
        background: transparent;
        border: 5px solid #8bc34a;
        border-radius: 50%;
        -webkit-transition: all 0.8s ease-in-out;
        -moz-transition: all 0.8s ease-in-out;
        -ms-transition: all 0.8s ease-in-out;
        -o-transition: all 0.8s ease-in-out;
        transition: all 0.8s ease-in-out;
        z-index: 1;
    }

    .icon--success:before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        display: inline-block;
        width: 70%;
        height: 70%;

        background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIyNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCiAgICA8cGF0aCBkPSJNOSAxNi4yTDQuOCAxMmwtMS40IDEuNEw5IDE5IDIxIDdsLTEuNC0xLjRMOSAxNi4yeiIgZmlsbD0iIzhiYzM0YSIgLz4NCjwvc3ZnPg0K");
        background-position: center center;
        background-repeat: no-repeat;
        -webkit-background-size: contain;
        -moz-background-size: contain;
        -ms-background-size: contain;
        -o-background-size: contain;
        background-size: contain;

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

/* smallcontainer */
/* --------------------------------------------------------------------------- */

.smallcontainer {
    margin-bottom: 35px;
}

.smallcontainer__heading {
    margin-top: 20px;
    margin-bottom: 20px;
    color: #615D5D;
    font-family: 'robotomedium';
    font-size: 24px;
    line-height: 1.4;
    text-align: center;
}

.smallcontainer__icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}

.smallcontainer__content {
    font-family: 'robotoregular';
    font-size: 18px;
    color: #615D5D;
    text-align: center;
}

.smallcontainer__icon--sheet {
    background-image: url('../img/ico-sheet.svg');
}

.smallcontainer__icon--report {
    background-image: url('../img/ico-report.svg');
}

.smallcontainer__icon--lock {
    background-image: url('../img/ico-lock.svg');
}

.commoncontent p {
    font-family: 'robotolight';
    line-height: 1.4;
    font-size: 20px;
    color: #333333;
}

/* Zerovision */
/* --------------------------------------------------------------------------- */

.zerovision {
    position: relative;
    margin-left: 100px;
    margin-top: 0;
    float: left;
    width: 407px;
    height: 481px;
    margin-right: 30px;
    margin-bottom: 35px;
    background-position: center center;
    background-repeat: no-repeat;
}

.zerovision:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url(../img/zerovision.png);
    z-index: 2;
}

.zerovision__heading {
    position: relative;
    display: inline-block;
    z-index: 3;
    color: #fff;
    padding-left: 50px;
}

.zerovision__heading:before {
    content: "";
    position: absolute;
    bottom: -8px;
    left: 85px;
    height: 1px;
    width: 150px;
    background-color: #fff;
}

.zerovision:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 115px;
    top: -30px;
    width: 100%;
    margin-left: -100px;
    background-color: #D2D4DA;
    z-index: 1;
}


/* Illustration */

.front-illustration {
    position: relative;
    height: 0;
    margin-bottom: 20px;
    padding-bottom: 59.99%;
}

.front-illustration__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}

.front-illustration__bg {
    height: 100%;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url(../img/tallinn.svg);
    background-repeat: no-repeat;
    background-position: center center;
}

.quotebox {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #DFE0E5;
}

.quotebox p {
    display: block;
    margin-bottom: 0;
    font-family: 'robotolight';
    font-size: 17px;
    line-height: 1.8;
    color: #333333;
}

/*.quotebox p:before,
.quotebox p:after {
    content: "\e928";
    position: absolute;
    color: #999999;
    font-family: 'icons';
    font-weight: normal;
    font-style: normal;
    font-size: 48px;
}

.quotebox p:before {
    top: 0;
    left: 0;
}
.quotebox p:after {
    bottom: 0;
    right: 0;
}
*/

.login-form__wrapper {
    width: 50%;
    float: left;
    padding-left: 15px;
    padding-right: 15px;
}

.login-form__radios .radio label {
    position: relative;
    padding-left: 20px;
}

.login-form__radios .radio {
    margin-top: 0;
    display: inline-block;
}

.login-form__radios .radio label input {
    height: 16px;
    width: 16px;
    z-index: 1;
    opacity: 0;
}

.login-form__radios .radio:first-child {
    margin-right: 10px;
}

.login-wrapper .control-label {
    color: #adadb0;
    font-size: 15px;
    font-family: 'robotolight';
}

.radio__dummy {
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -8px;
    height: 16px;
    width: 16px;
    border: 1px solid #8BC349;
    border-radius: 100%;
    z-index: 0;
}

.login-form__radios .radio label input:checked + .radio__dummy:before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -5px;
    margin-left: -5px;
    background-color: #8BC349;
    height: 10px;
    width: 10px;
    border-radius: 100%;
}

.login-form__wrapper .control-label {
    color: #adadb0;
    font-size: 15px;
    font-family: 'robotolight';
}

.login-form__wrapper input {
    color: #333333;
}

.col-sm-12 .login-form {
    margin-left: -15px;
    margin-right: -15px;
}

.col-sm-12 .login-form .login-form__buttons {
    padding-right: 15px;
    padding-left: 15px;
}

.login-form__select a {
    color: #333333;
    text-decoration: none;
}

.login-form__select.language-picker {
    position: relative;
    display: block;
    cursor: pointer;
    padding-bottom: 5px;
    padding-right: 20px;
    margin-bottom: 35px;
    border-bottom: 1px solid #ccc;
    outline: none;
}

.login-form__select.language-picker:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    width: 0;
    height: 0;
    margin-top: -6px;
    border-style: solid;
    border-width: 10px 5px 0 5px;
    border-color: #333333 transparent transparent transparent;
}

.login-form__select.language-picker ul {
    left: 0;
    width: 100%;
    border-radius: 0;
}

.login-form__select.language-picker a {
    display: block;
    outline: none;
}

/* Misc */
/* ========================================================================== */

.report-error {
    display: flex;
    align-items: center;
    padding: 12px 20px 12px 10px;
    margin: 12px 0 21px;
    font-size: 14px;
    border: 1px solid #FCD563;
    font-family: 'robotomedium';
    color: #b38225;
    background-color: #FFEFBC;
}

.report-error__icon {
    flex: 1;
    width: 30px;
    height: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -ms-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
    background-image: url('../img/ico-warning.svg');
}

@media (max-width: 767px) {
    .report-error__icon {
        display: none;
    }
}

.report-error__text {
    flex: 10;
    padding-left: 10px;
}

/* PDF export styles */
/* ========================================================================== */
.pdf-export .header {
    margin-bottom: 20px;
}

.pdf-export .heading {
    margin: 0;
}

.pdf-export .contentbox-group__item {
    padding: 0;
}

.pdf-export .contentbox-group-item__heading {
    margin-top: 30px;
    margin-bottom: 12px;
    border-radius: 50%;
    padding: 5px 20px;
    width: 180px;
    text-align: center;
    text-transform: uppercase;
    color:  #fff;
}

.pdf-export .contentbox-group-item__inner p {
    margin-top: 0;
    margin-bottom: 0;
}

.pdf-export .header--bordered-top {
    margin-bottom: 0;
    margin-top: 26px;
}

.pdf-export .gauge__label {
    padding: 10px 0 26px;
}

.pdf-export .report-error {
    margin-bottom: 0;
}

.pdf-export .gauge__innerlabel {
    float: left;
    padding: 0;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    width: 33.33333%;
    font-size: 20px;
}

.pdf-export .gauge__innerlabel--active {
    height: 70px;
    line-height: 70px;
}

.gauge__label--low .gauge__innerlabel--active {
    margin-top: 0;
}
.gauge__label--low .gauge__innerlabel-1 {
    margin-top: 15px;
}
.gauge__label--low .gauge__innerlabel-2 {
    margin-top: 0;
}

.gauge__label--med .gauge__innerlabel-1 {
    margin-top: 15px;
}
.gauge__label--med .gauge__innerlabel--active {
    margin-top: -15px;
}
.gauge__label--med .gauge__innerlabel-2 {
    margin-top: 15px;
}

.gauge__label--high .gauge__innerlabel-1 {
    margin-top: 15px;
}
.gauge__label--high .gauge__innerlabel-2 {
    margin-top: 0;
}
.gauge__label--high .gauge__innerlabel--active {
    margin-top: -15px;
}