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

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

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

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

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

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

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

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

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

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

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

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

[class*='icon-']:before {
    display: inline-block;
    font-family: 'survey icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.icon-delete:before {content:'\0041';}
.icon-edit:before {content:'\0042';}
.icon-edit-survey:before {content:'\0043';}
.icon-edit-question:before {content:'\0044';}
.icon-start-survey:before {content:'\0045';}
.icon-arrow-right:before {content:'\0046';}
.icon-arrow-left:before {content:'\0047';}
.icon-arrow-down:before {content:'\0048';}
.icon-mail:before {content:'\0049';}
.icon-calendar:before {content:'\004a';}
.icon-finish-survey:before {content:'\004b';}
.icon-password:before {content:'\004c';}
.icon-report:before {content:'\004d';}
.icon-share:before {content:'\004e';}
.icon-plus:before {content:'\004f';}
.icon-upload:before {content:'\0050';}
.icon-download:before {content:'\0051';}
.icon-save:before {content:'\0052';}
.icon-download-link:before {content:'\0053';}
.icon-site:before {content:'\0054';}
.icon-dropdown:before {content:'\0055';}

/* Reset */
*, ::after, ::before {
    vertical-align: baseline;
    font-weight: inherit;
    font-family: inherit;
    font-style: inherit;
    font-size: 100%;
    border: 0 none;
    outline: 0;
    padding: 0;
    margin: 0;
    list-style: none;
}

/* Global settings */
body {
    background: #f1f1f1;
    color: #2a2b69;
    font-size: 14px;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    color: #2a2b69;
    font-family: palanquinbold, Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 40px;
}

h3 {
    font-size: 24px;
}

a, a:hover, a:focus, a:active {
    color: #2a2b69;
}

p {
    margin-bottom: 15px;
}

strong {
    font-family: palanquinbold, Arial, Helvetica, sans-serif;
}

.text-white {
    color: #fff;
}

.text-green {
    color: #08b220;
}

.text-red {
    color: #ee1e40;
}

.error {
    font-weight: normal;
    font-family: palanquinbold, Arial, Helvetica, sans-serif;
    color: #ee1e40 !important;
}

.wrapper {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.center {
    margin: 0 auto;
    max-width: 100%;
}

/* Images */
img {
    height: auto;
    width: 100%;
}

/* Close */
.close {
    font-size: 20px;
    cursor: pointer;
}

/* Icons */
.icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
}

.icon-label {
    position: relative;
    height: 36px;
    width: 36px;
    background: #282d67;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin: 0 0 20px 0;
    flex-shrink: 0;
}

.icon-label::after {
    content: '';
    border-bottom: 10px solid #ecf5ff;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    position: absolute;
    bottom: -20px;
}

.icon-label .icon {
    color: #ffba00;
    font-size: 18px;
}

/* Buttons */
.btn {
    display: block;
    width: 100%;
    padding: 10px 20px;
    background: #282d67;
    color: #fff;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 1.2;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 18px 15px -10px rgba(255, 255, 255, 0), 0px -10px 15px -10px rgba(255, 255, 255, 0);
    transition: all ease-in-out 0.2s;
}

.btn:hover, .btn:active, .btn:focus {
    background: #282d67;
    color: #fff;
    box-shadow: 0px 16px 15px -10px rgba(40, 45, 103, 0.6), 0px -10px 15px -10px rgba(40, 45, 103, 0.6);
    transition: all ease-in-out 0.2s;
}

.btn-container > *:not(:last-child) {
    margin: 0 0 15px 0;
}

.btn-cancel {
    background: transparent;
    color: #282d67;
    box-shadow: none;
}

.btn-cancel:hover, .btn-cancel:active, .btn-cancel:focus {
    background: transparent;
    color: #282d67;
    box-shadow: none;
}

.btn-finish {
    background: #ffba00;
    color: #2a2b69;  
}

.btn-finish:hover,
.btn-finish:focus,
.btn-finish:active {
    background: #ffba00;
    color: #2a2b69;
    box-shadow: 0px 16px 15px -10px rgba(255, 186, 0, 0.6), 0px -10px 15px -10px rgba(255, 186, 0, 0.6);
}

.btn-white {
    background: #fff;
    color: #2a2b69;  
}

.btn-white:hover,
.btn-white:focus,
.btn-white:active {
    background: #fff;
    color: #2a2b69;
    box-shadow: 0px 16px 15px -10px rgba(255, 255, 255, 0.6), 0px -10px 15px -10px rgba(255, 255, 255, 0.6);
}

/* Links */
.links-container > * {
    display: block !important;
    width: 100%;
}

.links-container > *:not(:last-child) {
    margin: 0 0 5px 0;
}

/* Tables */
.table {
    background: transparent;
    color: #626698;
    font-size: 14px;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
    border: 1px solid #ecf5ff;
}

.table tr {
    background: transparent !important;
    border: none;
}

.table tr:not(:last-of-type),
.table thead tr {
    border-bottom: 1px solid #ecf5ff;
}

.table tr td,
.table tr th {
    background: transparent;
    border: none;
    padding: 8px 20px;
    vertical-align: middle;
}

.table tr td:not(:last-child),
.table tr th:not(:last-child) {
    border-right: 1px solid #ecf5ff;
}

/* Inputs, labels, textareas */
label {
    color: #2a2b69;
    font-size: 14px;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 0;
}

input[type="text"],
input[type="password"],
input[type="email"],
select,
textarea,
textarea.form-control {
    display: block;
    background: #ecf5ff;
    border-radius: 10px;
    border: none;
    padding: 8px 20px;
    height: 42px;
    width: 100%;
    color: #626698;
    font-size: 14px;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
    box-shadow: none;
}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
select:focus,
textarea:focus,
textarea.form-control:focus {
    background: #ecf5ff;
    color: #626698;
    outline: none;
    box-shadow: none;
    border: none;
}

input[type="text"]::placeholder,
input[type="password"]::placeholder,
input[type="email"]::placeholder,
select::placeholder,
textarea::placeholder,
textarea.form-control::placeholder {
    color: #626698;
    font-size: 14px;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
}

.chzn-container {
    color: #626698;
    font-size: 14px;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
    height: auto;
    width: 100% !important;
}


input::placeholder,
textarea::placeholder,
.chzn-container::placeholder,
textarea.form-control::placeholder {
    color: #626698;
    font-size: 14px;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
}

.chzn-container .chzn-single,
.chzn-container .chzn-drop,
.chzn-container .chzn-choices,
.chzn-container.chzn-with-drop .chzn-single {
    display: block;
    background: #fff;
    border-radius: 10px;
    border: 1px solid #ecf5ff;
    padding: 8px 20px;
    height: 42px;
    width: 100%;
    box-shadow: none;
}

.chzn-container .chzn-single span {
    margin-right: 38px;
}

.chzn-container .chzn-single div {
    margin: 0 20px
}

.chzn-container .chzn-single div b {
    background: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: #2a2b69;
}

.chzn-container .chzn-single div b::before {
    content: '\0055';
    display: inline-block;
    font-family: 'survey icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.chzn-container .chzn-drop {
    border-radius: 0 0 10px 10px;
    border-top: 0;
    height: auto;
}

.chzn-container.chzn-with-drop .chzn-single,
.chzn-container-active .chzn-choices {
    border-radius: 10px 10px 0 0;
}

.chzn-container .chzn-drop .chzn-results .active-result {
    color: #626698;
}

.chzn-container .chzn-drop .chzn-results .active-result.highlighted {
    background: #fff;
}

.chzn-container .chzn-drop .chzn-results .no-results {
    color: #626698;
    background: #ecf5ff;
    padding: 5px 10px;
}

.chzn-container-multi .chzn-choices li.search-field input[type="text"],
.chzn-container-active .chzn-choices li.search-field input[type="text"] {
    color: #626698 !important;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
}

.chzn-container-active .chzn-choices {
    border-bottom: none;
}

.chzn-container-multi .chzn-choices li.search-choice {
    background: #ecf5ff;
    background-image: none;
    color: #626698;
    border: none;
    box-shadow: none;
    padding: 5px 20px 5px 5px;
    margin: 1px 5px 3px 0;
}

.chzn-container-multi .chzn-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 6px;
    right: 5px;
    background: none;
    font-size: 12px;
}

.chzn-container-multi .chzn-choices li.search-choice .search-choice-close::before {
    content: '\0041';
    display: inline-block;
    font-family: 'survey icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/* Tabs */
.nav-tabs {
    border: none;
    flex-direction: column;
}

.nav-tabs li a {
    display: flex;
    justify-content: center;
    padding: 15px 25px;
    border-radius: 10px !important;
    border: none;
    color: #2a2b69;
}

.nav-tabs li a.active {
    background: #fff;
    color: #2a2b69;
}

.tab-content {
    padding: 35px 25px;
}

/* Toggle switch */
.toggle-switch {
    display: inline-flex;
    align-items: center;
}

.toggle-switch span {
    margin-right: 10px;
}

.toggle-switch .switch {
    position: relative;
    width: 40px;
    height: 20px;
    background-color: #ffba00;
    border-radius: 20px;
    /* cursor: pointer; */
    margin-bottom: 0;
}

.toggle-switch .checkbox {
    display: none;
}

.toggle-switch .switch::after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background-color: #fff;
    top: 3px;
    left: 3px;
    transition: all 0.2s ease-in-out;
}

.toggle-switch.active .switch::after {
    left : 23px; 
}

.toggle-switch.active .switch {
    background-color: #2a2b69;
}

/* Radio, checkbox */
.checkbox,
.radio,
.checkbox > label,
.radio > label {
    display: flex;
    align-items: center;
    font-family: palanquinregular, Arial, Helvetica, sans-serif;
}

.checkbox input[type="checkbox"],
.radio input[type="radio"] {
    display: none;
}

.checkbox .cr,
.radio .cr {
    position: relative;
    border: 1px solid #2a2b69;
    border-radius: 5px;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    cursor: pointer;
    overflow: hidden;
    flex-shrink: 0;
}

.radio .cr {
    border-radius: 50px;
}

.checkbox .cr .cr-icon,
.radio .cr .cr-icon {
    position: absolute;
}

.checkbox .cr .cr-icon::before {
    color: #ffba00;
    font-size: 18px;
}

.radio .cr .icon-circle {
    height: 16px;
    width: 16px;
    border-radius: 25px;
    background: #ffba00;
}

.checkbox input[type="checkbox"] +.cr > .cr-icon,
.radio input[type="radio"] + .cr > .cr-icon {
    transform: scale(3) rotateZ(-20deg);
    opacity: 0;
    transition: all 0.2s ease-in;
}

.checkbox input[type="checkbox"]:checked + .cr > .cr-icon,
.radio input[type="radio"]:checked + .cr > .cr-icon {
    transform: scale(1) rotateZ(0deg);
    opacity: 1;
}

.checkbox input[type="checkbox"]:disabled + .cr,
.radio input[type="radio"]:disabled + .cr {
    opacity: 0.5;
}

/* Container header */
.container-header {
    padding: 0 20px 15px 20px;
    font-family: palanquinthin, Arial, Helvetica, sans-serif;
}

/* Control group */
.control-group {
    display: flex;
    align-items: center;
}

.control-group .control-label {
    margin-right: 25px;
    width: 20%;
}

.control-group .controls {
    width: 80%;
}

/* Progress bar */
.progress {
    height: 30px;
    width: 100%;
    background: #fff;
    border-radius: 10px;
}

.progress .progress-bar {
    background: #282d67;
}

/* Action hint */
.action-hint {
    font-size: 18px;
    margin-bottom: 20px;
    line-height: 1.2;
}

/* Navigation */
.main-navigation {
    padding: 20px 0;
    background: transparent url("../../../images/design/header_bg_single.png") 0% 100% repeat-x;
    margin-bottom: 40px;
}

.main-navigation .navbar-brand {
    padding: 0;
    margin: 0 auto;
}

.main-navigation .menu li {
    color: #2a2b69;
    font-size: 16px;
    font-family: palanquinmedium, Arial, Helvetica, sans-serif;
    padding: 5px 80px;
    position: relative;
    margin: 15px 0;
}

.main-navigation .menu li.active::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 45px;
    background: rgb(252,180,48);
    background: linear-gradient(90deg, rgba(252,180,48,1) 0%, rgba(250,221,43,1) 100%);
}

.main-navigation .btn-container .nav-item {
    width: 100%;
}

/* Main */
.main {
    background: transparent url("../../../images/design/main_bg.png") 95% 90% no-repeat;
}

.survey .main,
.login .main {
    background: transparent url("../../../images/design/response_bg.jpg") 50% 0% no-repeat;
}

/* User form */
.card.user,
.card.remind,
.card.reset,
.card.registration,
.card.reset-confirm {
    margin-bottom: 60px;
    padding: 55px 130px;
}

.user .page-header,
.remind .page-header,
.reset .page-header,
.registration .page-header,
.reset-confirm .page-header {
    margin-bottom: 60px;
}

.user .page-header h1,
.remind .page-header h1,
.reset .page-header h1,
.registration .page-header h1,
.reset-confirm .page-header h1 {
    font-size: 25px;
    color: #2a2b69;
    margin-bottom: 0;
}

.user .container-header {
    padding: 0;
    margin-bottom: 30px;
}

.user .container-header h2 {
    font-size: 18px;
    margin-bottom: 0;
}

.user .control-group,
.remind .control-group,
.reset .control-group,
.registration .control-group,
.reset-confirm .control-group {
    display: block;
}

.user .control-group:not(:last-of-type),
.remind .control-group:not(:last-of-type),
.reset .control-group:not(:last-of-type),
.registration .control-group:not(:last-of-type),
.reset-confirm .control-group:not(:last-of-type) {
    margin: 0 0 20px 0;
}

.user .control-group .control-label,
.remind .control-group .control-label,
.reset .control-group .control-label,
.registration .control-group .control-label,
.reset-confirm .control-group .control-label {
    margin: 0 0 10px 0;
}

.user .frame {
    padding: 30px 15px;
    border: 1px solid #ecf5ff;
}

.user .btn-container,
.remind .btn-container,
.reset .btn-container,
.registration .btn-container,
.reset-confirm .btn-container {
    margin-top: 30px;
}

.footer,
.main,
.header {
    position: relative;
}

/* Header */
.header {
    z-index: 2;
}

/* Main */
.main {
    margin: -50px 0 -15px 0;
    padding: 50px 0 15px 0;
}

/* Footer */
.footer {
    background: #e7e7e7;
    padding: 65px 0 50px 0;
    z-index: 2;
}

.footer p {
    font-family: palanquinthin, Arial, Helvetica, sans-serif;
}

.footer a {
    color: #2a2b69;
}

.survey .footer,
.login .footer {
    background: transparent url("../../../images/design/footer_bg_single.png") 0% 0% repeat-x;
    color: #fff;
    text-align: center;
    padding: 65px 0 35px 0;
}

.survey .footer a,
.login .footer a {
    color: #fff;
}

/* Card */
.card {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 35px 20px;
}

.card .card-header,
.card .card-body,
.card .card-footer {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

/* Community surveys */
#cj-wrapper .card {
    background: #fff;
    border: none;
    border-radius: 0;
    padding: 35px 20px;
}

#cj-wrapper .card .card-header,
#cj-wrapper .card .card-body,
#cj-wrapper .card .card-footer {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
}

#cj-wrapper .image-container {
    height: 100px;
    width: 100px;
    padding: 15px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px auto;
    flex-shrink: 0;
}

#cj-wrapper .survey-navigation {
    background: transparent;
    border: none;
    border-radius: 0;
    padding: 25px 20px;
    margin-bottom: 35px;
}

/* Categories */
#cj-wrapper.category-list .card-wrapper {
    margin-bottom: 20px;
}

#cj-wrapper.category-list .card {
    height: 100%;
}

#cj-wrapper.category-list .image-container {
    border: 1px solid #f1f1f1;
    margin: 0;
}

#cj-wrapper.category-list .category-name h3 {
    font-size: 18px;
    margin: 0;
}

#cj-wrapper.category-list .subcategory-list {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

#cj-wrapper.category-list .subcategory-item {
    flex: 0 0 50%;
}

/* Survey result */
#cj-wrapper .survey-result .image-container {
    height: 60px;
    width: 60px;
    margin: 0 auto 20px auto;
}

#cj-wrapper .survey-result .image-container .icon {
    font-size: 36px;
}

#cj-wrapper .survey-result h3 {
    margin-bottom: 25px;
}

#cj-wrapper .survey-result p {
    font-size: 16px;
}

#cj-wrapper .survey-result .survey-result-message {
    margin-bottom: 25px;
}

/* Survey search */
#cj-wrapper .survey-search{
    margin-bottom: 20px;
}

#cj-wrapper .survey-search .input-group {
    margin-bottom: 10px;
}

#cj-wrapper .survey-search .input-group .input-group-btn .btn {
    height: 100%;
    border-radius: 0 5px 5px 0;
}

#cj-wrapper .survey-search .input-group .input-group input {
    border-radius: 10px 0 0 10px;
}

/* Pagination */
#cj-wrapper .survey-pagination {
    margin-bottom: 20px;
}

#cj-wrapper .survey-pagination h3 {
    margin-bottom: 20px;
}

#cj-wrapper .survey-pagination .pages {
    margin-top: 10px;
}

/* Surveys list */
#cj-wrapper .surveys-list {
    margin-bottom: 65px;
}

#cj-wrapper .surveys-list .card {
    margin-bottom: 20px;
    padding: 20px;
}

#cj-wrapper .surveys-list .create-survey {
    background: #282d67;
}

#cj-wrapper .surveys-list .create-survey span,
#cj-wrapper .surveys-list .create-survey strong,
#cj-wrapper .surveys-list .create-survey h4 a {
    color: #dfdfdf !important;
}

#cj-wrapper .surveys-list .create-survey h4 a .icon {
    color: #ffba00;
    margin-left: 5px;
}

#cj-wrapper .surveys-list .card .card-header {
    margin-bottom: 15px;
}

#cj-wrapper .surveys-list .card .card-body > * {
    margin-bottom: 20px;
}

#cj-wrapper .surveys-list .card .card-footer{
    border-top: 1px solid #eeeeee;
    padding-top: 15px;
}

#cj-wrapper .surveys-list .card .card-header .category-id {
    display: none;
}

#cj-wrapper .surveys-list .card span,
#cj-wrapper .surveys-list strong {
    color: #383838;
}

#cj-wrapper .surveys-list .card .category-name span {
    color: #b1b1b1;
}

#cj-wrapper .surveys-list .card .image-container {
    height: 85px;
    width: 85px;
    border: 1px solid #f1f1f1;
    padding: 10px;
    margin: 0;
}

#cj-wrapper .surveys-list .create-survey .image-container {
    border: 1px solid #fff;
}

#cj-wrapper .surveys-list .create-survey .image-container .icon::before {
    font-size: 20px;
}

#cj-wrapper .surveys-list .card h4 a,
#cj-wrapper .surveys-list .card h4,
#cj-wrapper.category-list .category .category-name h4 {
    font-size: 18px;
    color: #2a2b69;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
}

#cj-wrapper .surveys-list .card h4 {
    color: #383838;
}

#cj-wrapper .surveys-list .card .survey-state {
    margin-bottom: 5px;
}

#cj-wrapper .surveys-list .card .survey-start span,
#cj-wrapper .surveys-list .card .survey-end span {
    display: block;
    line-height: 1.2;
}

#cj-wrapper .surveys-list .card .survey-responses span,
#cj-wrapper .surveys-list .card .survey-responses strong {
    display: block;
    line-height: 1.2;
}

#cj-wrapper .surveys-list .card .survey-responses strong {
    color: #ffba00;
    font-size: 22px;
}

#cj-wrapper .surveys-list .card .survey-actions {
    display: inline-flex;
    align-items: center;
}

#cj-wrapper .surveys-list .card .survey-actions .action .icon {
    color: #c2c2c2;
    font-size: 20px;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .surveys-list .card .survey-actions .action .icon.icon-edit-survey {
    font-size: 24px;
}

#cj-wrapper .surveys-list .create-survey .survey-actions .action .icon {
    color: #dfdfdf;
}

#cj-wrapper .surveys-list .card .survey-actions .action:not(:last-of-type) {
    margin-right: 10px
}

#cj-wrapper .surveys-list .card .survey-actions .action:hover,
#cj-wrapper .surveys-list .card .survey-actions .action:active,
#cj-wrapper .surveys-list .card .survey-actions .action:focus {
    text-decoration: none;
}

#cj-wrapper .surveys-list .card .survey-actions .action:hover .icon,
#cj-wrapper .surveys-list .card .survey-actions .action:active .icon,
#cj-wrapper .surveys-list .card .survey-actions .action:focus .icon {
    color: #ffba00;
    transition: all 0.2s ease-in-out;
}

/* Response */
#cj-wrapper .questions .card {
    margin-bottom: 35px;
}

#cj-wrapper .question-item .question-header .question-number,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-number {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

#cj-wrapper .question-item .question-header .question-number .number,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-number .number {
    background: #fff;
    font-size: 24px;
    font-family: palanquinbold, Arial, Helvetica, sans-serif;
    z-index: 1;
    padding: 0 20px;
}

#cj-wrapper .question-item .question-header .question-number::before,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-number::before {
    content: '';
    position: absolute;
    height: 1px;
    width: 100%;
    background: #2a2b69;
    z-index: 0;
}

#cj-wrapper .question-item .question-header .question-number,
#cj-wrapper .question-item .question-header .question-title,
#cj-wrapper .question-item .question-header .question-description,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-number,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-title {
    margin-bottom: 20px;
}

#cj-wrapper .question-item .question-header .question-title h3,
#cj-wrapper .edit-survey-questions .questions-edit .question-header .question-title h3 {
    margin-bottom: 0;
}

#cj-wrapper .question-item .question-header .question-description p {
    font-size: 16px;
}

#cj-wrapper .question-item .question-header .question-description p:last-of-type {
    margin-bottom: 0;
}

/* Questions */
#cj-wrapper .question-item .answer {
    margin: 0;
    text-align: left;
}

#cj-wrapper .qtype-textbox .answer input,
    #cj-wrapper .qtype-textarea .answer textarea,
    #cj-wrapper .qtype-email .answer input,
    #cj-wrapper .qtype-calendar .answer .datetime,
    #cj-wrapper .qtype-fileupload .answer input {
        flex-grow: 1;
    }

#cj-wrapper .question-item .answers {
    font-size: 16px;
}

#cj-wrapper .question-item .card-header {
    margin-bottom: 20px;
}

#cj-wrapper .question-item .card-footer {
    margin-top: 40px;
}

/* Radio, checkbox */
#cj-wrapper .question-item .answer .form-check-label {
    font-size: 16px;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
}

#cj-wrapper .question-item .flex-column .answer {
    text-align: left;
}

#cj-wrapper .question-item .flex-column > div:not(:last-of-type) {
    margin-bottom: 20px;
}

#cj-wrapper .question-item .row > div:not(:last-of-type) {
    margin-bottom: 20px;
}

#cj-wrapper .question-item .grid-row > div:not(:last-of-type) {
    margin-bottom: 0;
}

#cj-wrapper .question-item .flex-column .answer .form-check-label input {
    display: inline-flex;
    margin: 0 10px 0 0;
}

#cj-wrapper .question-item .answer .form-check-label input {
    height: 36px !important;
    width: 36px !important;
    border: 2px solid #282d67;
    margin: 0 10px 0 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    vertical-align: middle;
    cursor: pointer;
}

#cj-wrapper .question-item .grid-row .answer .form-check-label input {
    margin: 0 10px 0 0;
    display: inline-flex;
    background: transparent;
}

#cj-wrapper .question-item .answer .form-check-label input[type="radio"] {
    border-radius: 50%;
}

#cj-wrapper .question-item .answer .form-check-label input[type="checkbox"] {
    border-radius: 5px
}

#cj-wrapper .question-item .answer .form-check-label input:focus {
    outline: none;
    box-shadow: none;
}

#cj-wrapper .question-item .answer .form-check-label input:checked {
    background: transparent;
}

#cj-wrapper .question-item .answer .form-check-label input[type="radio"]::before {
    transition: none;
}


#cj-wrapper .question-item .answer .form-check-label input[type="radio"]:checked::before {
    height: 18px;
    width: 18px;
    background: #f4b200;
    margin: 0;
    transition: none;
}

#cj-wrapper .question-item .answer .form-check-label input[type="checkbox"]::after {
    transition: none;
}

#cj-wrapper .question-item .answer .form-check-label input[type="checkbox"]:checked::after {
    content: '\f00c';
    color: #f4b200;
    font-family: FontAwesome;
    font-size: 18px;
    line-height: 1;
    height: 18px;
    width: 18px;
    border: none;
    margin: 0;
    transition: none;
    transform: none;
    top: unset;
    left: unset;
}

/* Custom answer */
#cj-wrapper .question-item input,
#cj-wrapper .question-item textarea,
#cj-wrapper .question-item input::placeholder,
#cj-wrapper .question-item textarea::placeholder {
    font-size: 16px;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
    color: #282d67;
}

/* Radio, checkbox grid */
#cj-wrapper .question-item .grid {
    background: #ecf5ff;
    border-radius: 10px;
    padding: 0 15px;
}

#cj-wrapper .question-item .grid .grid-row:not(:last-of-type) {
    border-bottom: 2px solid #fff;
}

#cj-wrapper .question-item .grid .grid-row > div {
    padding-top: 15px;
    padding-bottom: 15px;
}

#cj-wrapper .question-item .grid .grid-row input {
    padding: 0;
    height: 28px;
    border-radius: 0;
    background: transparent;
}

#cj-wrapper .question-item .grid .grid-row span {
    vertical-align: middle;
}

/* Select */
#cj-wrapper .question-item .chzn-container {
    font-size: 16px;
}

/* Nps */
#cj-wrapper .question-item .nps > .row:not(:last-of-type) {
    margin-bottom: 20px;
}

/* Ranking */
#cj-wrapper .question-item .ranking-options {
    display: flex;
    flex-direction: column;
    align-items: center;
}

#cj-wrapper .question-item .ranking-options .ranking-option {
    display: block;
    color: #2a2b69;
    background: #ecf5ff;
    border-radius: 10px;
    height: auto;
    width: 100%;
    padding: 10px 20px;
}

#cj-wrapper .question-item .ranking-options .ranking-option.ui-sortable-helper {
    color: #fff;
    background: #282d67;
    box-shadow: 0px 16px 15px -10px rgba(40, 45, 103, 0.6), 0px -10px 15px -10px rgba(40, 45, 103, 0.6);
    opacity: 0.8;
}

#cj-wrapper .question-item .ranking-options .ranking-placeholder {
    display: block;
    border-radius: 10px;
    border: 2px dashed #ecf5ff;
    height: auto;
    width: 100%;
    padding: 10px 20px;
    margin-bottom: 15px;
}

#cj-wrapper .question-item .ranking-options .ranking-option:not(:last-of-type) {
    margin-bottom: 15px;
}

/* Slider */
#cj-wrapper .question-item .cj-sliders .irs-line {
    background: #ecf5ff;
    border: none;
    border-radius: 3px;
}

#cj-wrapper .question-item .cj-sliders .irs-bar--single {
    background: #282d67;
    border: none;
    border-radius: 3px;
    box-shadow: none;
}

#cj-wrapper .question-item .cj-sliders .irs-handle {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 36px;
    width: 36px;
    background: #282d67;
    box-shadow: none;
    border: none;
    border-radius: 50%;
    margin-left: -1px;
    top: 13px;
    font-family: 'survey icons';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

#cj-wrapper .question-item .cj-sliders .irs-handle > i {
    display: none;
}

#cj-wrapper .question-item .cj-sliders .irs-handle::after,
#cj-wrapper .question-item .cj-sliders .irs-handle::before {
    color: #ffba00;
}

#cj-wrapper .question-item .cj-sliders .irs-handle::after {
    content: '\0046';
    margin-left: 1px;
}

#cj-wrapper .question-item .cj-sliders .irs-handle::before {
    content: '\0047';
    margin-right: 1px;
}

#cj-wrapper .question-item .cj-sliders .irs-grid {
    display: none;
}

#cj-wrapper .question-item .cj-sliders .irs-max,
#cj-wrapper .question-item .cj-sliders .irs-single,
#cj-wrapper .question-item .cj-sliders .irs-min {
    background: transparent;
    border: none;
    border-radius: 0;
    color: #282d67;
    font-size: 16px;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
    top: -10px;
}

/* Multirating */
#cj-wrapper .question-item .br-wrapper .br-widget {
    height: auto;
}

#cj-wrapper .question-item .br-wrapper .br-widget a {
    font-size: 28px;
}

#cj-wrapper .question-item .br-wrapper .br-widget a::after {
    color: rgba(255, 186, 0, 0.3);
}

#cj-wrapper .question-item .br-wrapper .br-widget .br-selected::after {
    color: #ffba00;
}

/* Image */
#cj-wrapper .question-item .image-container {
    border-radius: 0;
    height: 180px;
    width: 180px;
}

#cj-wrapper .question-item .flex-column .image-container {
    margin: 0 auto 15px 0;
}

/* Textarea */
#cj-wrapper .question-item textarea {
    height: auto;
}

/* File upload */
#cj-wrapper .qtype-fileupload .icon-label {
    border-radius: 0;
    height: 40px;
    width: 40px;
    background: transparent;
}

#cj-wrapper .qtype-fileupload .icon-label .icon {
    color: #282d67;
    font-size: 28px;
}

#cj-wrapper .question-item .bootstrap-filestyle input {
    background: #ecf5ff;
    border-radius: 10px 0 0 10px !important;
}

#cj-wrapper .question-item .bootstrap-filestyle .btn {
    height: 42px;
    border-radius: 0 5px 5px 0;
}

#cj-wrapper .question-item .bootstrap-filestyle .btn:hover,
#cj-wrapper .question-item .bootstrap-filestyle .btn:active,
#cj-wrapper .question-item .bootstrap-filestyle .btn:focus {
    background: #282d67;
}

/* Calendar */
#cj-wrapper .qtype-calendar .icon-label {
    border-radius: 0;
    height: 40px;
    width: 40px;
    background: transparent;
}

#cj-wrapper .qtype-calendar .icon-label .icon {
    color: #282d67;
    font-size: 28px;
}

/* Siganture */
#cj-wrapper .question-item .signature-pad {
    border: 1px solid #282d67;
    margin: 0 auto 20px auto;
    display: block;
}

#cj-wrapper .qtype-textbox .answer,
#cj-wrapper .qtype-textarea .answer,
#cj-wrapper .qtype-email .answer,
#cj-wrapper .qtype-calendar .answer,
#cj-wrapper .qtype-fileupload .answer {
    text-align: center;
}

/* Edit survey questions */
#cj-wrapper .edit-survey-details {
    background: #141957;
}

#cj-wrapper .edit-survey-details .links-container > * {
    margin: 0 0 15px 0;
}

#cj-wrapper .edit-survey-details .card {
    background: transparent;
}

#cj-wrapper .edit-survey-questions {
    margin-bottom: 20px;
}

#cj-wrapper .edit-survey-questions .card {
    padding: 20px;
}

#cj-wrapper .edit-survey-questions .card::after {
    content: '';
    height: 40px;
    width: 20px;
    position: absolute;
    top: 15px;
    right: -20px;
}

#cj-wrapper .edit-survey-questions .action-hint {
    min-height: 42px;
}

#cj-wrapper .edit-survey-questions .questions-types,
#cj-wrapper .edit-survey-questions .survey-structure,
#cj-wrapper .edit-survey-questions .questions-edit {
    height: 100%;
    max-height: 600px;
}

#cj-wrapper .edit-survey-questions .questions-types {
    background: #ffba00;
}

#cj-wrapper .edit-survey-questions .survey-structure {
    background: #141957;
}

#cj-wrapper .edit-survey-questions .survey-structure .btn {
    width: 100%;
}

#cj-wrapper .edit-survey-questions .survey-structure .action-hint {
    color: #fff;
}

#cj-wrapper .edit-survey-questions .questions-edit {
    background: #fff;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type {
    margin-bottom: 15px;
    display: flex;
    flex-direction: column;
    text-decoration: none;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type.ui-draggable-dragging {
    background: #fff;
    border-radius: 10px;
    padding: 10px;
    flex-direction: row;
    align-items: center;
    width: 160px;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type.ui-draggable-dragging .image-container {
    height: 40px;
    width: 40px;
    margin-bottom: 0;
    margin-right: 10px;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type.ui-draggable-dragging .question-title {
    text-align: left !important;
    flex-grow: 1;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type .image-container {
    background: #ffe6a2;
    height: 70px;
    width: 70px;
    margin-bottom: 5px;
    padding: 5px;
}

#cj-wrapper .edit-survey-questions .questions-types .question-type .question-title {
    line-height: 1.2;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
}

#cj-wrapper .edit-survey-questions .survey-structure .select-page-container {
    margin-bottom: 15px;
}


#cj-wrapper .edit-survey-questions .survey-structure .btn {
    background: #222769;
}

#cj-wrapper .edit-survey-questions .survey-structure .btn:hover,
#cj-wrapper .edit-survey-questions .survey-structure .btn:active,
#cj-wrapper .edit-survey-questions .survey-structure .btn:focus {
    background: #222769;
}

#cj-wrapper .edit-survey-questions .survey-structure .btn .icon {
    margin-left: 8px;
    color: #ffba00;
}

#cj-wrapper .edit-survey-questions .survey-structure .btn-edit-page-title {
    border: 2px dashed #626698;
}

#cj-wrapper .edit-survey-questions .survey-structure .btn-add-new-page {
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
}

#cj-wrapper .edit-survey-questions .survey-structure .page {
    margin: 15px 0 35px 0;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .page-title {
    display: flex;
    justify-content: flex-end;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .page-title span {
    display: inline-block;
    background: #2a2f72;
    border-radius: 10px 10px 0 0;
    padding: 5px 15px;
    color: #fff;
    min-width: 40%;
    max-width: 80%;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
    line-height: 1.2;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list {
    background: #2a2f72;
    border-radius: 10px 0 10px 10px;
    padding: 33px 15px 25px 15px;
    position: relative;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .sort-placeholder {
    margin-bottom: 30px;
    background: #222769;
    border: 2px dashed #626698;
    border-radius: 10px;
    padding: 20px 10px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete {
    height: 30px;
    width: 30px;
    background: #2a2f72;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete-page {
    position: absolute;
    top: -15px;
    left: 20px;
    background: #141957;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete .icon {
    color: #626698;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete:hover .icon,
#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete:active .icon,
#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .delete:focus .icon {
    color: #fff;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question-placeholder {
    border: 2px dashed #626698;
    border-radius: 10px;
    background: #222769;
    padding: 20px;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question-placeholder.ui-droppable-hover {
    border: 2px dashed #fff;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question-placeholder span {
    color: #fff;
    font-size: 18px;
    line-height: 1.2;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question-placeholder.ui-droppable-hover span {
    opacity: 0.2;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 20px 10px;
    background: #fff;
    border-radius: 10px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question {
    margin-bottom: 33px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .question-number {
    position: absolute;
    top: -23px;
    left: auto;
    right: auto;
    height: 46px;
    width: 46px;
    background: #fff;
    color: #141957;
    border-radius: 50%;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    font-size: 16px;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
    padding-top: 3px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .image-container,
#cj-wrapper .edit-survey-questions .settings-list .question-header .image-container {
    height: 40px;
    width: 40px;
    background: #ffe6a2;
    margin-bottom: 0;
    margin-right: 10px;
}

#cj-wrapper .edit-survey-questions .settings-list .question-header .image-container {
    margin: 0 auto 20px auto;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .delete-question {
    position: absolute;
    top: 8px;
    bottom: auto;
    right: -15px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .btn-copy-question {
    position: absolute;
    top: auto;
    bottom: 8px;
    right: -15px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .btn-copy-question {
    height: 30px;
    width: 30px;
    background: #2a2f72;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .btn-copy-question .icon {
    color: #626698;
    font-size: 16px;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .btn-copy-question:hover .icon,
#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .btn-copy-question:active .icon,
#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .btn-copy-question:focus .icon {
    color: #fff;
    transition: all 0.2s ease-in-out;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question .question-title {
    color: #2a2f72;
    font-family: palanquin_darkregular, Arial, Helvetica, sans-serif;
    line-height: 1.2;
    flex-grow: 1;
    padding-right: 15px;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question:hover {
    background: #ffba00;
}

#cj-wrapper .edit-survey-questions .survey-structure .page .questions-list .question:hover .question-number {
    background: #ffba00;
}

#cj-wrapper .edit-survey-questions .settings-list .question-header {
    margin-bottom: 35px;
}

#cj-wrapper .edit-survey-questions .settings-list .question-tabs {
    margin-top: 35px;
}

#cj-wrapper .edit-survey-questions .settings-list .question-tabs .nav-tabs .nav-item .nav-link {
    border: none;
    color: #2a2b69;
}

#cj-wrapper .edit-survey-questions .settings-list .question-tabs .nav-tabs .nav-item .active {
    color: #fff;
    background: #2a2b69;
}

#cj-wrapper .edit-survey-questions .settings-list .tab-content

#cj-wrapper .edit-survey-questions .settings-list .question-header {
    margin-bottom: 20px;
}

#cj-wrapper .edit-survey-questions .settings-list .tab-pane .form-group {
    display: flex;
    align-items: center;
}

#cj-wrapper .edit-survey-questions .settings-list .tab-pane .form-group label {
    margin-right: 15px;
}

#cj-wrapper .edit-survey-questions .checkboxes,
#cj-wrapper .edit-survey-questions .answers,
#cj-wrapper .edit-survey-questions .rule-conditions,
#cj-wrapper .edit-survey-questions .form-group:not(:last-of-type) {
    margin-bottom: 20px;
}

#cj-wrapper .edit-survey-questions .question-params .control-label {
    margin-bottom: 10px;
}

#cj-wrapper .edit-survey-questions .page-header {
    font-size: 16px;
    margin-bottom: 20px;
}

#cj-wrapper .edit-survey-questions .page-header:not(:first-of-type) {
    margin-top: 20px;
}

#cj-wrapper .edit-survey-questions .controls p {
    margin: 0;
}

#cj-wrapper .edit-survey-questions .control-group,
#cj-wrapper .edit-survey-questions .form-group {
    margin-bottom: 0;
}

#cj-wrapper .edit-survey-questions .rule-criteria {
    margin-top: 15px;
}

#cj-wrapper .edit-survey-questions .controls p:not(:last-of-type),
#cj-wrapper .edit-survey-questions .rule-answer,
#cj-wrapper .edit-survey-questions .rule-column,
#cj-wrapper .edit-survey-questions .rule-rating {
    margin-bottom: 15px;
}

/* Edit survey */
#cj-wrapper .edit-survey #jform_survey_key {
    background: #e9e9e9;
    color: #000;
}

#cj-wrapper .edit-survey .tab-pane .control-group {
    margin-bottom: 0;
}

#cj-wrapper .edit-survey .tab-pane .control-group:not(:last-of-type) {
    margin-bottom: 30px;
}

#cj-wrapper .edit-survey .checkboxes label:not(:last-of-type),
#cj-wrapper .edit-survey-questions .checkboxes .checkbox:not(:last-of-type),
#cj-wrapper .edit-survey-questions .rule-conditions .form-check:not(:last-of-type) {
    margin-bottom: 15px;
}

#cj-wrapper .edit-survey .field-calendar .input-append {
    display: flex;
}

#cj-wrapper .edit-survey .field-calendar .input-append input {
    border-radius: 10px 0 0 10px ;
}

#cj-wrapper .edit-survey .field-calendar .input-append .btn {
    border-radius: 0 5px 5px 0
}

/* Survey report */
#cj-wrapper .survey-report {
    margin-bottom: 60px;
}

#cj-wrapper .survey-report .report-table {
    padding: 25px 0;
}

#cj-wrapper .survey-report .table {
    border: none;
    background: transparent;
    font-size: 16px;
    color: #2a2b69;
    font-family: palanquinlight, Arial, Helvetica, sans-serif;
    margin-bottom: 0;
}

#cj-wrapper .survey-report .table tr td,
#cj-wrapper .survey-report .table tr th {
    padding: 15px 25px;
}

#cj-wrapper .survey-report .table thead tr {
    border-bottom: 1px solid #f4b200;
}

#cj-wrapper .survey-report .table thead tr th {
    font-family: palanquinbold, Arial, Helvetica, sans-serif;
}

#cj-wrapper .survey-report .table tr td:not(:last-of-type),
#cj-wrapper .survey-report .table tr th:not(:last-of-type) {
    border-right: 1px solid #f4b200;
}

#cj-wrapper .survey-report .table tr:not(:last-of-type),
#cj-wrapper .survey-report .table tr:not(:last-of-type) {
    border-bottom: 1px solid #f4b200;
}

#cj-wrapper .survey-report .survey-category {
    background: #2a2f72;
}

#cj-wrapper .survey-report .survey-details {
    
}

#cj-wrapper .survey-report .survey-analytics {
    background: #ffba00;
}

#cj-wrapper .question-analytics {
    background: #ffba00;
}

#cj-wrapper .question-analytics:not(:last-of-type) {
    margin-bottom: 20px;
}

#cj-wrapper .edit-survey .tab-content {
    background: rgba(255, 255, 255, 0.9);
}

#cj-wrapper .survey-report .survey-category span {
    color: #fff;
}

#cj-wrapper .survey-report .survey-details .image-container {
    height: 90px;
    width: 90px;
    margin: 0;
    padding: 0px;
    border-radius: 0;
}

#cj-wrapper .survey-report .survey-details strong {
    font-size: 18px;
    line-height: 1.2;
}

#cj-wrapper .survey-report .surveys-from-category {
    padding: 0 8px 35px 8px;
}

#cj-wrapper .survey-report .surveys-from-category .survey {
    padding: 20px 15px;
    background: #eef6fe;
    border-radius: 10px;
}

#cj-wrapper .survey-report .surveys-from-category .survey:hover {
    background: #282d67;
}

#cj-wrapper .survey-report .surveys-from-category .survey .image-container {
    height: 50px;
    width: 50px;
    border: 5px solid #eef6fe;
    padding: 5px;
    margin: 0 0 0 auto;
}

#cj-wrapper .survey-report .surveys-from-category .survey a {
    line-height: 1.2;
}

#cj-wrapper .survey-report .surveys-from-category .survey:hover a {
    color: #fff;
}

#cj-wrapper .survey-report .card-header {
    margin-bottom: 25px;
}

#cj-wrapper .survey-report .card-header .title {
    padding-bottom: 25px;
    border-bottom: 1px solid #ffc600;
}

#cj-wrapper .survey-report .card-header .title h2,
#cj-wrapper .survey-report .card-header .title h3  {
    margin-bottom: 0;
}

#cj-wrapper .survey-report .dashboard .survey-durations {
    padding: 25px 0;
}

#cj-wrapper .survey-report .dashboard .survey-durations .survey-start,
#cj-wrapper .survey-report .dashboard .survey-durations .survey-end,
#cj-wrapper .survey-report .dashboard .survey-durations .survey-duration {
    margin-bottom: 20px;
}

#cj-wrapper .survey-report .dashboard .dashboard-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-summary,
#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data,
#cj-wrapper .survey-report .consolidated-report .question-analytics .question-graphs {
    padding: 25px 20px;
    background: #ffc600;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .dataset {
    display: flex;
    align-items: center;
    padding: 20px 0;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .dataset .label,
#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .dataset .value {
    font-size: 16px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .dataset:not(:last-of-type) {
    border-bottom: 1px solid #f4b200;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .dataset > *:not(:last-of-type) {
    margin-right: 35px;
}


#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .graph-color {
    height: 30px;
    width: 30px;
    border-radius: 10px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-graphs .graph:not(:last-of-type) {
    margin-bottom: 20px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-graphs .graph .graph-title {
    margin-bottom: 10px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-graphs .graph .label {
    font-size: 16px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-graphs .graph .progress,
#cj-wrapper .survey-report .consolidated-report .question-analytics .question-data .table .progress {
    background: #ffba00;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-summary strong {
    font-size: 18px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .question-summary .text-green {
    font-size: 32px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-promoter,
#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-detractor,
#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-passive {
    margin-bottom: 20px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .image-container {
    height: 160px;
    width: 160px;
    background: transparent;
    padding: 0;
    border-radius: 0;
    margin: 0 auto;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-score {
    font-size: 60px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .label,
#cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .value {
    font-size: 18px;
    display: block;
    line-height: 1.2;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .br-wrapper .br-widget a {
    font-size: 28px;
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .br-wrapper .br-widget a::after {
    color: rgba(40, 45, 103, 0.3);
}

#cj-wrapper .survey-report .consolidated-report .question-analytics .br-wrapper .br-widget a.br-selected::after,
#cj-wrapper .survey-report .consolidated-report .question-analytics .br-wrapper .br-widget a.br-fractional::after {
    color: #282d67;
}

#cj-wrapper .survey-report .dashboard .survey-durations .label,
#cj-wrapper .survey-report .dashboard .survey-durations .value {
    display: block;
    line-height: 1.2;
}

#cj-wrapper .survey-report .dashboard .survey-durations .value {
    font-size: 18px;
}

#cj-wrapper .survey-report .dashboard .survey-durations .survey-end .value {
    color: #fff;
}

#cj-wrapper .survey-report .dashboard .survey-durations .survey-status {
    background: #fff;
    border-radius: 15px;
    padding: 5px 15px;
}

#cj-wrapper .survey-report .dashboard .survey-results {
    background: #ffc600;
    padding: 45px 0;
}

#cj-wrapper .survey-report .dashboard .survey-results .label {
    font-size: 18px;
    display: block;
    line-height: 1.2;
}

#cj-wrapper .survey-report .dashboard .survey-results .value {
    font-size: 80px;
    line-height: 0.8;
}

#cj-wrapper .survey-report .dashboard .survey-results .percent {
    font-size: 42px;
    line-height: 1.2;
}

/* Survey intro */
#cj-wrapper .survey-intro .card {
    background: transparent;
}

#cj-wrapper .survey-intro h3 {
    margin-bottom: 25px;
}

#cj-wrapper .survey-intro p {
    font-size: 16px;
    margin-bottom: 25px;
}

#cj-wrapper .survey-intro .image-container {
    height: 136px;
    width: 136px;
    padding: 20px;
    margin-bottom: 25px;
}

#cj-wrapper .users-selector .user-selector-box {
    width: 100% !important;
}

#cj-wrapper .users-selector .us-buttons .btn {
    width: 100%;
}

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

#cj-wrapper .my-surveys-table [class^="icon-"], 
#cj-wrapper .my-surveys-table [class*=" icon-"] {
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: .25em;
    line-height: 14px;
}

#cj-wrapper .my-surveys-table [class^="icon-"]:before,
#cj-wrapper .my-surveys-table [class*=" icon-"]:before {
    font-family: 'IcoMoon';
    font-style: normal;
    speak: none;
}

#cj-wrapper .my-surveys-table .icon-trash:before {
    content: "\4c";
}

#cj-wrapper .my-surveys-table .icon-publish:before {
    content: "\47";
}

#cj-wrapper .my-surveys-table .icon-unpublish:before {
    content: "\4a";
}

#cj-wrapper .my-surveys-table .icon-archive:before {
    content: "\50";
}

#cj-wrapper .my-surveys-table .icon-checkedout:before {
    content: "\23";
}

#cj-wrapper .my-surveys-table {
    color: #282d67;
    background-color: #ffffff;
}

#cj-wrapper .my-surveys-table th {
    padding: 25px;
}

#cj-wrapper .my-surveys-table td {
    padding: 15px 25px;
}

#cj-wrapper .my-surveys-table tr.trashed td .btn.btn-micro {
    background-color: #ee1e40;
}

#cj-wrapper .my-surveys-table .element-invisible {
    display: none;
}

#cj-wrapper .my-surveys-table .btn.btn-micro {
    font-size: 12px;
    padding: 5px 10px;
}

#cj-wrapper .my-surveys-table .dropdown-menu li {
    padding: 2px 15px;
}

#cj-wrapper .my-surveys-table .dropdown-menu li a {
    font-size: 14px;
}

/* Media queries */
@media (min-width: 992px) {
    .center {
        max-width: 1500px;
    }

    #cj-wrapper .question-item .question-header .question-number::before,
    #cj-wrapper .edit-survey-questions .questions-edit .question-header .question-number::before {
        max-width: 300px;
    }

    #cj-wrapper .question-item .card-body,
    #cj-wrapper .question-item .card-footer {
        padding: 0 15%;
    }
}

@media (min-width: 768px) {
    .btn {
        display: inline-block;
        width: auto;
        margin: 0;
    }

    .btn-container > *:not(:last-child) {
        margin: 0 35px 0 0;
    }

    .icon-label {
        margin: 0 20px 0 0;
    }
    
    .icon-label::after {
        border-bottom: 10px solid transparent;
        border-top: 10px solid transparent;
        border-right: 10px solid #ecf5ff;
        bottom: unset;
        right: -20px;
    }

    .nav-tabs {
        flex-direction: row;
    }

    .nav-tabs li a {
        border-radius: 10px 10px 0 0 !important;
    }
    
    #cj-wrapper .qtype-image_radio .answers .answer,
    #cj-wrapper .qtype-image_checkbox .answers .answer,
    #cj-wrapper .qtype-radio .answers .answer,
    #cj-wrapper .qtype-checkbox .answers .answer {
        margin-bottom: 35px;
    }

    #cj-wrapper .survey-report .dashboard .survey-durations .survey-start,
    #cj-wrapper .survey-report .dashboard .survey-durations .survey-end,
    #cj-wrapper .survey-report .dashboard .survey-durations .survey-duration {
        margin-bottom: 0;
    }

    #cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-promoter,
    #cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-detractor,
    #cj-wrapper .survey-report .consolidated-report .question-analytics .nps-data .nps-passive {
        margin-bottom: 0;
    }

    #cj-wrapper .survey-report .dashboard .dashboard-header .action-hint {
        margin-bottom: 0;
    }

    #cj-wrapper .survey-report .dashboard .dashboard-header {
        flex-direction: row;
    }

    #cj-wrapper .qtype-textbox .answer,
    #cj-wrapper .qtype-textarea .answer,
    #cj-wrapper .qtype-email .answer,
    #cj-wrapper .qtype-calendar .answer,
    #cj-wrapper .qtype-fileupload .answer {
        display: flex;
        align-items: center;
    }

    #cj-wrapper .question-item .answer .form-check-label input {
        margin: 0 auto 10px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #cj-wrapper .question-item .answer {
        text-align: unset;
    }

    #cj-wrapper .question-item .row > div:not(:last-of-type) {
        margin-bottom: 0;
    }

    #cj-wrapper .question-item .flex-column > div:not(:last-of-type) {
        margin-bottom: 20px;
    }

    #cj-wrapper .question-item .grid-row .answer .form-check-label input {
        margin: 0 auto;
    }

    #cj-wrapper .question-item .ranking-options .ranking-option {
        width: 300px;
    }

    #cj-wrapper .question-item .ranking-options .ranking-placeholder {
        width: 300px;
    }

    #cj-wrapper .question-item .grid .grid-row > div:not(:last-of-type) {
        border-right: 2px solid #fff;
    }

    #cj-wrapper .edit-survey-questions .questions-types::after {
        border-top: 20px solid transparent;
        border-left: 20px solid #ffba00;
        border-bottom: 20px solid transparent;
    }
    
    #cj-wrapper .edit-survey-questions .survey-structure::after {
        border-top: 20px solid transparent;
        border-left: 20px solid #141957;
        border-bottom: 20px solid transparent;
    }

    .main-navigation .btn-container .nav-item {
        width: auto;
    }

    .main-navigation .menu li,
    .main-navigation .menu {
        margin: 0;
    }

    .main-navigation .navbar-brand {
        margin: unset;
    }

    .main-navigation .menu li {
        border-left: 1px solid #f1f1f1;
    }
    
    .main-navigation .menu li:last-of-type {
        border-right: 1px solid #f1f1f1;
    }
}