#mbOverlay {
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 150%;
    background-color: #000;
    cursor: pointer;
}

#mbOverlay.mbOverlayOpaque {
    background: url(../../assets/mediabox/images/80.png);
}

#mbOverlay.mbOverlayAbsolute {
    position: absolute;
}

#mbOverlay.mbMobile {
    position: absolute;
    background-color: transparent;
}

#mbBottom.mbMobile {
    line-height: 24px;
    font-size: 16px;
}

#mbCenter {
    position: absolute;
    z-index: 9999;
    left: 50%;
    padding: 10px;
    background-color: #000;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=5, Direction=180, Color='#000000')";
    -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    -khtml-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.5);
}

#mbCenter.mbLoading {
    background: #000 url(../../assets/mediabox/images/loading-dark.gif) no-repeat center;
    -webkit-box-shadow: none;
    -khtml-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

#mbMedia {
    position: relative;
    left: 0;
    top: 0;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: left;
    background-position: center center;
    background-repeat: no-repeat;
}

#mbBottom {
    line-height: 20px;
    font-size: 12px;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    text-align: left;
    color: #999;
    min-height: 20px;
    padding: 10px 0 0;
}

#mbTitle,
#mbPrevLink,
#mbNextLink,
#mbCloseLink {
    display: inline;
    color: #fff;
    font-weight: 700;
}

#mbNumber {
    display: inline;
    color: #999;
    font-size: 0.8em;
    margin: auto 10px;
}

#mbCaption {
    display: block;
    color: #999;
    line-height: 1.6em;
    font-size: 0.8em;
}

#mbPrevLink,
#mbNextLink,
#mbCloseLink {
    float: right;
    outline: 0;
    margin: 0 0 0 10px;
    font-weight: 400;
}

#mbPrevLink b,
#mbNextLink b,
#mbCloseLink b {
    color: #eee;
    font-weight: 700;
    text-decoration: underline;
}

#mbPrevLink big,
#mbNextLink big,
#mbCloseLink big {
    color: #eee;
    font-size: 1.4em;
    font-weight: 700;
}

#mbBottom a,
#mbBottom a:link,
#mbBottom a:visited {
    text-decoration: none;
    color: #ddd;
}

#mbBottom a:hover,
#mbBottom a:active {
    text-decoration: underline;
    color: #fff;
}

#mbError {
    position: relative;
    font-family: Myriad, Verdana, Arial, Helvetica, sans-serif;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    border: 10px solid #700;
    padding: 10px 10px 10px;
    margin: 20px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

#mbError a,
#mbError a:link,
#mbError a:visited,
#mbError a:hover,
#mbError a:active {
    color: #d00;
    font-weight: 700;
    text-decoration: underline;
}

select.chzn-select {
    visibility: hidden;
    height: 28px !important;
    min-height: 28px !important;
}

.chzn-container {
    font-size: 13px;
    position: relative;
    display: inline-block;
    zoom: 1;
    *display: inline;
    margin: 1px 0;
    background-color: #fff;
}

.chzn-container .chzn-drop {
    background: #fff;
    border: 1px solid #aaa;
    border-top: 0;
    position: absolute;
    top: 29px;
    left: 0;
    -webkit-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    -o-box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
    z-index: 999;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0 0 2px 2px;
}

.chzn-container-single .chzn-single {
    border-radius: 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #aaa;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    height: 28px;
    line-height: 28px;
    padding: 0 6px;
    color: #222;
    text-decoration: none;
}

.chzn-container-single .chzn-single>span {
    margin-right: 18px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    -o-text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    font-size: 0.875rem;
}

.chzn-container-single .chzn-single div {
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 24px;
}

.chzn-container-single .chzn-single div b {
    background: url(../../assets/chosen/images/down.svg) no-repeat center;
    display: block;
    width: 100%;
    height: 100%;
}

.chzn-container-single .chzn-search {
    padding: 3px 4px;
    margin: 0;
    white-space: nowrap;
}

.chzn-container-single .chzn-search input {
    background: #fff url(../../assets/chosen/images/magnify.svg) no-repeat right 3px center;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    outline: 0;
    border: 1px solid #aaa;
    border-radius: 2px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.chzn-container-single .chzn-drop {
    border-radius: 0 0 2px 2px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
}

.chzn-container-multi .chzn-choices {
    background-color: #fff;
    border: 1px solid #aaa;
    margin: 0;
    padding: 0;
    cursor: text;
    overflow: hidden;
    height: auto !important;
    height: 1%;
    position: relative;
    max-height: 102px;
    padding: 1px 0;
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 2px;
}

.chzn-container-multi .chzn-choices li {
    float: left;
    list-style: none;
}

.chzn-container-multi .chzn-choices .search-field {
    white-space: nowrap;
    margin: 0;
    padding: 0;
}

.chzn-container-multi .chzn-choices .search-field input {
    color: #666;
    background: 0 0 !important;
    border: 0 !important;
    padding: 5px;
    margin: 1px 0;
    outline: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.chzn-container-multi .chzn-choices .search-field .default {
    color: #999;
}

.chzn-container-multi .chzn-choices .search-choice {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear,
            left bottom,
            left top,
            color-stop(0, #e4e4e4),
            color-stop(0.7, #eee));
    background-image: -webkit-linear-gradient(center bottom,
            #e4e4e4 0%,
            #eee 70%);
    background-image: -moz-linear-gradient(center bottom, #e4e4e4 0%, #eee 70%);
    background-image: -o-linear-gradient(bottom, #e4e4e4 0%, #eee 70%);
    background-image: -ms-linear-gradient(top, #e4e4e4 0%, #eee 70%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e4e4e4', endColorstr='#eeeeee', GradientType=0);
    background-image: linear-gradient(top, #e4e4e4 0%, #eee 70%);
    color: #333;
    border: 1px solid #b4b4b4;
    line-height: 13px;
    padding: 3px 19px 3px 6px;
    margin: 2px 0 2px 5px;
    position: relative;
    top: 1px;
}

.chzn-container-multi .chzn-choices .search-choice span {
    cursor: default;
}

.chzn-container-multi .chzn-choices .search-choice-focus {
    background: #d4d4d4;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close {
    display: block;
    position: absolute;
    right: 5px;
    top: 6px;
    width: 8px;
    height: 9px;
    font-size: 1px;
    background: url(../../assets/chosen/images/chosen-sprite.png) right top no-repeat;
}

.chzn-container-multi .chzn-choices .search-choice .search-choice-close:hover {
    background-position: right -9px;
}

.chzn-container-multi .chzn-choices .search-choice-focus .search-choice-close {
    background-position: right -9px;
}

.chzn-container .chzn-results {
    margin: 0 4px 4px 0;
    max-height: 190px;
    padding: 0 0 0 4px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

.chzn-container-multi .chzn-results {
    margin: 0;
    padding: 0;
}

.chzn-container .chzn-results li {
    line-height: 16px;
    padding: 1px 7px 2px;
    margin: 0;
    list-style: none;
}

.chzn-container .chzn-results .active-result {
    cursor: pointer;
}

.chzn-container .chzn-results .highlighted {
    background: #3997fe;
    color: #fff;
}

.chzn-container .chzn-results li em {
    font-style: normal;
}

.chzn-container .chzn-results .highlighted em {
    background: 0 0;
}

.chzn-container .chzn-results .no-results {
    background: #f4f4f4;
}

.chzn-container .chzn-results .group-result {
    cursor: default;
    color: #222;
    font-weight: 600;
}

@media (-webkit-min-device-pixel-ratio: 2),
(min-resolution: 192dpi) {
    .chzn-container .chzn-results .group-result {
        font-weight: 500;
    }
}

.chzn-container .chzn-results .group-option {
    padding-left: 20px;
    white-space: nowrap;
}

.chzn-container-multi .chzn-drop .result-selected {
    display: none;
}

@media (-webkit-min-device-pixel-ratio: 0) {
    .chzn-container-active .chzn-single {
        outline: -webkit-focus-ring-color auto 5px;
        outline-offset: -2px;
    }
}

.chzn-container-active .chzn-single-with-drop {
    border: 1px solid #aaa;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    -moz-box-shadow: 0 1px 0 #fff inset;
    -o-box-shadow: 0 1px 0 #fff inset;
    box-shadow: 0 1px 0 #fff inset;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.chzn-container-active .chzn-single-with-drop div {
    background: 0 0;
    border-left: none;
}

.chzn-container-active .chzn-single-with-drop div b {
    background: url(../../assets/chosen/images/up.svg) no-repeat center;
}

.chzn-container-active .chzn-choices {
    border-radius: 2px 2px 0 0;
}

.chzn-container-active .chzn-choices .search-field input {
    color: #111 !important;
}

.chzn-rtl {
    direction: rtl;
    text-align: right;
}

.chzn-rtl .chzn-single {
    padding-left: 0;
    padding-right: 8px;
}

.chzn-rtl .chzn-single span {
    margin-left: 26px;
    margin-right: 0;
}

.chzn-rtl .chzn-single div {
    left: 0;
    right: auto;
    border-left: none;
    border-right: 1px solid #aaa;
    border-radius: 2px 0 0 2px;
}

.chzn-rtl .chzn-choices li {
    float: right;
}

.chzn-rtl .chzn-choices .search-choice {
    padding: 3px 6px 3px 19px;
    margin: 3px 5px 3px 0;
}

.chzn-rtl .chzn-choices .search-choice .search-choice-close {
    left: 5px;
    right: auto;
    background-position: right top;
}

.chzn-rtl.chzn-container-single .chzn-results {
    margin-left: 4px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 4px;
}

.chzn-rtl .chzn-results .group-option {
    padding-left: 0;
    padding-right: 20px;
}

.chzn-rtl.chzn-container-active .chzn-single-with-drop div {
    border-right: none;
}

.chzn-rtl .chzn-search input {
    background: url(../../assets/chosen/images/chosen-sprite.png) no-repeat -38px -20px,
        #fff;
    padding: 4px 5px 4px 20px;
}

table.sortable thead th {
    background-image: url(../../assets/tablesort/images/default.svg);
    background-repeat: no-repeat;
    background-position: center right;
}

table.sortable thead th a.pointer {
    display: block;
    margin-right: 9px;
    cursor: pointer;
}

table.sortable thead th.unsortable {
    background-image: none;
}

table.sortable thead th.asc {
    background-image: url(../../assets/tablesort/images/asc.svg);
}

table.sortable thead th.desc {
    background-image: url(../../assets/tablesort/images/desc.svg);
}

@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Tangerine");

body {
    background: none !important;
}

body>.content {
    padding-top: 0 !important;
}

body>.content .nav-secondary {
    background-size: cover;
    padding: 10px 20px 25px !important;
}

body>.mod_customnav {
    background-image: url(../../files/layouts/img/images/menu-mix-bg.svg) !important;
    min-height: 120px;
    margin-top: -60px;
}

@media only screen and (min-width: 1240px) {
    body>.content:before {
        z-index: 1;
        background-image: url(../../files/layouts/img/images/surveys-left-nav.svg) !important;
    }
}

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

    body>.content:before,
    body>.content:after {
        display: none !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    body>.content:before {
        display: none !important;
    }

    body>.content:after {
        z-index: 1;
        background-image: url(../../files/layouts/img/images/surveys-right-nav.svg) !important;
    }
}

@media only screen and (min-width: 960px) {
    body:after {
        content: "";
        width: 120px;
        height: 160px;
        display: inline-block;
        position: absolute;
        bottom: 0;
        left: 0;
        background-image: url(/img/left-footer.svg);
        background-position: bottom left;
        background-repeat: no-repeat;
    }

    body>.content:after {
        z-index: 1;
        background-image: url(/img/surveys-right-nav.svg) !important;
    }
}

@media only screen and (max-width: 479px) {
    body>.content:after {
        display: none !important;
    }
}

@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Tangerine");

* {
    margin: 0;
    padding: 0;
    font-family: "Lato", sans-serif !important;
    text-rendering: optimizeLegibility !important;
}

html {
    width: 100%;
    -webkit-overflow-scrolling: touch;
}

html,
body {
    height: 100%;
    margin: 0;
    padding: 0;
}

body {
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from {
        opacity: 1;
    }

    to {
        opacity: 1;
    }
}

body ::selection {
    background: #fde45b;
    color: #fff;
}

body ::-moz-selection {
    background: #fde45b;
    color: inset-text-color(#fde45b);
}

body #mbCenter {
    background: none !important;
    background-color: #fff !important;
    border-radius: 0 !important;
    padding: 0px 14px 6px !important;
}

body #mbCenter #mbContainer {
    padding-top: 14px !important;
}

body #mbCenter #mbBottom {
    padding: 0 !important;
}

body #mbCenter #mbBottom #mbCloseLink,
body #mbCenter #mbBottom #mbCloseLink:visited {
    position: absolute;
    top: -30px;
    right: -25px;
}

body #mbCenter #mbBottom #mbCloseLink,
body #mbCenter #mbBottom #mbCloseLink:visited,
body #mbCenter #mbBottom #mbCloseLink:hover,
body #mbCenter #mbBottom #mbCloseLink:active,
body #mbCenter #mbBottom #mbCloseLink:focus {
    text-decoration: none !important;
    color: transparent !important;
    background-color: transparent !important;
    width: 25px;
    height: 24px;
    background-image: url(/img/cancel-drag.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    text-shadow: none !important;
    border: none !important;
    border-radius: 0px !important;
}

body #mbCenter #mbBottom #mbCloseLink big {
    color: transparent !important;
}

body.dashboard>.content,
body.standard>.content {
    margin-top: -30px;
}

body.dashboard>.mod_customnav,
body.standard>.mod_customnav {
    background-image: url(/img/black_nav.svg);
}

body>.mod_customnav {
    background-position: center bottom;
    background-size: cover;
    min-height: 120px;
    margin-top: -60px;
}

body>.mod_customnav .l-container {
    margin: 0 auto;
}

body>.mod_customnav .nav-main {
    display: inline-flex;
    margin: 45px 0 -5px;
    width: 100%;
}

body>.mod_customnav .nav-main li {
    margin-right: 10px;
    z-index: 3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 102px;
    margin-top: -22px;
    width: 114px;
    text-align: center;
}

body>.mod_customnav .nav-main li a {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

body>.mod_customnav .nav-main li>a:before {
    display: block;
    width: 32px;
    height: 32px;
    margin: 0 auto;
}

body>.mod_customnav .nav-main li>a[title="Home"]:before {
    content: url(../../files/layouts/img/images/home.svg);
}

body>.mod_customnav .nav-main li>a[title="Ankiety"]:before {
    content: url(../../files/layouts/img/images/ankiety.svg);
}

body>.mod_customnav .nav-main li>a[title="Forum"]:before {
    content: url(../../files/layouts/img/images/forum.svg);
}

body>.mod_customnav .nav-main li>a[title="Społeczność"]:before {
    content: url(../../files/layouts/img/images/spolecznosc.svg);
}

body>.mod_customnav .nav-main li.active {
    background-image: url(../../files/layouts/img/images/active-menu.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}

body>.mod_customnav .nav-main li.active a {
    color: #0c0c0c;
    font-weight: bold;
}

body>.mod_customnav .nav-main li.active>a[title="Home"]:before {
    content: url(../../files/layouts/img/images/home-active.svg);
}

body>.mod_customnav .nav-main li.active>a[title="Ankiety"]:before {
    content: url(../../files/layouts/img/images/ankiety-active.svg);
}

body>.mod_customnav .nav-main li.active>a[title="Forum"]:before {
    content: url(../../files/layouts/img/images/forum-active.svg);
}

body>.mod_customnav .nav-main li.active>a[title="Społeczność"]:before {
    content: url(../../files/layouts/img/images/spolecznosc-active.svg);
}

.header {
    background-image: url(/img/header.svg);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
    z-index: 2;
    height: 110px;
    width: calc(100% + 40px);
    margin-left: -20px;
    min-height: 110px;
    position: relative;
}

.header .tools {
    width: 480px;
    right: 0;
    position: absolute;
    margin-top: 40px;
    text-align: right;
}

.header .tools li {
    list-style: none;
    display: inline-flex;
    margin-right: 20px;
    position: relative;
}

.header .tools li form {
    display: contents;
}

.header .tools li a,
.header .tools li button[type="submit"] {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    display: inline-block;
    padding: 0 !important;
}

.header .tools li a:after,
.header .tools li button:after {
    display: inline-block;
    padding-left: 8px;
    width: 24px;
    height: 24px;
    position: absolute;
    top: -5px;
}

.header .tools li a:after {
    content: url(../../files/layouts/img/images/logged.svg);
    margin-right: 10px;
}

.header .tools li button[type="submit"] {
    background: none;
    border: none;
    cursor: pointer;
}

.header .tools li button[type="submit"]:after {
    content: url(../../files/layouts/img/images/logout.svg);
}

.header>.l-container {
    text-align: center;
    background-color: #fde45b;
}

.header>.l-container .logo {
    display: inline-block;
    float: none;
}

.header>.l-container .logo img {
    height: 42px;
    padding: 10px;
}

.footer {
    width: 100%;
}

.footer:before,
.footer:after {
    display: block;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer:after {
    content: "";
    background-position: center bottom;
    background-image: url(../../files/layouts/img/images/black_footer.svg);
    margin-bottom: 0px;
    height: 17px;
    width: 100%;
    background-size: cover;
}

.footer a {
    color: #626c7a;
}

.footer a:hover {
    color: #1e2125;
}

.footer>.l-container {
    max-width: 1600px !important;
    margin: 0 auto 0 auto;
}

.footer ul {
    margin-bottom: 0;
    padding: 10px 20px;
    display: inline-block;
    background: #fff;
}

.footer li {
    display: inline-block;
}

.footer li a {
    font-size: 14px;
}

.footer li:not(:last-child) {
    margin-right: 24px;
}

nav a.invisible {
    display: none;
}

body:not(.login) .footer::before {
    content: "";
    width: 300px;
    height: 400px;
    display: inline-block;
    background-image: url(../../files/layouts/img/images/right-footer.svg);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: -1;
}

body:not(.login)>.content {
    width: 100%;
}

body:not(.login)>.content:after {
    right: 0;
    background-image: url(/img/header-navi-right.svg);
    background-position: top right;
    background-repeat: no-repeat;
}

body:not(.login)>.content:after,
body:not(.login)>.content:before {
    content: "";
    width: 135px;
    height: 160px;
    display: inline-block;
    position: absolute;
    top: 0;
}

body.profil>.content:after,
body.social-info>.content:after,
body.points>.content:after,
body.profil>.content:before,
body.social-info>.content:before,
body.points>.content:before {
    top: -60px !important;
}

.content {
    flex: 1 0 auto;
    position: relative;
}

.content .l-container,
.content .l-container>.row,
.content .span4,
.content .span8 {
    position: relative;
    min-height: calc(100% - 260px);
    max-width: 100%;
}

.content .l-container>.row {
    height: 100%;
}

@media only screen and (max-width: 479px) {
    .content {
        background-attachment: inherit;
    }
}

img {
    max-width: 100%;
}

h1 {
    font-size: 24px;
    margin-bottom: 10px;
}

a {
    text-decoration: none;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    cursor: pointer;
    font-weight: 500;
    color: inherit;
    display: inline-block;
    z-index: 3;
}

a,
button,
input:visited {
    outline: none !important;
}

::placeholder {
    color: #f9f9fa !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: #f9f9fa !important;
}

::-ms-input-placeholder {
    color: #f9f9fa !important;
}

ul {
    list-style: none;
}

fieldset {
    border: none;
}

.error,
.error_text {
    color: #fde45b;
    font-weight: 700;
    font-size: 85%;
    margin: 20px 0;
    display: block;
}

.back a {
    background-image: url(/img/blur-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
    float: right;
    margin-top: 30px;
    font-size: 12px;
}

body:not(.survey) .paging {
    width: 265px;
    margin: 30px auto 0;
}

body:not(.survey) .paging .btn-next {
    float: right;
}

body:not(.survey) .paging .btn-prev {
    float: left;
}

#openRecordButton {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    width: calc(100% - 20px);
}

body:not(.survey) .paging p {
    width: 100%;
    display: block;
    padding-top: 15px;
}

body:not(.survey) .paging,
body:not(.survey) .paging p {
    text-align: center !important;
    overflow: hidden;
}

.paging {
    margin-top: 35px;
}

.paging .btn-next,
.questions .btn-sms,
.paging .btn-prev,
.paging .btn-back {
    background-image: url(/img/blur-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
    font-size: 12px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

button[type="submit"] {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

button[type="submit"]:hover {
    background-color: #ceb015;
}

.survey label {
    color: inherit !important;
    font-size: inherit !important;
    font-weight: inherit !important;
    padding-left: 35px;
    max-width: calc(100% - 35px);
}

label {
    display: block;
    margin-bottom: 10px;
    margin-top: 10px;
    font-size: 16px;
    color: #626c7a;
    font-weight: 600;
}

input[type="radio"],
input[type="checkbox"] {
    cursor: pointer;
    outline: none !important;
    display: none !important;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="tel"],
select,
textarea {
    padding: 9px 14px 14px;
    margin-bottom: 15px;
    color: #3f4b59;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
select:focus,
textarea:focus {
    outline: none !important;
    border: 1px solid #fde45b !important;
    background-color: rgba(253, 228, 91, 0.1) !important;
}

select {
    background-image: url(/img/select-arrow.svg);
    background-position: center right 10px;
    background-repeat: no-repeat;
    cursor: pointer;
    outline: none;
    overflow: hidden;
    text-indent: 0.01px;
    text-overflow: "";
}

select option {
    color: #626c7a !important;
}

input[type="radio"]:after {
    margin-right: 5px;
    height: 24px;
}

input[type="radio"]:checked:after {
    content: url(/img/radio-button-on.svg);
}

input[type="radio"]:not(:checked):after {
    content: url(/img/radio-button-off.svg);
}

input[type="checkbox"] {
    background-image: url(/img/check-on.svg);
}

input[type="checkbox"]~label {
    background-image: url(/img/check-off.svg);
    background-position: center left;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 4px 0 4px 37px;
    font-size: 14px;
    color: #626c7a;
}

input[type="checkbox"]:checked~label {
    background-image: url(/img/check-on.svg) !important;
}

.cookie-bar {
    position: fixed;
    background-image: url(../../files/layouts/img/images/cookies-bg.svg);
    background-position: center top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    width: 100%;
    min-height: 160px;
    bottom: 0;
    left: 0;
    z-index: 999;
}

.cookie-bar .cookie-bar-outer-div {
    margin-top: 0 !important;
    padding: 40px 40px 20px;
}

@media only screen and (max-width: 479px) {
    .cookie-bar {
        height: auto;
    }
}

.cookie-bar .cookie-bar-content {
    max-width: 1240px !important;
    margin: 0 auto 0 auto;
}

.cookie-bar .cookie-bar-content span {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    float: right;
    margin-right: 20px;
    margin-top: 20px;
}

.cookie-bar .cookie-bar-content span:hover {
    background-color: #ceb015;
}

@media only screen and (max-width: 479px) {
    .cookie-bar .cookie-bar-content span {
        float: none;
        display: block;
        width: calc(100% - 60px);
        margin: 20px auto 0;
    }
}

.cookie-bar .cookie-bar-content p {
    font-size: 14px;
    color: #fff;
    max-width: calc(100% - 260px);
    padding: 20px;
}

@media only screen and (max-width: 479px) {
    .cookie-bar .cookie-bar-content p {
        max-width: 100%;
        display: block;
    }
}

.cookie-bar .cookie-bar-content a {
    font-weight: 700;
    color: #fff;
}

@media only screen and (min-width: 1240px) {
    body>.mod_customnav .l-container {
        max-width: 1240px !important;
        margin: 0 auto 0 180px;
    }

    body:not(.login)>.content:before {
        left: 0;
        background-image: url(../../files/layouts/img/images/header-navi-left.svg);
        background-position: top left;
        background-repeat: no-repeat;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1239px) {
    body>.mod_customnav .l-container {
        max-width: 900px !important;
        margin: 0 auto 0 60px;
    }
}

@media only screen and (min-width: 1024px) {
    .footer .mod_navigation {
        padding: 0 80px;
    }
}

@media only screen and (max-width: 1023px) {
    body:not(.login) .header {
        height: 125px;
        min-height: 125px;
    }

    body:not(.login) .header .logo {
        margin-top: 25px;
    }

    body:not(.login) .header .tools {
        width: calc(100% - 60px);
        top: 0;
        text-align: right;
        margin-top: 5px;
        margin-right: 10px;
    }

    body:not(.login) .header .tools li {
        margin-bottom: 10px;
        position: relative;
    }

    body:not(.login) .header .tools li a::after {
        margin-right: 0 !important;
    }

    .footer {
        position: relative;
    }

    .footer ul {
        margin-bottom: -10px;
        width: 100%;
    }
}

@media only screen and (min-width: 960px) {
    body>.mod_customnav .l-container {
        padding: 0 20px;
        min-height: 125px;
    }

    .footer ul {
        padding: 15px 90px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body>.content {
        padding-top: 20px;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body>.mod_customnav .nav-main li {
        width: 100px;
    }
}

@media only screen and (min-width: 0) and (max-width: 767px) {
    .multilogo img {
        max-width: 480px;
    }

    .multilogo img:not(:first-of-type) {
        display: none !important;
    }
}

@media only screen and (min-width: 480px) {

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    textarea {
        width: 350px;
        max-width: calc(100% - 30px);
    }

    select {
        width: 350px;
    }
}

@media only screen and (max-width: 479px) {
    body>.mod_customnav .nav-main li {
        width: 25%;
        margin-right: 0px;
    }

    body>.mod_customnav .nav-main li a {
        font-size: 10px;
    }

    .header .tools li a,
    .header .tools li button[type="submit"] {
        text-align: right;
        margin-right: 30px;
    }

    input[type="text"],
    input[type="password"],
    input[type="email"],
    input[type="number"],
    input[type="tel"],
    textarea {
        max-width: calc(100% - 30px);
    }

    select {
        max-width: calc(100% - 30px);
    }
}

@media only screen and (min-width: 0) and (max-width: 420px) {

    body:not(.login) .header .l-container,
    body:not(.survey) .header .l-container {
        text-align: left;
    }

    body:not(.login) .header .l-container .logo,
    body:not(.survey) .header .l-container .logo {
        margin-left: 30px;
    }

    body.login .header .l-container,
    body.survey .header .l-container {
        text-align: center !important;
    }

    body.login .header .l-container .logo,
    body.survey .header .l-container .logo {
        margin-left: auto !important;
    }
}

@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Tangerine");

* {
    font-family: "Lato", sans-serif !important;
    text-rendering: geometricprecision !important;
}

body {
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

body>.content:after,
body>.content:before {
    display: none !important;
}

body .header {
    z-index: 0 !important;
}

body .header .logo {
    margin-top: 0 !important;
}

body .header .tools {
    display: none !important;
}

body .hidden {
    display: none !important;
}

body .zoom-container {
    position: absolute;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 4;
    opacity: 0;
}

body .zoom-container img {
    position: absolute;
    transition: all 0.5s ease-in-out;
    height: auto;
    width: auto;
}

body .zoom-container .close-zoom {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    color: transparent;
    background-color: transparent;
    background-image: url(/img/cancel-drag.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

body img {
    max-width: 100%;
}

body .notice-qstr-err {
    width: 100%;
    text-align: center;
    margin-top: 160px;
    font-size: 24px;
}

body #survey-body {
    background-color: #fff;
    margin: 0 auto 60px;
    z-index: 2;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}

body #survey-body:not(.only-preview) {
    opacity: 0;
}

body #survey-body input {
    font-size: inherit !important;
}

body #survey-body input.inputEscapeOther {
    margin-bottom: 0 !important;
}

body #survey-body ol {
    list-style-type: square !important;
}

body #survey-body ol li {
    text-align: left !important;
}

body #survey-body .error_text {
    color: #ff6700;
    font-size: 24px;
    font-weight: 900;
    padding: 14px 20px 14px 72px;
    background-image: url(/img/error.svg);
    background-position: center left;
    background-repeat: no-repeat;
    text-align: left;
}

body #survey-body .columns1,
body #survey-body .columns2,
body #survey-body .columns3,
body #survey-body .columns4,
body #survey-body .columns5,
body #survey-body .columns6,
body #survey-body .columns7,
body #survey-body .columns8 {
    overflow: hidden;
    margin-right: 15px;
    display: inline-block;
    vertical-align: top;
}

body #survey-body.first_view>.row,
body #survey-body.first_view>.confirm {
    max-width: 500px;
    margin: 0 auto;
    text-align: center !important;
}

body #survey-body.first_view>.row h1 {
    background-image: url(/img/blur-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
    font-size: 42px !important;
    text-transform: none !important;
    padding: 20px 10px !important;
}

body #survey-body.first_view>.row p {
    font-size: 14px;
}

body #survey-body.first_view>.confirm {
    margin-top: 30px;
}

body #survey-body.first_view>.confirm .box-inner p {
    font-size: 24px;
}

body #survey-body.first_view>.confirm .box-inner>div {
    margin-top: 30px;
}

body #survey-body.first_view>.confirm .box-inner>div input[type="submit"] {
    width: 160px;
    padding: 12px 0;
    cursor: pointer;
    margin-right: 20px;
}

body #survey-body.first_view>.confirm .box-inner>div input[type="submit"].btn-success {
    background: #0cd669;
    border: none;
    color: #fff;
    border-radius: 4px;
}

body #survey-body.first_view>.confirm .box-inner>div input[type="submit"].btn-danger {
    background: #b4b4b4;
    border: none;
    border-radius: 4px;
}

body #survey-body.RODO .article>p {
    color: #b4b4b4;
    font-size: 24px;
    max-width: 600px;
}

body #survey-body.RODO .article>p>strong {
    color: #0c0c0c;
}

body #survey-body.RODO .article:after {
    content: "";
    background-image: url(/img/bulb.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: right;
    mask-image: url("/files/layouts/img/bulb-bg.svg");
    -webkit-mask-image: url("/img/bulb-bg.svg");
    mask-mode: alpha;
    -webkit-mask-mode: alpha;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
}

body #survey-body.RODO .s-progress,
body #survey-body.RODO .paging {
    display: none !important;
}

body #survey-body.RODO .confirm input[type="submit"] {
    width: 160px;
    padding: 12px 0;
    cursor: pointer;
    margin-right: 20px;
}

body #survey-body.RODO .confirm input[type="submit"].btn-success {
    background: #0cd669;
    border: none;
    color: #fff;
    border-radius: 4px;
}

body #survey-body.RODO .confirm input[type="submit"].btn-danger {
    background: #b4b4b4;
    border: none;
    border-radius: 4px;
}

@media only screen and (min-width: 1240px) {
    body #survey-body.RODO .article {
        width: calc(100% - 400px);
    }

    body #survey-body.RODO .article:after {
        width: 260px;
        height: 300px;
        margin-top: -100px;
        margin-right: -400px;
    }
}

@media only screen and (min-width: 1024px) and (max-width: 1239px) {
    body #survey-body.RODO .article {
        width: calc(100% - 260px);
    }

    body #survey-body.RODO .article:after {
        width: 260px;
        height: 300px;
        margin-top: -90px;
        margin-right: -300px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
    body #survey-body.RODO .article:after {
        width: 260px;
        height: 300px;
        float: none;
    }
}

@media only screen and (max-width: 767px) {
    body #survey-body.RODO .article:after {
        width: 260px;
        height: 300px;
        float: none;
        margin: 0 auto;
    }

    body #survey-body.RODO .confirm .box-inner {
        text-align: center;
    }

    body #survey-body.RODO .confirm .box-inner input {
        margin: 10px auto !important;
    }
}

body #survey-body.survey.DragAndDrop .panel-drag img{
    width: 100%;
    max-height: 30vh;
    object-fit: contain;
}

body #survey-body.survey.DDManyReturn .baskets,
body #survey-body.survey.DDManyNotReturn .baskets,
body #survey-body.survey.DDOne .baskets,
body #survey-body.survey.DragAndDrop .baskets {
    padding: 20px 0;
    overflow: hidden;
}

body #survey-body.survey.DDManyReturn .baskets .basket,
body #survey-body.survey.DDManyNotReturn .baskets .basket,
body #survey-body.survey.DDOne .baskets .basket,
body #survey-body.survey.DragAndDrop .baskets .basket {
    padding-bottom: 45px;
}

body #survey-body.survey.DDManyReturn .baskets .basket>p,
body #survey-body.survey.DDManyNotReturn .baskets .basket>p,
body #survey-body.survey.DDOne .baskets .basket>p,
body #survey-body.survey.DragAndDrop .baskets .basket>p {
    text-align: center;
    font-size: 12px;
    width: 80%;
    padding: 5px 0;
    background: #b4b4b4;
    text-transform: uppercase;
    font-weight: 600;
    border-radius: 5px;
    margin: 0 auto;
    z-index: 2;
    position: relative;
}

body #survey-body.survey.DDManyReturn .baskets .basket>.answer,
body #survey-body.survey.DDManyNotReturn .baskets .basket>.answer,
body #survey-body.survey.DDOne .baskets .basket>.answer,
body #survey-body.survey.DragAndDrop .baskets .basket>.answer {
    min-height: 65px;
    border: 1px dashed #626c7a;
    background: #f9f9fa;
    border-radius: 5px;
    padding: 25px 5px 10px;
    margin: -12px auto 20px !important;
    z-index: 0;
}

body #survey-body.survey.DDManyReturn .baskets .basket>input[type="text"],
body #survey-body.survey.DDManyNotReturn .baskets .basket>input[type="text"],
body #survey-body.survey.DDOne .baskets .basket>input[type="text"],
body #survey-body.survey.DragAndDrop .baskets .basket>input[type="text"] {
    position: absolute;
    bottom: 0;
    max-width: 400px !important;
    width: 100% !important;
}

body #survey-body.survey.DDManyReturn .baskets .basket>input[type="text"].incorrect,
body #survey-body.survey.DDManyNotReturn .baskets .basket>input[type="text"].incorrect,
body #survey-body.survey.DDOne .baskets .basket>input[type="text"].incorrect,
body #survey-body.survey.DragAndDrop .baskets .basket>input[type="text"].incorrect {
    outline: none !important;
    border: 1px solid #fde45b !important;
    background-color: rgba(253, 228, 91, 0.1) !important;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid:not(:last-of-type),
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid:not(:last-of-type),
body #survey-body.survey.DDOne .survey-drag>.row-fluid:not(:last-of-type),
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid:not(:last-of-type) {
    overflow: inherit !important;
    min-height: 100px;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid>.span4,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid>.span4,
body #survey-body.survey.DDOne .survey-drag>.row-fluid>.span4,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid>.span4 {
    overflow: inherit !important;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag:not(.thumb),
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag:not(.thumb),
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag:not(.thumb),
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag:not(.thumb) {
    min-height: 60px;
    border: 1px solid #b4b4b4;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    cursor: grab;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.thumb,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.thumb,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.thumb,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.thumb {
    padding: 10px;
    margin-bottom: 5px;
    cursor: grab;
    box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.thumb:hover,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.thumb:hover,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.thumb:hover,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.thumb:hover {
    background-color: #f9f9fa;
    border-radius: 3px;
    box-shadow: 0 0 4px 3px rgba(0, 0, 0, 0.1);
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.thumb>.remove-item,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.thumb>.remove-item,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.thumb>.remove-item,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.thumb>.remove-item {
    width: 24px;
    height: 24px;
    color: transparent;
    background-color: transparent;
    background-image: url(/img/close.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.thumb>p,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.thumb>p,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.thumb>p,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.thumb>p {
    display: inline-block;
    margin-left: 10px;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.disabled,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.disabled,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.disabled,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.disabled {
    opacity: 0.4;
    cursor: no-drop !important;
}

body #survey-body.survey.DDManyReturn .survey-drag>.row-fluid .panel-drag.ui-draggable-dragging,
body #survey-body.survey.DDManyNotReturn .survey-drag>.row-fluid .panel-drag.ui-draggable-dragging,
body #survey-body.survey.DDOne .survey-drag>.row-fluid .panel-drag.ui-draggable-dragging,
body #survey-body.survey.DragAndDrop .survey-drag>.row-fluid .panel-drag.ui-draggable-dragging {
    z-index: 999;
    background-color: rgba(240, 240, 240, 0.9);
    width: inherit;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row {
    align-items: center;
    margin-bottom: 20px;
    margin-top: 20px;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row input[type="text"],
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row input[type="text"],
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row input[type="text"] {
    display: none !important;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider {
    width: calc(100% - 60px);
    position: relative;
    height: 45px;
    margin-left: 20px;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider .slider-et-min,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider .slider-et-min,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider .slider-et-min {
    position: absolute;
    top: 50px;
    left: 0;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider .slider-et-max,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider .slider-et-max,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider .slider-et-max {
    position: absolute;
    top: 50px;
    right: 0;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider .slider-label,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider .slider-label,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider .slider-label {
    position: absolute;
    top: 100px;
    font-size: 12px;
    color: #b4b4b4;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled {
    cursor: not-allowed !important;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled .ui-slider-range,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled .ui-slider-range,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled .ui-slider-range {
    background-color: transparent !important;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled a.ui-slider-handle,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled a.ui-slider-handle,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider.ui-slider-disabled a.ui-slider-handle {
    display: none !important;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider a.ui-slider-handle,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider a.ui-slider-handle,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider a.ui-slider-handle {
    position: absolute;
    width: 50px;
    height: 44px;
    font-size: 14px;
    font-weight: 600;
    line-height: 44px;
    text-align: center;
    background-image: url(../../files/layouts/img/images/slider-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    margin-left: -20px;
    z-index: 9;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider .ui-slider-range,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider .ui-slider-range,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider .ui-slider-range {
    margin: 1px;
    height: 16px;
    background: #eacb2c;
    position: absolute;
    top: 16px;
    border-radius: 10px;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider:before,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider:before,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider:before {
    content: "";
    width: calc(100% + 20px);
    height: 16px;
    background-color: #b4b4b4;
    border: 1px solid #b4b4b4;
    border-radius: 10px;
    top: 16px;
    display: block;
    position: absolute;
}

body #survey-body.survey.SliderMany #survey-multi-slider .slider-row .surv-panel-text,
body #survey-body.survey.SliderOne #survey-multi-slider .slider-row .surv-panel-text,
body #survey-body.survey.SliderSum #survey-multi-slider .slider-row .surv-panel-text {
    font-size: 16px;
    color: #626c7a;
    font-weight: 600;
    display: block;
}

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

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-main-label,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-main-label,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-main-label {
        display: block;
        width: 100%;
        text-align: center;
        position: relative;
        top: 20px;
        font-size: 16px;
        color: #626c7a;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row {
        display: flex;
        margin: 0;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 {
        width: calc(100% - 400px);
        display: inline-block;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span3,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span3,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span3 {
        width: 200px;
        margin-right: 20px;
        display: flex;
        justify-content: center;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span3>div,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span3>div,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span3>div {
        text-align: center;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span1,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span1,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span1 {
        display: inline-block;
        width: 120px;
        height: 130px;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span1 label.custom,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span1 label.custom,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span1 label.custom {
        padding-top: 35px;
        width: 100%;
        text-align: right;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row .slider-et-min,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row .slider-et-min,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row .slider-et-min {
        width: 100%;
        left: -200px !important;
        text-align: left;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row .slider-et-max,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row .slider-et-max,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row .slider-et-max {
        width: 100%;
        right: -290px !important;
        text-align: right;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row-img .slider-et-min,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row-img .slider-et-min,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row-img .slider-et-min {
        top: 0 !important;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row-img .slider-et-max,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row-img .slider-et-max,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row-img .slider-et-max {
        top: 0 !important;
    }
}

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

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span6 .slider .slider-label,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span6 .slider .slider-label,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span6 .slider .slider-label {
        display: none !important;
    }

    body #survey-body.survey.SliderMany #survey-multi-slider .slider-row>.span1,
    body #survey-body.survey.SliderOne #survey-multi-slider .slider-row>.span1,
    body #survey-body.survey.SliderSum #survey-multi-slider .slider-row>.span1 {
        overflow: hidden;
        margin-bottom: 35px;
    }
}

body #survey-body.survey.SliderMany #survey-multi-slider .allowed-sum,
body #survey-body.survey.SliderOne #survey-multi-slider .allowed-sum,
body #survey-body.survey.SliderSum #survey-multi-slider .allowed-sum {
    margin-top: 20px;
}

body #survey-body #player-content .videoTimes {
    width: 100% !important;
    font-weight: 700;
    position: relative;
}

body #survey-body #player-content .videoTimes .progress-container {
    width: 100%;
    height: 3px;
    background-color: #b4b4b4;
    margin-bottom: 10px;
}

body #survey-body #player-content .videoTimes .progress-container .progress-bar {
    background-color: #eacb2c;
    width: 0;
    height: 100%;
}

body #survey-body #player-content .videoTimes .timeVideo {
    float: left;
}

body #survey-body #player-content .videoTimes .timeDuration {
    float: right;
}

body #survey-body .imgAfterVideo {
    display: none;
    height: auto !important;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions {
    padding-top: 20px;
    position: relative;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions iframe {
    width: 100%;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider.videoEvaluatorSliderBox {
    position: relative;
    width: 300px;
    float: left;
}

body #form-question .questions #recorder-content #recording-button {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    bottom: 45px;
    position: absolute;
    left: calc(50% - 30px);
    border: 2px solid #000;
    background: #ebebeb;
    box-shadow: 2px 2px 0 #ebebeb, 2px -2px #ebebeb, -2px 2px #ebebeb, -2px -2px #ebebeb;
}

body #form-question .questions #recorder-content #recording-button #startButton,
body #form-question .questions #recorder-content #recording-button #stopButton {
    font-size: 0;
    width: 24px;
    height: 24px;
    border: none;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
}

body #form-question .questions #recorder-content #recording-button #startButton {
    border-radius: 50%;
    background-color: #db042c;
}

body #form-question .questions #recorder-content #recording-button #stopButton {
    background-color: #0c0c0c;
}

body #form-question .questions #recorder-content .instruction {
    top: calc(50% - 50px);
    position: absolute;
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 0 20px;
}

body #form-question .questions #recorder-content .remove-audio {
    background-image: url(/img/app/app-change.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: none !important;
    background-color: transparent !important;
    z-index: 4;
    cursor: pointer;
}

body #form-question .questions #recorder-content .recordings {
    position: absolute;
    width: 100%;
    bottom: 120px;
}

body #form-question .questions #recorder-content #recording-timer {
    position: absolute;
    bottom: 129px;
    color: #fff;
    width: 100%;
    font-size: 32px;
    text-align: center;
}

body #form-question .questions #recorder-content #recordings-cont .audio-recording {
    min-width: 50%;
}

body #form-question .questions #recorder-content #recordings-cont>div {
    display: flex;
    justify-content: center;
}

body #form-question .questions #recorder-content .audio-recording {
    min-width: 50%;
}

body #form-question .questions #recorder-content #recording-timer #recIcon {
    display: inline-block;
    width: 22px;
    height: 22px;
    font-size: 0;
    background-color: red;
    border: 0;
    border-radius: 22px;
    margin-right: 20px;
    outline: none;
    animation-name: pulse;
    animation-duration: 1.5s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}

body #form-question .questions #recorder-content {
    display: none;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: calc(100% - 50px);
    z-index: -1;
    background-color: black;
    background-image: url(/img/app/app_recorder_bg.svg);
    background-position: center right;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 4;
    height: calc(100% - 50px);
}

body #form-question .questions #paging-multi {
    display: none;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0px;
}

body #form-question .questions #paging-multi #submit-btn-multi {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    margin: 10px auto;
}

body #form-question .questions #usecamera #submit-btn-multi {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    width: calc(100% - 20px);
    margin: 10px auto;
}

body #form-question .questions .recordWrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

body #form-question .questions .recordWrapper .fileInputWrapper {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    justify-content: center;
    align-items: center;
}

body #form-question .questions #camera-content {
    top: 50px;
    height: calc(100% - 50px);
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
}

body #form-question .questions #video-container {
    position: fixed;
    z-index: 11;
}

body #form-question .questions #video-container #gum {
    max-width: 100%;
    display: inline-block;
    vertical-align: baseline;
}

body #form-question .questions #camera-content #screenshot-canvas {
    background: #0c0c0c;
    z-index: 4;
    height: 100%;
    max-width: 100%;
}

body #form-question .questions .record-icon {
    top: 2.5rem;
    border-radius: 50%;
    height: 5rem;
    width: 5rem
}

body #form-question .questions .stop-record-icon {
    top: 2rem;
    height: 4rem;
    width: 4rem;
    border-radius: 5px;
}

body #timer {
    display: flex;
    justify-content: center;
    position: fixed;
    left: 44.5%;
    top: 95%;
    -webkit-text-stroke-color: black;
    -webkit-text-stroke-width: 1px;
    align-items: center;
    gap: 2px;
}

body #timer label {
    display: block !important;
    font-size: 16px !important;
    color: #626c7a !important;
    font-weight: 600 !important;
    max-width: 100% !important;
    margin-bottom: 5px !important;
    padding-left: 0 !important;
}

body #form-question .questions #screenshot-canvas #videoPreview {
    width: 100%;
    max-height: 90%;
    display: inline-block;
    object-fit: fill;
}

body #form-question .questions .record-controls button {
    display: block;
    position: fixed;
    left: 50%;
    top: 92%;
    transform: translateX(-50%) translateY(-50%);
    background: red;
    color: black;
    border: 0.1875em solid #7a7a7a;
    transition: all 300ms cubic-bezier(0.93, 0.1, 0.42, 0.91);
}

body #form-question .questions .record-controls .remove-video {
    background-image: url(/img/app/app-change.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: 40px;
    right: 20px;
    width: 50px;
    height: 50px;
    border: none !important;
    background-color: transparent !important;
    z-index: 4;
    cursor: pointer;
}

body #form-question .questions .record-controls #changeCamera {
    width: 7rem;
    height: 5rem;
    position: fixed;
    top: 85%;
    left: 4%;
}

body #form-question .questions #screenshot-canvas #usecamera {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    right: 0;
    align-items: center;
    background-color: rgba(0, 0, 0, .6);
    z-index: 5;
}

body #form-question .questions #screenshot-canvas #usecamera label[for="pic"] {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    width: calc(100% - 20px);
    margin: 10px auto;
}

body #form-question .questions #camera-content .captures {
    position: absolute;
    top: 40px;
    width: 100%;
    text-align: left;
    overflow: auto;
    max-height: calc(100% - 160px);
}

body #form-question .questions #camera-content .captures .capture {
    margin: 20px 10px;
    position: relative;
    float: left;
}

body #form-question .questions #camera-content .captures .capture img {
    width: auto;
    height: 20vh;
}

body #form-question .questions #camera-content .captures .capture .remove-photo {
    background-image: url(/img/app/app-cancel.svg) !important;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    top: -5px;
    right: -10px;
    width: 24px;
    height: 24px;
    border: none !important;
    background-color: transparent !important;
    z-index: 4;
    cursor: pointer;
}

body #form-question .questions #screenshot-canvas #can {
    width: 100%;
    opacity: 0.2;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider.videoEvaluatorSliderBox>.videoEvaluatorSliderBox {
    display: inline-block;
    float: left;
    width: 15px;
    background-image: linear-gradient(#f55, #3923ea);
    border-radius: 10px;
    margin-left: 160px;
    position: relative;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .span1,
body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical {
    height: 100%;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span {
    position: absolute;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-label {
    width: 150px;
    left: -170px;
    text-align: right;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-label span {
    right: 0;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-et-min,
body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-et-max {
    width: 120px;
    height: 20px;
    line-height: 20px;
    left: 25px;
    font-size: 12px;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-et-min {
    bottom: 0;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-vertical span.slider-et-max {
    top: 0;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-handle {
    position: absolute;
    left: -10px;
    width: 32px;
    height: 35px;
    background-image: url(../../files/layouts/img/images/slider-icon.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    z-index: 9;
    margin-bottom: -25px;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider .ui-slider-handle .slider-value {
    display: none;
}

body #survey-body.VideoEvaluatorVimeo #form-question .questions #survey-multi-slider input[type="text"].answer {
    display: none !important;
}

@media only screen and (min-width: 960px) {
    body #survey-body.VideoEvaluatorVimeo #player-content {
        width: calc(100% - 300px);
        display: inline-block;
        float: left;
    }
}

@media only screen and (min-width: 0) and (max-width: 959px) {
    body #survey-body.VideoEvaluatorVimeo #survey-multi-slider {
        position: absolute !important;
        top: 30px;
        right: 10px;
    }

    body #survey-body.VideoEvaluatorVimeo #player-content {
        width: 100%;
    }
}

body #survey-body.VideoCommentatorVimeo #player-content {
    max-width: 100%;
    width: 100%;
}

body #survey-body.VideoCommentatorVimeo #player-content iframe {
    width: 100%;
}

body #survey-body.VideoCommentatorVimeo #player-content #commentBox {
    display: none;
}

body #survey-body.VideoCommentatorVimeo #player-content #commentBox textarea {
    padding: 7px 14px;
    margin-bottom: 15px;
    color: #3f4b59;
    font-size: 16px;
    font-weight: 600;
    border: 1px solid #d6d6d6;
    box-sizing: border-box;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
    overflow: hidden;
    max-width: 100%;
}

body #survey-body.VideoCommentatorVimeo #player-content #commentBox textarea:focus {
    outline: none !important;
    border: 1px solid #db042c !important;
    background-color: rgba(219, 4, 44, 0.1) !important;
    overflow: auto !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    -ms-appearance: none !important;
    -o-appearance: none !important;
    appearance: none !important;
}

body #survey-body.VideoCommentatorVimeo #player-content #commentBox .submit-btn-comment {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
    vertical-align: top;
}

body #survey-body.VideoCommentatorVimeo #player-content #commentBox .submit-btn-comment:hover {
    background-color: #ceb015;
}

body #survey-body.VideoCommentatorVimeo #player-content #showCommentBox {
    margin-bottom: 15px;
}

body #survey-body.VideoCommentatorVimeo #player-content #showCommentBox button {
    font-size: 12px;
    background-color: transparent;
    border: none;
}

body #survey-body.VideoCommentatorVimeo #player-content #showCommentBox button:not(:disabled) {
    cursor: pointer;
    background-image: url(/img/blur-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
}

body #survey-body.VideoCommentatorVimeo #player-content #showCommentBox button:disabled {
    cursor: not-allowed;
    background-image: url(../../files/layouts/img/images/blur-gray.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
}

@media only screen and (min-width: 1240px) {
    body #survey-body.VideoCommentatorVimeo #commentBox {
        width: 200px;
        float: right;
        margin-left: 50px;
    }

    body #survey-body.VideoCommentatorVimeo #player1,
    body #survey-body.VideoCommentatorVimeo .videoTimes,
    body #survey-body.VideoCommentatorVimeo #imgAfterVideo {
        width: calc(100% - 250px) !important;
        float: left;
    }
}

@media only screen and (min-width: 0) and (max-width: 1239px) {
    body #survey-body.VideoCommentatorVimeo #commentBox textarea {
        height: 40px;
    }

    body #survey-body.VideoCommentatorVimeo #player1,
    body #survey-body.VideoCommentatorVimeo .videoTimes,
    body #survey-body.VideoCommentatorVimeo #imgAfterVideo {
        width: 100% !important;
    }
}

body #survey-body.TextEvalMany .text.article,
body #survey-body.TextEvalOne .text.article {
    clear: both;
}

body #survey-body.TextEvalMany .text.article .p label,
body #survey-body.TextEvalOne .text.article .p label {
    padding-left: 0 !important;
    margin-top: 0 !important;
    max-width: 100% !important;
    display: inline;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Zielony"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Zielony"] {
    background: #0b0 !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Pomarańczowy"] {
    background: orange !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Żółty"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Żółty"] {
    background: #eacb2c !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Niebieski"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Niebieski"] {
    background: #4786f7 !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Green"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Green"] {
    background: #0b0 !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Orange"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Orange"] {
    background: orange !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Yellow"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Yellow"] {
    background: #eacb2c !important;
}

body #survey-body.TextEvalMany .text.article .p label[data-select-color="Blue"],
body #survey-body.TextEvalOne .text.article .p label[data-select-color="Blue"] {
    background: #4786f7 !important;
}

body #survey-body.TextEvalMany .text.article+.row-fluid>.span12,
body #survey-body.TextEvalOne .text.article+.row-fluid>.span12 {
    width: 100%;
}

body #survey-body.TextEvalMany .text.article+.row-fluid>.span12 #div-disable-answers,
body #survey-body.TextEvalOne .text.article+.row-fluid>.span12 #div-disable-answers {
    width: 100%;
}

body #survey-body.TextEvalMany .text.article+.row-fluid>.span12 #div-disable-answers label[for="disable-answers"],
body #survey-body.TextEvalOne .text.article+.row-fluid>.span12 #div-disable-answers label[for="disable-answers"] {
    margin: 24px 0 30px;
    float: right;
}

body #survey-body.TextEvalMany .color-btn,
body #survey-body.TextEvalOne .color-btn,
body #survey-body.ImgEvalMany .color-btn {
    width: 60px;
    height: 36px;
    float: left;
    margin: 3px 10px 10px 3px;
    text-indent: -999em;
    background-image: url(/img/color-btn.png);
    cursor: pointer;
}

body #survey-body.TextEvalMany .color-btn.active,
body #survey-body.TextEvalOne .color-btn.active,
body #survey-body.ImgEvalMany .color-btn.active {
    box-shadow: 0 0 0 3px;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Żółty"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Żółty"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Żółty"] {
    color: #eacb2c;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Pomarańczowy"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Pomarańczowy"] {
    color: orange;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Zielony"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Zielony"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Zielony"] {
    color: #0b0;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Niebieski"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Niebieski"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Niebieski"] {
    color: #4786f7;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Green"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Green"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Green"] {
    color: #0b0;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Orange"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Orange"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Orange"] {
    color: orange;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Blue"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Blue"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Blue"] {
    color: #4786f7;
}

body #survey-body.TextEvalMany .color-btn.active[data-select-color="Yellow"],
body #survey-body.TextEvalOne .color-btn.active[data-select-color="Yellow"],
body #survey-body.ImgEvalMany .color-btn.active[data-select-color="Yellow"] {
    color: #eacb2c;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Żółty"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Żółty"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Żółty"] {
    background-color: #eacb2c;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Pomarańczowy"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Pomarańczowy"] {
    background-color: orange;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Zielony"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Zielony"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Zielony"] {
    background-color: #0b0;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Niebieski"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Niebieski"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Niebieski"] {
    background-color: #4786f7;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Green"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Green"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Green"] {
    background-color: #0b0;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Orange"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Orange"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Orange"] {
    background-color: orange;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Yellow"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Yellow"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Yellow"] {
    background-color: #eacb2c;
}

body #survey-body.TextEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Blue"],
body #survey-body.TextEvalOne div.survey:not(.disabled) .color-btn[data-select-color="Blue"],
body #survey-body.ImgEvalMany div.survey:not(.disabled) .color-btn[data-select-color="Blue"] {
    background-color: #4786f7;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Żółty"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Żółty"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Żółty"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Żółty"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Żółty"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Żółty"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Żółty"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Żółty"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Żółty"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Żółty"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Żółty"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Żółty"] .text.article .p label {
    cursor: url(/img/evaluator-yellow-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Pomarańczowy"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Pomarańczowy"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Pomarańczowy"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Pomarańczowy"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Pomarańczowy"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Pomarańczowy"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Pomarańczowy"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Pomarańczowy"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Pomarańczowy"] .text.article .p label {
    cursor: url(/img/evaluator-orange-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Zielony"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Zielony"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Zielony"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Zielony"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Zielony"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Zielony"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Zielony"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Zielony"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Zielony"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Zielony"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Zielony"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Zielony"] .text.article .p label {
    cursor: url(/img/evaluator-green-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Niebieski"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Niebieski"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Niebieski"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Niebieski"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Niebieski"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Niebieski"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Niebieski"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Niebieski"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Niebieski"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Niebieski"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Niebieski"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Niebieski"] .text.article .p label {
    cursor: url(/img/evaluator-blue-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Green"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Green"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Green"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Green"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Green"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Green"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Green"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Green"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Green"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Green"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Green"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Green"] .text.article .p label {
    cursor: url(/img/evaluator-green-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Orange"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Orange"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Orange"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Orange"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Orange"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Orange"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Orange"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Orange"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Orange"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Orange"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Orange"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Orange"] .text.article .p label {
    cursor: url(/img/evaluator-orange-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Blue"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Blue"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Blue"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Blue"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Blue"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Blue"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Blue"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Blue"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Blue"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Blue"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Blue"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Blue"] .text.article .p label {
    cursor: url(/img/evaluator-blue-cursor.svg), auto !important;
}

body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Yellow"],
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Yellow"],
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Yellow"],
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Yellow"],
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Yellow"],
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Yellow"],
body #survey-body.TextEvalMany .survey-evaluator-text[data-select-color="Yellow"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator-text[data-select-color="Yellow"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator-text[data-select-color="Yellow"] .text.article .p label,
body #survey-body.TextEvalMany .survey-evaluator[data-select-color="Yellow"] .text.article .p label,
body #survey-body.TextEvalOne .survey-evaluator[data-select-color="Yellow"] .text.article .p label,
body #survey-body.ImgEvalMany .survey-evaluator[data-select-color="Yellow"] .text.article .p label {
    cursor: url(/img/evaluator-yellow-cursor.svg), auto !important;
}

body #survey-body.ImgEvalMany #survey-evaluator-image #drawing .row {
    overflow: hidden;
}

body #survey-body.ImgEvalMany #survey-evaluator-image #drawing div.image {
    position: relative;
}

body #survey-body.ImgEvalMany #survey-evaluator-image #drawing div.image img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

body #survey-body.ImgEvalMany #survey-evaluator-image #drawing #canvas {
    position: absolute;
}

body #survey-body.ImgEvalMany #survey-evaluator-image #reset {
    display: none !important;
}

body #survey-body.OpenMany .row-fluid .panel label {
    padding-left: 0 !important;
    max-width: 100% !important;
}

body #survey-body.OpenMany .row-fluid .panel label input[type="text"],
body #survey-body.OpenMany .row-fluid .panel label input[type="number"],
body #survey-body.OpenMany .row-fluid .panel label textarea {
    display: block;
    width: 100% !important;
    margin-top: 8px;
}

body #survey-body.OpenMany .surv-panel {
    overflow: hidden;
}

body #survey-body.OpenOne input[type="text"].input-openone {
    max-width: 100% !important;
    width: 100% !important;
}

body #survey-body.MultiChoiceOne {
    display: block;
}

body #survey-body.MultiChoiceOne .question-media-content {
    width: 100%;
    overflow: hidden;
}

body #survey-body.MultiChoiceOne .question-media-content #player-content {
    float: none !important;
}

body #survey-body.Shelf #form-question,
body #survey-body.Shelf2 #form-question {
    height: 100%;
}

body #survey-body.Shelf #form-question .questions,
body #survey-body.Shelf2 #form-question .questions {
    overflow: unset !important;
    text-align: center;
    margin-bottom: 0vh !important;
    margin-top: 0 !important;
}

body #survey-body.Shelf #form-question .questions #shopContent,
body #survey-body.Shelf2 #form-question .questions #shopContent {
    display: none;
    opacity: 0;
    max-width: calc(100% - 30px);
    position: relative;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    background: rgba(0, 0, 0, 0.01);
    border: solid #414241;
    border-width: 0.8vw 0.8vw 0.4vw 0.8vw;
    border-radius: 4px;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf {
    border-bottom: 1.5vw solid #d8d8d8;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0px -5px 14px -2px rgba(0, 0, 0, 0.6),
        0px 1px 1px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: inset 0px -5px 14px -2px rgba(0, 0, 0, 0.6),
        0px 1px 1px rgba(0, 0, 0, 0.4);
    box-shadow: inset 0px -5px 14px -2px rgba(0, 0, 0, 0.6),
        0px 1px 1px rgba(0, 0, 0, 0.4);
    text-align: center;
    width: 100%;
    padding-top: 1vw;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container {
    display: inline-block;
    text-align: center;
    position: relative;
    max-height: 100%;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-img,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-img {
    max-height: 100%;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container {
    width: calc(100% - 20px);
    max-width: 80px;
    padding: 0.6vw 0.1vw 0.3vw;
    background: #fff;
    font-weight: 900;
    position: absolute;
    left: 50%;
    bottom: -1.5vw;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    box-sizing: border-box;
    font-size: 0.4vw;
    box-shadow: 0.1vw 0.1vw 0.2vw rgba(0, 0, 0, 0.6);
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container .product-package,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container .product-package {
    font-size: 65%;
    height: 1em;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container .product-price-container .product-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container .product-price-container .product-price {
    height: 1em;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container.zoomed-label,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .product-label-container.zoomed-label {
    z-index: 3;
    -webkit-transform: translateX(-50%) scale(4);
    -moz-transform: translateX(-50%) scale(4);
    -ms-transform: translateX(-50%) scale(4);
    -o-transform: translateX(-50%) scale(4);
    transform: translateX(-50%) scale(4);
    left: 50% !important;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container {
    background-color: #f6f61b !important;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price {
    box-sizing: border-box;
    text-decoration: line-through;
    height: 1em;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container {
    margin-top: -2px;
    margin-bottom: -2px;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-price,
body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-promo-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-promo-price {
    box-sizing: border-box;
    display: inline-block;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-price {
    text-align: left;
    padding-left: 2px;
    vertical-align: super;
    font-size: 70%;
    width: 40%;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-promo-price,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.promotion .product-label-container .product-price-container .product-promo-price {
    text-align: right;
    width: 60%;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container .zoom-icon,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container .zoom-icon {
    position: absolute;
    top: calc(50% - 30px);
    right: calc(50% - 30px);
    width: 60px;
    height: 60px;
    background-image: url(/img/magnifier.svg);
    background-color: rgba(0, 0, 0, 0.4);
    border: none;
    border-radius: 50%;
    box-shadow: 0px 0px 3px rgba(255, 255, 255, 0.4);
    padding: 10px;
    background-size: 40px;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 0;
    cursor: pointer;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container:not(.zoomed):hover .zoom-icon,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container:not(.zoomed):hover .zoom-icon {
    -webkit-animation: showZoomIcon 1s forwards;
    animation: showZoomIcon 1s forwards;
}

@keyframes showZoomIcon {
    0% {
        opacity: 0;
        z-index: -1;
    }

    99% {
        opacity: 0;
        z-index: -1;
    }

    100% {
        opacity: 1;
        z-index: 2;
    }
}

@-webkit-keyframes showZoomIcon {
    0% {
        opacity: 0;
        z-index: -1;
    }

    99% {
        opacity: 0;
        z-index: -1;
    }

    100% {
        opacity: 1;
        z-index: 2;
    }
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty {
    cursor: default !important;
}

body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty .product-price-container,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty .product-price-container,
body #survey-body.Shelf #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty .product-package,
body #survey-body.Shelf2 #form-question .questions #shopContent #shelfContainer .shelf .product-container.empty .product-package {
    filter: blur(2px);
}

body #survey-body.Shelf #form-question .questions+.l-row,
body #survey-body.Shelf2 #form-question .questions+.l-row {
    display: none;
    position: absolute;
    width: 100%;
    bottom: 0;
}

body #survey-body.Shelf:not(.nonclickable) .product-container,
body #survey-body.Shelf2:not(.nonclickable) .product-container,
body #survey-body.Shelf .product-container:not(.empty),
body #survey-body.Shelf2 .product-container:not(.empty),
body #survey-body.Shelf:not(.nonclickable) .product-container,
body #survey-body.Shelf2:not(.nonclickable) .product-container {
    cursor: pointer;
}

body #survey-body.Shelf.nonclickable .product-container,
body #survey-body.Shelf2.nonclickable .product-container {
    cursor: default !important;
}

body #survey-body.Shelf .article,
body #survey-body.Shelf2 .article {
    margin: 10px 0 !important;
}

body #survey-body.Shelf .article p,
body #survey-body.Shelf2 .article p {
    margin-bottom: 0 !important;
}

body #survey-body.Shelf .product-container.disabled,
body #survey-body.Shelf2 .product-container.disabled {
    filter: grayscale(1);
    opacity: 0.6;
}

body #survey-body.Shelf .product-container.disabled .zoom-icon,
body #survey-body.Shelf2 .product-container.disabled .zoom-icon {
    display: none !important;
}

body #survey-body.Shelf:not(.disabled) .product-container.selected,
body #survey-body.Shelf2:not(.disabled) .product-container.selected {
    -webkit-box-shadow: inset 0 0 0 5px #0cd669;
    -moz-box-shadow: inset 0 0 0 5px #0cd669;
    box-shadow: inset 0 0 0 5px #0cd669;
}

body #survey-body.Shelf:not(.disabled) .product-container.selected .product-img,
body #survey-body.Shelf2:not(.disabled) .product-container.selected .product-img {
    filter: grayscale(1);
    opacity: 0.6;
}

body #survey-body.Shelf #div-disable-answers,
body #survey-body.Shelf2 #div-disable-answers {
    overflow: hidden;
    margin-top: 25px !important;
}

body #survey-body.Shelf.active-hint .hintButton,
body #survey-body.Shelf2.active-hint .hintButton {
    display: none !important;
}

body #survey-body.Shelf .hintButton,
body #survey-body.Shelf2 .hintButton {
    position: absolute;
    right: -50px;
    top: 0px;
    width: 36px;
    height: 30px;
    background-image: url(../../files/layouts/img/app/app-info.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-color: transparent !important;
    border: none !important;
    cursor: help !important;
    display: block;
}

body #survey-body.Shelf .hint-container,
body #survey-body.Shelf2 .hint-container {
    position: absolute;
    background: #fff;
    padding: 25px;
    z-index: 2;
    width: calc(100% - 100px);
    top: 25px;
    left: 25px;
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.2);
    text-align: center;
}

body #survey-body.Shelf .closeHintButton,
body #survey-body.Shelf2 .closeHintButton {
    top: 5px;
    right: 5px;
    position: absolute;
    width: 24px;
    height: 24px;
    color: transparent;
    background-color: transparent;
    background-image: url(/img/cancel-drag.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

body #survey-body.Shelf .error_text,
body #survey-body.Shelf2 .error_text {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translatex(-50%);
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.94);
    padding: 14px 30px 14px 100px !important;
    background-position: center left 10px !important;
}

body #survey-body.Shelf .error_text .close-error,
body #survey-body.Shelf2 .error_text .close-error {
    position: absolute;
    top: -10px;
    right: 0;
    width: 24px;
    height: 24px;
    color: transparent;
    background-color: transparent;
    background-image: url(/img/cancel-drag.svg);
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    cursor: pointer;
}

body #survey-body.Shelf.active-zoom .error_text,
body #survey-body.Shelf2.active-zoom .error_text {
    display: none !important;
}

body #survey-body.Shelf #submit-btn,
body #survey-body.Shelf2 #submit-btn {
    opacity: 0;
}

body #survey-body.Shelf .sort-panel,
body #survey-body.Shelf2 .sort-panel {
    position: absolute;
    top: 0;
}

body #survey-body.Shelf #nextButton,
body #survey-body.Shelf2 #nextButton {
    font-size: 12px;
    background-color: transparent;
    border: none;
    cursor: pointer;
    background-image: url(/img/blur-yellow.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    padding: 6px 20px;
    font-weight: bold;
    color: #0c0c0c;
    text-transform: uppercase;
}

body #survey-body:not(.RODO) #form-question:before {
    content: "";
    width: 100%;
    position: absolute;
    height: 1px;
    background-color: #b4b4b4;
    top: 0;
    left: 0;
    right: 0;
    margin-top: 20px;
}

body #form-question {
    position: relative;
    padding-top: 30px;
}

body #form-question .l-row.questions {
    margin-bottom: 60px;
    margin-top: 20px;
    display: block;
    overflow: hidden;
}

body #form-question .l-row.questions label.custom {
    display: inline-block;
    float: left;
}

body #form-question .l-row.questions label.custom.text-and-picture {
    display: block;
    width: 100%;
}

body #form-question .l-row.questions label.custom .controls {
    max-width: calc(100% - 40px);
    float: left;
}

body #form-question .l-row.questions label.custom span.label {
    display: inline-block;
    line-height: 24px;
    margin-right: 12px;
}

body #form-question .l-row.questions label.custom span.label:first-letter {
    text-transform: capitalize;
}

body #form-question .l-row.questions label.custom input[type="radio"],
body #form-question .l-row.questions label.custom input[type="checkbox"] {
    position: absolute;
    opacity: 0;
}

body #form-question .l-row.questions label.custom input[type="radio"]~.label,
body #form-question .l-row.questions label.custom input[type="checkbox"]~.label {
    cursor: pointer;
}

body #form-question .l-row.questions label.custom input[type="radio"]~.label:before,
body #form-question .l-row.questions label.custom input[type="checkbox"]~.label:before {
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
    margin-right: 5px;
    margin-left: -32px;
}

body #form-question .l-row.questions label.custom input[type="radio"]:checked~.label:before {
    content: url(/img/radio-button-on.svg);
}

body #form-question .l-row.questions label.custom input[type="radio"]:not(:checked)~.label:before {
    content: url(/img/radio-button-off.svg);
}

body #form-question .l-row.questions label.custom input[type="radio"]:disabled~.label:before {
    content: url(/img/radio-button-off-disabled.svg);
}

body #form-question .l-row.questions label.custom input[type="checkbox"]:checked~.label:before {
    content: url(/img/check-on.svg);
}

body #form-question .l-row.questions label.custom input[type="checkbox"]:not(:checked)~.label:before {
    content: url(/img/check-off.svg);
}

body #form-question .l-row.questions label.custom input[type="checkbox"]:disabled~.label:before {
    content: url(/img/check-off-disabled.svg);
}

body #form-question .l-row.questions label.customVideo input[type="checkbox"]:checked:not(:disabled)~.label:before {
    content: url(/img/check-on.svg);
}

body #form-question .l-row.questions label.customVideo input[type="checkbox"]:checked~.label:before {
    content: url(/img/check-on.svg);
    opacity: 0.4;
}

body #form-question .l-row.questions label.customVideo input[type="checkbox"]:not(:checked)~.label:before {
    content: url(/img/check-off.svg);
}

body #form-question .l-row.questions label.customVideo input[type="checkbox"]:disabled:not(:checked)~.label:before {
    content: url(/img/check-off-disabled.svg);
}

body #form-question .l-row.questions table input[type="radio"]~.label:before,
body #form-question .l-row.questions table input[type="checkbox"]~.label:before {
    padding-left: 32px;
    top: calc(50% - 12px);
    position: absolute;
    left: calc(50% - 12px);
}

body #form-question .l-row.questions #player1 {
    background-color: #0c0c0c;
}

body #form-question .l-row.questions #player1,
body #form-question .l-row.questions .videoEvaluatorSliderBox {
    max-width: 100%;
    max-height: 540px;
}

body #form-question .row-fluid {
    overflow: hidden;
}

body #form-question .row-fluid .span1,
body #form-question .row-fluid .span2,
body #form-question .row-fluid .span3,
body #form-question .row-fluid .span4,
body #form-question .row-fluid .span5,
body #form-question .row-fluid .span6,
body #form-question .row-fluid .span7,
body #form-question .row-fluid .span8,
body #form-question .row-fluid .span9,
body #form-question .row-fluid .span10,
body #form-question .row-fluid .span11,
body #form-question .row-fluid .span12 {
    overflow: hidden;
}

body .article p {
    margin-bottom: 20px;
}

body:not(.questions) .s-progress {
    float: left;
    padding-top: 10px;
}

body:not(.questions) .s-progress .progress {
    background-color: #b4b4b4;
    height: 4px;
    position: relative;
}

body:not(.questions) .s-progress .progress>div {
    background-color: #eacb2c;
    height: 4px;
    position: absolute;
}

body:not(.questions) .s-progress .progress .progress-counter {
    display: inline-block;
    background-image: url(/img/progress.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: 14px;
    font-weight: 900;
    width: 42px;
    height: 42px;
    line-height: 42px;
    text-align: center;
    position: absolute;
    top: -20px;
    margin-left: -10px;
}

body:not(.questions) .s-progress p {
    display: none !important;
}

body .row a.finishandend,
body .row .surveyend a,
body .row .span10.offset1+a {
    background-color: #eacb2c;
    color: #000;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 600;
    min-width: 160px;
    text-align: center;
    padding: 13px 10px;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    -webkit-transition: background-color 0.3s linear;
    transition: background-color 0.3s linear;
}

body .row a.finishandend:hover,
body .row .surveyend a:hover,
body .row .span10.offset1+a:hover {
    background-color: #ceb015;
}

body:after {
    content: url(/img/radio-button-on.svg);
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

body:before {
    content: url(/img/check-on.svg);
    opacity: 0 !important;
    height: 0 !important;
    width: 0 !important;
}

body .span12 h3 {
    display: none !important;
}

body .span12>h1 {
    margin-top: 140px;
    text-align: center;
}

body .span12 .finish-questionnaire-title {
    margin-top: 140px;
    text-align: center;
}

body .span12 .finish-questionnaire-title+p {
    text-align: center;
}

body .span12>.notice-qstr-err {
    padding-top: 140px;
    max-width: 600px !important;
    margin: 0 auto 0 auto;
}

body .answers .p>label>input[type="checkbox"] {
    cursor: pointer;
    display: inline-block;
}

body .answers .p>label>input[type="checkbox"]:checked:before {
    content: url(/img/check-on.svg);
}

body .answers .p>label>input[type="checkbox"]:not(:checked):before {
    content: url(/img/check-off.svg);
}

body .answers .p>label>input[type="checkbox"]:before {
    content: url(/img/check-off.svg);
    height: 24px;
    vertical-align: middle;
    line-height: 24px;
    display: inline-block;
    margin-right: 5px;
    margin-left: -32px;
}

.surveyend {
    background-color: #fff;
    margin: 0 auto 60px;
    z-index: 2;
    box-shadow: 0 0 3px 1px rgba(0, 0, 0, 0.3);
    position: relative;
}

.surveyend h1:after {
    content: "";
    background-image: url(/img/bulb.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    float: right;
    mask-image: url("/img/bulb-bg.svg");
    -webkit-mask-image: url("/img/bulb-bg.svg");
    mask-mode: alpha;
    -webkit-mask-mode: alpha;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
}

.span10.offset1 {
    position: relative;
}

.span10.offset1 .survey.finished {
    min-height: 150px !important;
    padding-bottom: 15px !important;
}

.span10.offset1 .survey.finished:after {
    content: "";
    background-image: url(/img/bulb.jpg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    mask-image: url("/img/bulb-bg.svg");
    -webkit-mask-image: url("/img/bulb-bg.svg");
    mask-mode: alpha;
    -webkit-mask-mode: alpha;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-position: center;
    -webkit-mask-position: center;
    width: 220px;
    height: 250px;
    margin-left: calc(50% - 110px);
}

.span10.offset1+a {
    width: 180px;
    margin-left: calc(50% - 100px);
}

@media only screen and (min-width: 1240px) {
    body div:not(.questions)>div.survey {
        margin: 0 auto;
        padding: 20px 130px 100px;
        box-sizing: border-box;
    }

    body .s-progress .progress .bar:after {
        content: "";
    }

    body .s-progress .progress .progress-counter {
        display: inline-block;
        background-image: url(../../files/layouts/img/images/active-menu.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        width: 42px;
        height: 42px;
        line-height: 42px;
        text-align: center;
    }

    .surveyend {
        width: calc(100% - 460px);
        max-width: 960px;
        margin: 0 auto;
        padding: 80px 130px 100px;
        min-height: 320px;
        position: relative;
    }
}

@media only screen and (min-width: 960px) {
    .s-progress {
        width: calc(100% - 200px);
        display: inline-block;
        margin-right: 20px;
    }

    .paging {
        width: 160px;
        display: inline-block;
        flex-direction: column-reverse;
        float: left;
        text-align: right;
        margin-top: 0 !important;
    }

    .columns1 {
        width: calc(100% - 20px) !important;
    }

    .columns2 {
        width: calc(100% / 2 - 20px) !important;
    }

    .columns3 {
        width: calc(100% / 3 - 20px) !important;
    }

    .columns4 {
        width: calc(100% / 4 - 20px) !important;
    }

    .columns5 {
        width: calc(100% / 5 - 20px) !important;
    }

    .columns6 {
        width: calc(100% / 6 - 20px) !important;
    }

    .columns7 {
        width: calc(100% / 7 - 20px) !important;
    }

    .columns8 {
        width: calc(100% / 8 - 20px) !important;
    }

    .surveyend h1:after {
        width: 300px;
        height: 350px;
    }
}

@media only screen and (min-width: 768px) and (max-width: 1239px) {

    body div:not(.questions)>div.survey,
    .surveyend {
        padding: 10px 60px 75px;
        margin: 0 auto;
        box-sizing: border-box;
    }

    .only-preview {
        width: auto !important;
        max-width: 100% !important;
    }
}

@media only screen and (min-width: 0) and (max-width: 959px) {

    .s-progress,
    .paging {
        width: 100%;
        display: flex;
        flex-direction: row-reverse;
    }

    .paging {
        text-align: right;
        padding-top: 45px;
    }

    .columns1 {
        width: calc(100% - 20px) !important;
    }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {

    .columns2,
    .columns3,
    .columns4 {
        width: calc(100% / 2 - 20px) !important;
    }

    .columns5,
    .columns6,
    .columns7,
    .columns8 {
        width: calc(100% / 4 - 20px) !important;
    }

    .surveyend h1:after {
        width: 210px;
        height: 350px;
    }
}

@media only screen and (min-width: 768px) {
    body>.content {
        margin-top: -160px;
    }

    body .header {
        min-height: 220px !important;
    }

    body .row-fluid .span1,
    body .row-fluid .span2,
    body .row-fluid .span3,
    body .row-fluid .span4,
    body .row-fluid .span5,
    body .row-fluid .span6,
    body .row-fluid .span7,
    body .row-fluid .span8,
    body .row-fluid .span9,
    body .row-fluid .span10,
    body .row-fluid .span11,
    body .row-fluid .span12 {
        float: left;
        display: inline-block;
    }

    body .row-fluid .span1:not(:last-of-type),
    body .row-fluid .span2:not(:last-of-type),
    body .row-fluid .span3:not(:last-of-type),
    body .row-fluid .span4:not(:last-of-type),
    body .row-fluid .span5:not(:last-of-type),
    body .row-fluid .span6:not(:last-of-type),
    body .row-fluid .span7:not(:last-of-type),
    body .row-fluid .span8:not(:last-of-type),
    body .row-fluid .span9:not(:last-of-type),
    body .row-fluid .span10:not(:last-of-type),
    body .row-fluid .span11:not(:last-of-type),
    body .row-fluid .span12:not(:last-of-type) {
        margin-right: 20px;
    }
}

@media only screen and (max-width: 767px) {
    body>.content {
        margin-top: -65px;
    }

    body div:not(.questions)>div.survey {
        padding: 10px 20px 40px;
        min-height: 320px !important;
        box-sizing: border-box;
    }

    .surveyend {
        width: calc(100% - 60px);
        padding: 20px;
        min-height: 320px !important;
        text-align: center;
    }

    .surveyend h1:after {
        width: 260px;
        height: 350px;
        margin: 0 auto;
        float: none;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .columns2 {
        width: calc(100% - 20px) !important;
    }

    .columns3,
    .columns4 {
        width: calc(100% / 2 - 20px) !important;
    }

    .columns5,
    .columns6,
    .columns7,
    .columns8 {
        width: calc(100% / 4 - 20px) !important;
    }
}

@media (max-width: 479px) {

    .columns2,
    .columns3,
    .columns4 {
        width: calc(100% - 20px) !important;
    }

    .columns5,
    .columns6,
    .columns7,
    .columns8 {
        width: calc(100% / 2 - 20px) !important;
    }
}

@import url("https://fonts.googleapis.com/css?family=Lato:400,700,900&subset=latin-ext");
@import url("https://fonts.googleapis.com/css?family=Tangerine");

body #form-question .l-row.questions table {
    overflow: hidden;
    width: 100%;
    border-collapse: collapse !important;
}

body #form-question .l-row.questions table tr {
    border-spacing: 0px !important;
    border-collapse: unset;
}

body #form-question .l-row.questions table tr:first-of-type th {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 2;
}

body #form-question .l-row.questions table tr:first-of-type th,
body #form-question .l-row.questions table tr:first-of-type td {
    padding: 15px 5px;
}

body #form-question .l-row.questions table tr:not(:first-of-type) label.custom {
    z-index: 3;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 0 !important;
    max-width: 100% !important;
}

body #form-question .l-row.questions table tr:not(:first-of-type) label.custom span.label {
    line-height: 36px !important;
}

body #form-question .l-row.questions table tr:not(:first-of-type) th:first-of-type {
    text-align: right;
}

body #form-question .l-row.questions table tr:not(:first-of-type) td {
    text-align: center;
    position: relative;
}

body #form-question .l-row.questions table tr:not(:first-of-type) td label {
    width: 100% !important;
}

body #form-question .l-row.questions table tr:not(:first-of-type) td label input[type="radio"]~.label:before,
body #form-question .l-row.questions table tr:not(:first-of-type) td label input[type="checkbox"]~.label:before {
    padding-left: 0 !important;
    margin: 0 !important;
}

body #form-question .l-row.questions table tr:not(:first-of-type) td:after {
    content: "";
    opacity: 0;
    position: absolute;
    z-index: 2;
    background: #fde45b;
}

body #form-question .l-row.questions table tr td,
body #form-question .l-row.questions table tr th {
    padding: 15px 5px;
    margin: 0;
    position: relative;
}

body #form-question .l-row.questions table tr td:hover::after {
    height: 10000px;
    left: 0;
    top: -5000px;
    width: 100%;
    opacity: 0.2;
}

body #form-question .l-row.questions table tr th {
    font-weight: 400 !important;
}

body .survey.MatrixTableMany .table-row tr td:nth-child(odd),
body .survey.MatrixTableOneInRow tr td:nth-child(odd),
body .survey.MatrixTableMany .table-row tr th:nth-child(odd),
body .survey.MatrixTableOneInRow tr th:nth-child(odd) {
    background-color: #fff;
}

body .survey.MatrixTableMany .table-row tr td:nth-child(even),
body .survey.MatrixTableOneInRow tr td:nth-child(even),
body .survey.MatrixTableMany .table-row tr th:nth-child(even),
body .survey.MatrixTableOneInRow tr th:nth-child(even) {
    background-color: #eaecee;
}

body .survey.MatrixTableMany .table-row tr:hover>td:nth-child(odd),
body .survey.MatrixTableOneInRow tr:hover>td:nth-child(odd),
body .survey.MatrixTableMany .table-row tr:hover>th:nth-child(odd),
body .survey.MatrixTableOneInRow tr:hover>th:nth-child(odd) {
    background-color: rgba(253, 228, 91, 0.1);
}

body .survey.MatrixTableMany .table-row tr:hover>td:nth-child(even),
body .survey.MatrixTableOneInRow tr:hover>td:nth-child(even),
body .survey.MatrixTableMany .table-row tr:hover>th:nth-child(even),
body .survey.MatrixTableOneInRow tr:hover>th:nth-child(even) {
    background-color: rgba(253, 228, 91, 0.2);
}

body .survey.MatrixTableMany .table-col tr:nth-child(odd),
body .survey.MatrixTableOneInColumn tr:nth-child(odd) {
    background-color: #fff;
}

body .survey.MatrixTableMany .table-col tr:nth-child(even),
body .survey.MatrixTableOneInColumn tr:nth-child(even) {
    background-color: #eaecee;
}

body .survey.MatrixTableMany .table-col tr:hover:nth-child(odd),
body .survey.MatrixTableOneInColumn tr:hover:nth-child(odd) {
    background-color: rgba(253, 228, 91, 0.1);
}

body .survey.MatrixTableMany .table-col tr:hover:nth-child(even),
body .survey.MatrixTableOneInColumn tr:hover:nth-child(even) {
    background-color: rgba(253, 228, 91, 0.2);
}

@media only screen and (min-width:0) and (max-width:850px) {
    body #form-question .questions .recordWrapper .fileInputWrapper {
        flex-direction: column;
    }

    .survey label {
        padding-left: 35px;
    }
}

.imagePlug {
    background: #000000;
}
.imagePlug:before {
    display: flex;
    align-items: center;
    justify-content: center;
    content: 'IMAGE PLUG';
    color: white;
    height: 100%;
}

label.choice > div{
    padding-bottom: 10px;
}