@import url('//fonts.googleapis.com/css?family=Russo+One');

.header .logo{
    margin-top:30px;
}

.header.sticky .signup {
    color:#000 !important;
}
.header.sticky .signup:hover {
    color:#FFF !important;
}

.header .navigation {
    width:730px;
}

.header .tools {
    width: 250px;
}

.header .tools .signup {
    color:#000 !important;
}
.header.transparent .tools .signup {
    color:#FFF !important;
}
.header .tools .signup:hover {
    color:#FFF !important;
}
.header.transparent .tools .signup:hover {
    color:#000 !important;
}

.hero-static h1 {
    font-size:3em;
    font-family: 'Russo One', sans-serif;
}

.hero-static .btn {
    margin-top:20px !important;
    text-transform: none;
}

@media (max-width: 768px){
    .hero-static h1 {
        font-size:2em;
    }
}

.hero-static {
    background:url(../images/hero.png) no-repeat center top;
    background-size:cover;
}

#features-list .item i {
    font-size:3em;
    display:inline-block;
    position:absolute;
    top:5px;
}

#features-list .item h3,
#features-list .item p{
    margin-left:70px;
}

@media (max-width: 425px){
    #features-list .item i {
        font-size: 2em;
    }
    #features-list .item h3,
    #features-list .item p{
        margin-left:50px;
    }
}

#features-list .item h3{
    line-height:1.2em;
    margin-bottom:10px;
    font-family: 'Russo One', sans-serif;
}

#features-list .item p{
    font-size:1em !important;
    line-height:1.4em;
}

#features-list .row:nth-child(1) .item:nth-child(1) i { color: #1abc9c; }
#features-list .row:nth-child(1) .item:nth-child(2) i { color: #3498db; }
#features-list .row:nth-child(1) .item:nth-child(3) i { color: #9b59b6; }
#features-list .row:nth-child(2) .item:nth-child(1) i { color: #f1c40f; }
#features-list .row:nth-child(2) .item:nth-child(2) i { color: #e74c3c; }
#features-list .row:nth-child(2) .item:nth-child(3) i { color: #2ecc71; }

#examples-list h3{
    font-family: 'Russo One', sans-serif;
    margin-top:15px;
}

.screenshot_link{
    display:block;
    text-align:center;
}
.screenshot_link img{
    display:inline-block;
}

.fp-banner {
    background-size: cover;
}

.fp-banner .item img {
    position:absolute;
}

.fp-banner .item ul,
.fp-banner .item h3 {
    margin-left:150px;
}

.fp-banner .item h3 {
    font-size: 2em;
    margin-bottom: 10px;
    margin-top: 10px;
    font-family: 'Russo One';
}

.fp-banner .item ul,
.fp-banner .item ul li {
    padding:0;
    margin:0;
    color:#C7CBD4;
    list-style:none;
    font-size: 1.1em;
}

.fp-banner .item ul {
    margin-left:150px;
}

.fp-banner .btn{
    display:block;
    width:180px;
    text-align:center;
    margin-left:150px !important;
    margin-top:40px !important;
}

#clients {
    overflow:hidden;
    max-width: 960px;
    margin: 0 auto;
}

#clients p{
    text-align: center;
    clear: both;
    font-size: 1.5em !important;
    color: #75757B;
}

#clients a {
    display:block;
    float:left;
    width:188px;
    height:80px;
    background:url("../images/clients.png") no-repeat;
    margin-bottom: 10px;
    transition: none;
}

#clients #cl_muz { background-position: 0px 0px; }
#clients #cl_muz:hover { background-position: 0px -160px; }
#clients #cl_gkd { background-position: -188px 0px; }
#clients #cl_gkd:hover { background-position: -188px -160px; }
#clients #cl_kp { background-position: -376px 0px; }
#clients #cl_kp:hover { background-position: -376px -160px; }
#clients #cl_kupivip { background-position: -564px 0px; }
#clients #cl_kupivip:hover { background-position: -564px -160px; }
#clients #cl_mailru { background-position: -752px 0px; }
#clients #cl_mailru:hover { background-position: -752px -160px; }
#clients #cl_bell { background-position: 0px -80px; }
#clients #cl_bell:hover { background-position: 0px -240px; }
#clients #cl_restore { background-position: -188px -80px; }
#clients #cl_restore:hover { background-position: -188px -240px; }
#clients #cl_rd { background-position: -376px -80px; }
#clients #cl_rd:hover { background-position: -376px -240px; }
#clients #cl_skb { background-position: -564px -80px; }
#clients #cl_skb:hover { background-position: -564px -240px; }
#clients #cl_readru { background-position: -752px -80px; }
#clients #cl_readru:hover { background-position: -752px -240px; }

footer{
    background:#ecf0f1 !important;
}

#footer-call-wrap {
    background:#F7F7F7;
}

#footer-call {
    padding:50px 0;
    background:none;
}

#footer-call h2 {
    text-transform: none;
    margin:0;
}

#footer-call .page-heading{
    margin-bottom:20px;
}

#footer-call .btn {
    padding: 10px 30px !important;
    font-size: 1.4em !important;
}

#footer-call .btn-success {
    background:#27ae60;
}

#footer-call .btn-success:hover {
    background:#2ecc71;
}

#footer-links a { text-decoration: underline; }
#footer-links a:hover { text-decoration: none; }

.copyright {
    color:#FFF;
    font-size:0.8em;
}

.copyright a {
    color:#FFF;
    margin-left:20px;
}

.copyright a:hover {
    text-decoration:underline;
    color:#FFF;
}

.copyright .copytext{
    text-align:left;
}
.copyright .links{
    text-align:right;
}

/* Inner Pages */

h2.post-title{
    font-size:1.4em;
}

ul.list-unstyled li.title {
    font-weight: bold;
}

ul.sidebar-menu li.link:before {
    font-family: FontAwesome;
    content: "\f0da";
    margin-right: 8px;
    margin-left:5px;
    color: #2f8cea;
}

ul.sidebar-menu li.link.selected:before {
    color:#bdc3c7;
}

/* Features */

#feature_shot{
    margin:20px 0;
}

.feature-post a:hover{
    text-decoration: underline;
}

.feature-post p,
.feature-post div{
    font-size:1em !important;
    line-height: 1.75em;
    margin-bottom:10px;
}

.feature-post ul {
    margin:20px 0;
}

.feature-post li {
    font-size:1.1em;
}

#features_nav{
    margin-top:20px;
}

#features_nav .btn{
    padding:10px 25px !important;
}

/* Plans and pricing */

.pricing-plan.type-3 {
    margin-bottom: 0;
}

.pricing-content li {
    cursor:help;
}

.pricing-content li.option{
    padding:5px 0 0px 0 !important;
}

.pricing-content li.option i{
    opacity:1;
    color:#2ecc71;
}

#plan-buy .panel-primary .radio{
    margin-bottom:0 !important;
    text-align:center;
    display:block;
}

#plan-buy .panel-primary label {
    font-size:2em;
}

#plan-buy .panel-primary label .iradio {
    margin-top:13px;
    border-color:#FFF;
}

#plan-buy .panel-primary .panel-body{
    text-align:center;
}

#plan-buy .panel-primary .panel-body span {
    font-size:2em;
}

#plan-buy p {
    font-size:1em !important;
}

#plan_buy_form p {
	margin-bottom:5px;
}

#plan_buy_form #paypal-notice {
	margin-top:30px;
}

#plan_buy_form #paypal-button{
	margin-top:15px;
}

#plan-buy #discount {
    max-width: 400px;
    margin: 30px auto;
    text-align: center;
}

.plans-table th,
.plans-table td {
    text-align:center;
}

.plans-table .option{
    text-align:left;
}

.plans-table th,
.plans-table .option{
    color:#2F8CEA;
}

.plans-table .fa-check {
    color:#27ae60;
}

.plans-table .option_div{
    cursor:help;
}

.box-call-header {
    background:linear-gradient(90deg, #3498db, #2367aa);
    border-radius:4px;
}

.box-call-header.plans-section {
    margin: 20px 0px;
    margin-bottom: 40px;
}

.box-call-header.plans-section .btn{
    margin-top:20px !important;
    margin-bottom:10px !important;
}

.box-call-header.plans-section .logo{
    height:100px;
}

.box-call-header .col-md-8,
.box-call-header .col-md-4 {
    padding-top:15px;
    padding-bottom:15px;
    color:#FFF;
}

.box-call-header .col-md-8{
    padding-left:20px;
}

.box-call-header .heading {
    font-size:2em;
    font-weight:bold;
}

.box-call-header .text {
    font-size:1.5em;
    font-weight:300;
}

.box-call-header .col-md-4 {
    text-align:center;
}

.box-call-header .logo {
    display:inline-block;
    width:100%;

    background:url(/system/templates/_default/images/main_logo.png) no-repeat center;
}

/* Templates */

#templates_content .notice {
	margin-bottom:30px;
}

#templates_content ul li {
	list-style:none;
}

#templates_content ul li i {
	margin-right:5px;
	color:#AAB1BC;
}

#templates_sidebar .templates_cats ul {
	margin-top:0;
}

#templates_sidebar .templates_filter {
	margin-top:10px;
}

#templates_side_notice {
	font-size:0.9em;
	padding:15px;
	background:#F4F6F8;
	color:#636C78;
	border-radius:5px;
}

.templates_cats li .title,
.templates_cats li i {
	color:#2F8CEA;
}

.templates_cats li .title {
	display:inline-block;
	width:180px;
}

#templates_content h2 a {
	font-size:14px;
	text-transform:none;
	line-height:25px;
}

/* Auth */

.helper-text.tos {
    font-size:0.8em;
    margin-top:0;
}

/* My Profile */

#surveys_folders ul{
    margin-top:30px;
}

#surveys_folders ul li a:before {
    font-family: FontAwesome;
    content: "\f114";
    margin-right: 8px;
    margin-left:5px;
    color: #2f8cea;
}

#surveys_folders ul li a{
    display:block;
}

#surveys_folders ul li a:hover,
#surveys_folders ul li:hover a:before {
    color:#2980b9;
}

#surveys_folders ul li a.active,
#surveys_folders ul li a.active:before {
    color:#27ae60;
}

#surveys_folders ul li a.active:before {
    content: "\f07b";
}

#profile_surveys #folderinfo{
    margin-bottom:0;
}

#profile_surveys #surveys_list{
    border:solid 1px #CCC;
    border-top:none;
    min-height: 62px;
    padding:0;
}

#profile_surveys #surveys_list #message{
    display:none;
    padding:20px;
    font-size:15px;
    color:#666;
}

#profile_surveys #surveys_list #message .note{
    margin-top:15px;
    margin-bottom: 0;
}

#profile_surveys .pagination{
    margin-top:20px;
    margin-left: 8px;
    overflow: hidden;
    height: 25px;
}

#profile_surveys #list_wrap {
    min-height:64px;
}

#profile_surveys .loading{
    background:url("../images/loader32.gif") no-repeat center center;
    height: 105px;
}

#profile_surveys #surveys_list .list,
#profile_surveys #surveys_list .list li{
    margin:0; padding:0; list-style: none;
    background:#FFF;
}

#profile_surveys #surveys_list .list li{
    padding:15px;
    border-bottom: solid 1px #ECECEC;
}
#profile_surveys #surveys_list .list li:last-child{
    border:none;
}

#profile_surveys #surveys_list .list li:hover{
    background: #f7f8fc;
}
#profile_surveys #surveys_list .list li .title{
    font-size:1.4em;
}

#profile_surveys #surveys_list .list li .title a:hover{
    text-decoration:underline;
}

#profile_surveys #surveys_list .list li.closed .title {
    background-image:url("../images/icons/lock.png");
}

#profile_surveys #surveys_list .list li .actions{ display:none; }
#profile_surveys #surveys_list .list li:hover .actions{ display:block; }

#profile_surveys #surveys_list .list li .details{ display:block; }
#profile_surveys #surveys_list .list li:hover .details{ display:none; }

#profile_surveys #surveys_list .list li .details,
#profile_surveys #surveys_list .list li .actions{
    font-size:1em;
    color:#666;
    height:16px;
    line-height:16px;
    margin-top:5px;
}

#profile_surveys #surveys_list .list li .actions a {
    margin-right:10px;
    color:#2C3E50;
    text-decoration: none;
}

#profile_surveys #surveys_list .list li .actions a:hover {
    color:#3498db;
}

#profile_surveys #surveys_list .list li .details span{
    float:left;
    margin-right: 15px;
}

#profile_surveys #surveys_list .list li .details span.user_nickname{
    color:#6E8993;
}

/* Profile Settings */

.profile_settings .bar_wrap,
.profile_settings .bar{
    height:10px;
    background:#E2E3E7;
    margin:10px 0;
    border-radius:10px;
}

.profile_settings .bar{
    background:#2F8CEA;
}

/* Survey Add */

#survey-add .templates_list td {
    padding-bottom:0;
    padding-top:10px;
}

#survey-add .templates_list td .radio{
    margin:0 !important;
}

#survey-add .templates_list td .iradio{
    margin-right:0;
}

#survey-add .templates_list td label {
    cursor:pointer;
}

#survey-add .mode_list .mode {
    border:solid 2px #E2E3E7;
    border-radius:4px;
    margin-bottom:10px;
    padding:20px;
    cursor:pointer;
    color:#A5ADB8;
    position:relative;
}

#survey-add .mode_list .mode:hover {
    border:solid 2px #a4cbf2;
    color:#a4cbf2;
}

#survey-add .mode_list .mode p {
    font-size:1.2em !important;
    margin:0;
    text-transform:uppercase;
}

#survey-add .mode_list .mode span {
    font-size:1em;
    color:#d1d5d6;
}

#survey-add .mode_list .mode.selected {
    border:solid 2px #2F8CEA;
    color:#2F8CEA;
}

#survey-add .mode_list .mode.selected span {
    color:#a4cbf2;
}

#survey-add .mode_list .mode.selected::after {
    content: " ";
    border:solid 15px #2F8CEA;
    border-top-color:transparent;
    border-bottom-color:transparent;
    border-right:none;
    display:block;
    position:absolute;
    width:0;
    height:0;
    right:-15px;
    top:10px;
}

#dialog-preview .preview_notice{
    padding-top:10px;
    padding-bottom:15px;
    font-size:0.9em;
    color:#3498db;
    text-align:center;
}

/* Survey Nav */

.survey-title{
    padding-bottom: 0;
    border: none;
}

.survey-nav{
    margin-bottom: 0;
    background: #F4F6F8;
    padding: 10px 0;
    padding-bottom: 5px;
    border-radius: 8px;
}

.survey-nav li a {
    display:block;
    font-size:1em;
    font-weight: bold;
    border: solid 3px #E2E3E7;
    background: #FFF;
    border-radius:8px;
    padding:10px;
    text-align:center;
    color:#636C78;
}

.survey-nav li a i{
    color:#2F8CEA;
    margin-right: 2px;
}
.survey-nav li:hover a {
    border-color:#2F8CEA;
    color:#2F8CEA;
}

.survey-nav li.active a {
    background:#2F8CEA;
    border-color:#2F8CEA;
    color:#2F8CEA;
    color:#FFF;
}

.survey-nav li.active a i,
.survey-nav.sub-nav li.active a i {
    color:#FFF;
}

.survey-nav li::after {
    display:inline-block;
    font-family: "FontAwesome";
    content: "\f105";
    position:absolute;
    top:1px;
    right:-6px;
    font-size:28px;
    color:#E2E3E7;
}

.survey-nav li:last-child::after {
    display:none;
}

.survey-nav li:nth-child(2) a i { color:#2ecc71; }
.survey-nav li:nth-child(3) a i { color:#9b59b6; }
.survey-nav li:nth-child(4) a i { color:#e67e22; }
.survey-nav li:nth-child(5) a i { color:#82C250; }
.survey-nav li:nth-child(6) a i { color:#D870AD; }

.survey-sub-nav {
    border-bottom:solid 2px #E2E3E7;
    padding:0;
    margin:0;
    margin-top:30px;
    margin-bottom:30px;
}

.survey-sub-nav li {
    float:left;
    margin-bottom:-2px;
    border:solid 2px transparent;
}

.survey-sub-nav li.active {
    border:solid 2px #E2E3E7;
    border-bottom:solid 2px #FFF;
    border-radius: 8px 8px 0 0;
}

.survey-sub-nav li a {
    display:inline-block;
    padding:10px 20px;
    color:#A5ADB8;
}

.survey-sub-nav li a:hover {
    color:#2F8CEA;
}

.survey-sub-nav li.active a {
    color:#2F8CEA;
    font-weight:bold;
}

/* Survey Builder */

#toolbar_panel .qtype,
.questions_list .qtype{
    background:#F4F6F8;
    border-radius:6px;
    height:45px;
    line-height:44px;
    padding:0 10px;
    cursor:pointer;
    margin-bottom:4px;
}

#toolbar_panel .qtype:hover,
.questions_list .qtype:hover{
    color:#2F8CEA;
}

#toolbar_panel .qtype span,
.questions_list .qtype{
    display:inline-block;
}

#toolbar_panel .qtype i,
.questions_list .qtype{
    margin-right:5px;
    color:#2F8CEA;
}

#toolbar_panel .qtype i{
    text-align:center;
}

.qtype.qt-single i::before{ content:"\f05d"; }
.qtype.qt-multiple i::before{ content:"\f046"; }
.qtype.qt-string i::before{ content:"\f044"; }
.qtype.qt-text i::before{ content:"\f036"; }
.qtype.qt-list i::before{ content:"\f03a"; }
.qtype.qt-dropdown i::before{ content:"\f022"; }
.qtype.qt-rating i::before{ content:"\f005"; }
.qtype.qt-name i::before{ content:"\f007"; }
.qtype.qt-single i::before{ content:"\f05d"; }
.qtype.qt-email i::before{ content:"\f0e0"; }
.qtype.qt-date i::before{ content:"\f073"; }
.qtype.qt-file i::before{ content:"\f093"; }
.qtype.qt-address i::before{ content:"\f015"; }
.qtype.qt-static i::before{ content:"\f1dc"; }
.qtype.qt-matrix i::before{ content:"\f0ce"; }
.qtype.qt-order i::before{ content:"\f0dc"; }

.qtype.ui-draggable-dragging {
    width:250px;
    z-index:10000;
    border: dashed 2px #2F8CEA;
    padding:5px;
    padding-left: 10px !important;
    background:#F4F6F8;
}

.survey_pages .pagination {
    margin:0;
    text-align:left;
}

.survey_contents {
    min-height: 560px;
    padding: 0;
    border: solid 2px #E5E9EC;
    border-radius: 4px;
    margin-bottom: 10px;
}

.survey_url {
    margin:12px 0;
    font-size:12px;
    text-align: right;
}

.survey_drop_hint,
.survey_drop_loading {
    padding:8px;
    padding-left:30px;
    color:#354247;
    display:none;
}

.survey_drop_hint{
    background: #2ecc71;
    color: #FFF;
    padding-left:10px;
}

.survey_drop_about {
    margin:30px;
}

.survey_drop_about .wrap {
    padding:20px;
    padding-left:80px;
    background: url("../images/arrow-left.png") no-repeat left 5px;
    color:#354247;
}

.survey_drop_loading { background:url("../images/loader16.gif") no-repeat 7px center #CCDCE2; }

.survey_build .questions_list{
    list-style: none;
    margin:0px;
    padding:0px;
}

.survey_build .questions_list .ui-sortable-helper{
    cursor:move;
    border:dashed 2px #2F8CEA !important;
}

.survey_build .questions_list .ui-sortable-helper .edit_links {
    display:none;
}

.survey_build .questions_list .ui-state-highlight{
    margin-top:10px;
    margin-bottom:10px;
    background: #CCDCE2;
    border-radius: 3px;
    height:5px;
}

.survey_build .questions_list li{
    list-style: none;
    margin:0px;
    padding:0px;
}

.survey_build .questions_list li.quest_node{
    border-bottom:solid 1px #e2e2e2;
}

.survey_build .q_build .buttons .cancel {
    display: inline-block;
    margin-right:10px;
}

.survey_build .q_build .buttons .saving{
    display:none;
    padding:1px;
    padding-left: 20px;
    background: url("../images/loader16.gif") no-repeat left center;
    color:#666;
    margin-right:10px;
}

.survey_build .q_build {
    background: #FFF;
    margin: 10px;
    display: none;
    border: solid 2px #2F8CEA;
    border-radius: 5px;
}

.survey_build .q_build  .header{
    padding:10px;
    cursor: pointer;
    overflow:hidden;
    color:#FFF;
}

.survey_build .q_build  .header a { text-decoration: none; color:#FFF; }
.survey_build .q_build  .header a:hover { color:#f1c40f; }

.survey_build .q_build  .header .first_line {
    clear:both;
    overflow:hidden;
}

.survey_build .q_build  .header .type{
    margin-bottom: 5px;
    color:#FFF;
    float:left;
}

.survey_build .q_build  .header .actions {
    float:right;
    margin-left: 20px;
}

.survey_build .q_build  .header .options {
    float:right;
    margin-top:-3px;
    overflow: hidden;
}

.survey_build .q_build  .header .options .option {
    float:left;
    margin-left:10px;
}

.survey_build .q_build  .header .options input{
    float:left;
}

.survey_build .q_build  .header .options label{
    line-height: 21px;
}

.survey_build .q_build  .header .title_line{
    clear:both;
    overflow: hidden;
}

.survey_build .q_build  .header .note {
    clear:both;
}

.survey_build .q_build  .header .note .input{
    width:99%;
    border-color:#455D70;
    border-top:none;
    margin-top:0px;
    font-size:13px;
    color:#666;
}

.survey_build .q_build  .header .desc_link{
    margin-top:4px;
    font-size:11px;
}

.survey_build .q_build  .quest_img img {
    border:solid 1px #354247;
}


.survey_build .q_build  .body{
    padding:10px 20px;
}

.survey_build .q_build  .body .input-option{
	overflow:hidden;
}
.survey_build .q_build  .body .input-option label {
	display: inline-block;
    width: 120px;
    margin-top: 15px;
}

.survey_build .q_build  .body{
	padding: 15px;
    padding-right: 20px;
}

.survey_build .q_build .field {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #ECECEC;
}

.survey_build .q_build .field:last-child {
	margin-bottom:0;
	padding-bottom:5px;  
	border:none;
}

.survey_build .q_build .field .title {
	margin-bottom:5px;
}

.survey_build .q_build .body .yt-video {
	margin-top:5px;
}

.survey_build .q_build .body .yt-video input {
	width:100%;
	margin-bottom:5px;
	display:none;
}

.survey_build .q_build .body .yt-video input::placeholder {
	font-size:12px;
}

.survey_build .q_build .body .yt-video a {
	display:inline-block;
}

.survey_build .q_build  .variants{
    padding:10px 20px;
}

.survey_build .q_build  .variants .variant{
    margin-bottom: 4px;
    background: url("../images/icons/pan.png") no-repeat left center;
    padding-left:24px;
}

.survey_build .q_build  .variants .variant .input{
    font-size:14px;
    width:90%;
}
.survey_build .q_build  .variants .variant .correct_variant{
    color:#6E8993;
    padding-right: 6px;
}
.survey_build .q_build  .variants_actions{
    margin-left: 43px;
    margin-bottom: 10px;
}
.survey_build .q_build  .variants_options{
    margin-left:20px;
    margin-bottom:10px;
}

.survey_build .q_build  .variant_free {
    padding: 10px 20px;
    padding-left:44px;
    padding-top: 0px;
}

.survey_build .q_build .variant_free input{
    font-size:14px;
    width:95%;
}

.survey_build .q_build .static_text {
    height:100px;
    resize: vertical;
}

#survey_poll_mode{
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    margin-top: 20px;
}

#survey_poll_mode a {
    margin-left:15px;
}

#survey_poll_mode a:hover {
    color:#2980b9;
}

.survey_build .q_view {
    margin-bottom: 0px;
    padding:15px;
    padding-left:0px;
    overflow:hidden;
    background:#FFF;
    position:relative;
}

.survey_theme #preview_wrap .q_view {
    background:none;
}

.survey_questions .header .first_line{
    font-size:0.8em;
}

.survey_questions .header .first_line .form-group .checkbox.static {
    margin-right:10px !important;
}

.survey_questions .header .first_line .form-group .checkbox:last-child{
    margin:0 !important;
}

.survey_questions .header .first_line .icheckbox{
    width:14px;
    height:14px;
    border-color:#90beed;
}

.survey_questions .header .first_line .icheckbox.checked{
    border-color:#2c3e50;
}

.survey_questions .header .first_line .icheckbox.checked::after{
    left:1px;
    top:5px;
    color:#2c3e50 !important;
}

.survey_questions .header .form-group {
    margin:0;
}

.survey_build .q_view:hover {
    background:#FCFCFC;
}

.survey_build .q_view .edit_links{
    float:right;
    font-size:12px;
    position: absolute;
    right:10px; top:10px;
    background:#FFF;
    padding:10px 20px;
    padding-right:10px;
    border: solid 1px #CCDCE2;
}

.survey_build .q_view .wrapper .body .variant label {
    margin-bottom:4px;
}

.survey_build .q_view .edit_links { display:none; }
.survey_build .q_view:hover .edit_links { display: block; }

.survey_build .q_view .edit_links a,
.survey_build .q_view .edit_links .load{
    margin-right: 10px;
}

.survey_build .q_view .edit_links a:last-child,
.survey_build .q_view .edit_links .load:last-child{
    margin-right: 0;
}

.survey_build .q_view .edit_links a:hover {
    color:#F60;
}

.survey_build .q_view .edit_links .load{
    background:url("../images/loader16.gif") no-repeat left center;
    display:none;
}

.survey_build .questions_list li:last-child { border:none; }

.survey_build .q_view .wrapper{
    padding-top:5px;
    padding-left: 15px;
    overflow: hidden;
}

.survey_build .q_view .wrapper .note{
    clear:both;
    font-size:12px;
    margin-bottom:5px;
    color:#425768;
}

.survey_build .q_view .number{
    float: left;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: block;
    color: #777;
    font-size: 12px;
    text-align: center;
    margin-top:1px;
    border-radius:0px 45px 45px 0px;
    background-color:#ECECEC;
}

.survey_build .q_view:hover .number{
    background-color:#2F8CEA;
    color:#FFF;
}

.survey_build .q_view .wrapper h3{
    font-size:14px;
    margin: 0;
    margin-bottom: 10px;
}
.survey_build .q_view .wrapper .quest_image{
    clear:both;
    margin:4px 0;
}

.survey_build .q_view .wrapper .red_star{
    color:red;
    margin-left:5px;
}

.survey_build .q_view .wrapper .body{
    clear:both;
    padding-bottom:4px;
    padding-top:5px;
}
.survey_build .q_view .wrapper .variant_image{
    margin-top:3px;
    margin-bottom: 15px;
    margin-left:25px;
}
.survey_build .q_view .wrapper .answer table td{
    text-align: center;
    padding: 0 5px;
}
.survey_build .q_view .wrapper .answer table td.rating-scale-prefix{
	padding-right:20px;
}
.survey_build .q_view .wrapper .answer table td.rating-scale-postfix{
	padding-left:20px;
}

.survey_build .q_view .wrapper .answer .name_answer{
    width:515px;
}
.survey_build .q_view .wrapper .answer .addr_answer{
    width:515px;
    margin-bottom:6px;
}

.survey_build .q_view .wrapper .answer .addr_answer:last-child{
    margin-bottom:0px;
}

.survey_build .q_view .wrapper .answer .name_answer td,
.survey_build .q_view .wrapper .answer .addr_answer td{
    text-align: left;
    padding-right:15px
}

.survey_build .q_view .wrapper .answer .name_answer .input,
.survey_build .q_view .wrapper .answer .addr_answer .input {
    width:100%;
    margin-bottom:1px;
}

.survey_build .q_view .wrapper .answer .hint{
    font-size:13px;
    color:#999;
}

.survey_build .q_view .variant_free {
    padding-left:25px;
    padding-top:5px;
}

.survey_build .q_view .wrapper .input,
.survey_build .q_view .wrapper .textarea{
    width:500px;
    max-width:100%;
    border: solid 1px #AAB1BC;
}

.survey_build .qt_static .wrapper h3 {
    font-size:18px;
}

.survey_build .qt_static .wrapper .note{
    clear: both;
    font-size: 14px;
    padding: 0;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 10px;
    background: none;
    border: none;
}

.survey_build .qt_static .wrapper .note + .yt-video-embed{
	margin-top:20px;
}

.q_view .matrix-table {
    width:100%;
    border-collapse:collapse;
    margin-top:10px;
}

.q_view .matrix-table td,
.q_view .matrix-table th{
    padding:10px;
    border:solid 1px #CBD1D8;
}

.q_view .matrix-table th {
    background:#F4F6F8;
}

.q_view .matrix-table td{
    background:#FFF;
}

.q_view .matrix-table .col {
    text-align:center;
}

.q_view .matrix-table label {
    margin-bottom:0;
}

.q_view .order-list,
.q_view .order-list li {
    list-style:none;
    margin:0;
    padding:0;
}

.q_view .order-list{
    display:inline-block;
    margin-top:10px;
}

.q_view .order-list li {
    border:solid 1px #CBD1D8 !important;
    padding:10px;
    padding-left:36px;
    padding-right:15px;
    margin-top:-1px;
    background:url(/system/templates/_default/images/icons/pan-vertical.png) no-repeat 10px center #FFF;
    cursor:pointer;
}

.survey_build .buttons {
    text-align: right;
    padding: 10px;
    background: #ECECEC;
    border-top: solid 1px #DDD;
    border-radius: 0 0 5px 5px;
    overflow: hidden;
}

.actions_context {
    display:inline-block;
}

.actions_context a {
    display: inline-block;
    width: 20px;
    padding: 0;
    height: 20px;
    line-height: 35px;
    margin-left: 2px;
    float: left;
    font-size: 16px;
}

.survey_build .q_build a:hover {
    color:#e74c3c;
}

.q_view .date-input{
    float:left;
}

.q_view .ui-datepicker-trigger{
    background:#2F8CEA;
    border:none;
    padding:0 5px;
    height:27px;
}

/* Survey Branching & Ordering */
.survey_branching .quest,
.survey_ordering .quest{
    padding:10px;
    padding-left:15px;
    color:#354247;
    border:solid 1px #E2E3E7;
    margin-top:-1px;
    clear:both;
    overflow:hidden;
}

.survey_ordering h3,
.survey_branching h3 {
    margin-top:20px;
}

.survey_ordering .quest_ordering { display:none; float:left; }

.survey_ordering .quest { cursor:pointer; }
.survey_ordering .quest .title{ float:left; }
.survey_ordering .ui-state-highlight { display:block; height:42px; }

.survey_branching .quest_rules{
    border:solid 1px #E2E3E7;
    background:#FFF;
    border-top:none;
    padding-bottom:10px;
    margin-top:-2px;
    margin-left:0px;
    display:none;
}

.survey_branching .quest_rules .rule{
    padding: 5px;
    padding-left: 15px;
    padding-right: 10px;
    font-size: 0.9em;
    clear: both;
    overflow: hidden;
}

.survey_branching .quest .title,
.survey_ordering  .quest .title { font-weight:bold; font-size:16px; }

.survey_ordering .quest .title i,
.survey_branching .quest .title i {
    color:#CBD1D8;
    margin-right:5px;
}

.survey_branching .quest .title,
.survey_branching .quest_rules .title { float:left; }
.survey_branching .quest .actions,
.survey_branching .quest_rules .actions { float:right; }

.survey_branching .quest_rules .actions .loading16{
    float:right;
}

.survey_branching .last_page_notice {
    color:#666;
    margin:15px 0;
    font-size:12px;
    text-align:right;
}

#dialog-add-branch-rule { display:none; }
#dialog-add-branch-rule .quest_title {
    padding:6px 0; font-size:18px; color:#354247;
    margin-bottom: 10px;
}
#dialog-add-branch-rule table { margin-bottom: 10px; }
#dialog-add-branch-rule .condition_title {
    font-size:16px;
    margin:15px 0;
}
#dialog-add-branch-rule .form-group {
    margin-bottom: 0px;
}
#dialog-add-branch-rule .option {
    font-size: 14px;
    padding-left: 20px;
}
#dialog-add-branch-rule .option label { vertical-align:middle; }
#dialog-add-branch-rule .option select.variants{ width:120px; }
#dialog-add-branch-rule .option .radio {
    margin-right: 5px !important;
}
#dialog-add-branch-rule .subfield {
    padding-left: 20px;
    margin-top: -10px;
    margin-bottom: 10px;
}
#dialog-add-branch-rule .subfield .input {
    font-size: 14px;
    border: solid 1px #3498DB;
    padding: 4px;
    margin-top: 4px;
    margin-left: 27px;
}
#dialog-add-branch-rule .loading {
    margin:50px 15px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}

/* Survey Weights */

.survey_weights { margin-bottom:30px; }
.survey_weights .input { font-size:14px; text-align:center; width:50px; border:1px solid #2f8cea; }

.survey_weights .question {
    padding:10px;
    padding-left:15px;
    border:solid 1px #E2E3E7;
    margin-top:-1px;
}

.survey_weights .question .title {
    font-weight:bold;
    margin-bottom:10px;
}

.survey_weights .question .series {
    padding:5px 0;
    font-size:0.9em;
}

/* Survey Theme */

.survey_theme #preview{
    padding:15px;
}

.survey_theme #preview_block h1{
    font-size:24px;
}

.survey_theme #preview_block > h3 {
    color: #2f8cea;
    margin-top: 25px;
}

.survey_theme #preview_block .input_checkbox{
    margin-right: 5px;
}

.survey_theme .themes_list ul,
.survey_theme .themes_list ul li{
    list-style:none;
    margin:0;
    padding:0;
}

.survey_theme .themes_list ul li{
    background:#ECECEC;
    float:left;
    padding:4px;
    margin-right: 15px;
    margin-bottom: 15px;
}

.survey_theme .themes_list ul li:hover{
    background:#7db2e8;
    color:#FFF;
    cursor:pointer;
}

.survey_theme .themes_list ul li.active{
    background:#2f8cea;
    color:#FFF;
}

.survey_theme .themes_list ul li span{
    display:block;
    padding:5px 0;
    text-align:center;
}

.survey_theme .palette tr td { height:40px; }
.survey_theme .font_option { margin-bottom:5px; }
.survey_theme #preview_wrap{
    padding: 2px;
    background: #FFF;
    border: solid 2px #E2E3E7;
}

.survey_theme #save_indicator{
    margin-top:15px;
    margin-left:10px;
}

.survey_theme .poll .question{ padding:0 !important; }
.survey_theme .poll .question .wrapper{ padding:0 !important; }

.survey_theme .hint{
    margin-bottom: 30px;
}

.survey_theme .tab-pane .form-group {
    margin-bottom:0;
}

.survey_theme #lang table { margin-left:15px; }

.survey_theme #lang td{ padding-bottom:5px; }

.survey_theme #lang .input_radio{ margin:0; padding:0; }

.survey_theme .nav-tabs.horizontal  a {
    padding:10px 15px !important;
}

#dialog-labels { display: none; }

#dialog-labels .nav-tabs.horizontal  {
    margin:0;
    margin-bottom:20px;
}

#dialog-labels label {
    font-size:0.9em;
    margin-bottom: 5px;
}

#dialog-labels .form-group{
    margin-bottom:10px;
}

#dialog-labels .labels_loading {
    margin:15px;
    margin-top: 175px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}

/* Survey Embed */

.embed_option {
    margin-bottom:10px;
    padding:20px;
    background: #F4F6F8;
    border-radius:5px;
}

.embed_option h2{
    font-size:1.5em;
    margin-bottom:10px;
    color:#2F8CEA;
}

.embed_option p {
    font-size:1em !important;
    line-height: 1.4em !important;
    margin:0;
}

.embed_option p + .form-group{
    margin-top:10px;
}

.embed_option .qr_code_img {
    margin-top:20px;
}

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

.survey_embed .nav-tabs.vertical li {
    margin-left:0;
}

.survey_embed .nav-tabs.vertical i {
    color:#bdc3c7;
    margin-right:5px;
}

.survey_embed .nav-tabs.vertical .active i {
    color:#2F8CEA;
}

.survey_embed .yashare-auto-init{
    margin-bottom:10px;
}

.survey_embed #twitter-widget-0{
    margin-top:15px;
}

.sticky-options {
	overflow:hidden;
	margin-top: 20px;
	margin-bottom: 30px;
}

.sticky-options .col-left,
.sticky-options .col-right
{
	float:left;
	overflow:hidden;
}

.sticky-options .col-left{
	width:60%;
}

.sticky-options .col-left .field {
	float:left;
}

.sticky-options .col-left .field.title {
	width:90%;
    margin-bottom:10px;
}
.sticky-options .col-left .field.title.input {
	width:100%;
}
.sticky-options .field select,
.sticky-panel-options .field select {
	border:solid 1px #2F8CEA;
	padding:6px;
}

.sticky-options .col-left .field.color{
	margin-right:57px;
}

.sticky-options .field label,
.sticky-panel-options .field label {
	display:block;
	margin-bottom:5px;
	color:#636C78;
}

.sticky-options .ninebox,
.sticky-options .ninebox li {
	list-style:none;
	padding:0; margin:0;
	overflow:hidden;
}

.sticky-options .ninebox li {
	border:solid 3px transparent;
	float:left;
}

.sticky-options .ninebox li a {
	display:block;
	width:30px;
	height:30px;
	background:#E5E9EC;
	cursor:pointer;
}

.sticky-options .ninebox li.disabled a {
	background:none !important;
	cursor:default;
}

.sticky-options .ninebox li a:hover{
	opacity:0.5;
}

.sticky-options .ninebox li.active a{
	background:url(/system/templates/admin/images/icons/bullet.png) no-repeat center #b6e8fd;
	transition:none;
}

.sticky-options .ninebox li.active a:hover{
	opacity:1;
}

.sticky-options .ninebox li:nth-child(3n+1){
	clear:both;
}

.sticky-options .field.dir .input{
	width:170px;
}

.sticky-preview {
	width:602px;
	height:374px;
	background:url(/system/templates/admin/images/splash_en.png) no-repeat;
	position:relative;
}

.sticky-preview .scene {
	position:relative;
	width:600px;
	height:300px;
	left:1px;
	top:72px;
}

.sticky-preview .simpoll-sticky-button,
.sticky-preview .simpoll-sticky-button:hover,
.sticky-preview .simpoll-sticky-button:focus,
.sticky-preview .simpoll-sticky-button:active{
	position:absolute;
	display:block;
	background:#3E8FBA;
	color:#FFFFFF;
	margin:0;
	padding:0 20px;
	width:200px;
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:16px;
	font-family: 'Arial', sans-serif;
	box-shadow:none;
	text-shadow:none;
	cursor:pointer;
	text-decoration:none;
	text-transform:none;
	border:none;
	font-weight:normal;
	display: -webkit-flex; /* Safari */
	display: flex;
	-webkit-align-items: center; /* Safari 7.0+ */
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	transition:none;
}

.sticky-preview .simpoll-sticky-button:hover{
	opacity: 0.75;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-r.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(-90deg);
	right:-80px;
	top:50%;
	margin-top:-20px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-rt.simpoll-dir-v{
	transform-origin:right top;
	transform:rotate(-90deg);
	right:40px;
	top:0;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-rb.simpoll-dir-v{
	transform-origin:right top;
	transform:rotate(-90deg);
	right:40px;
	bottom:160px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-l.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:-80px;
	top:50%;
	margin-top:-20px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-lt.simpoll-dir-v{
	transform-origin:left top;
	transform:rotate(90deg);
	left:40px;
	top:0;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-lb.simpoll-dir-v{
	transform-origin:left top;
	transform:rotate(90deg);
	left:40px;
	bottom:160px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-t.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:50%;
	margin-left:-100px;
	top:80px;
}
.sticky-preview .simpoll-sticky-button.simpoll-pos-b.simpoll-dir-v{
	transform-origin:center center;
	transform:rotate(90deg);
	left:50%;
	margin-left:-100px;
	bottom:80px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-t.simpoll-dir-h{
	left:50%;
	margin-left:-100px;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-b.simpoll-dir-h{
	left:50%;
	margin-left:-100px;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-lt.simpoll-dir-h{
	left:0;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-rt.simpoll-dir-h{
	right:0;
	top:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-lb.simpoll-dir-h{
	left:0;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-rb.simpoll-dir-h{
	right:0;
	bottom:0;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-r.simpoll-dir-h{
	right:0;
	top:50%;
	margin-top:-20px;
}

.sticky-preview .simpoll-sticky-button.simpoll-pos-l.simpoll-dir-h{
	left:0;
	top:50%;
	margin-top:-20px;
}

.simpoll-sticky-button svg{
    fill: #fff;
	margin-right: 8px;
    opacity: 0.65;
}

.sticky-code .code-hint {
	margin-bottom:10px;
	font-size:0.9em;
}

.sticky-panel-options{
	margin-bottom:20px;
	margin-top:20px;
	padding:0 20px;
}
.sticky-panel-options .row{
	overflow:hidden;
	margin-bottom:10px;
}

.sticky-panel-options .field{
	float:left;
	margin-right:30px;
}

.sticky-panel-options .field.title {
	width:250px;
}
.sticky-panel-options .field.pos .input {
	width:120px;
}

.simpoll-sticky-panel,
.simpoll-sticky-panel:hover,
.simpoll-sticky-panel:active,
.simpoll-sticky-panel:focus{
	position:absolute;
	width:100%;
	height:50px;
	line-height:50px;
	text-align:center;
	background:#3e8fba;
	color:#FFF;
	cursor:pointer;
	transition: none;
}

.simpoll-sticky-panel:hover{
	opacity:0.8;
}

.simpoll-sticky-panel a {
	color:inherit !important;
	text-decoration:none;
	transition: none;
}

.simpoll-sticky-panel-link{
	position:relative;
	display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: center;
    justify-content: center;
	font-size:16px;
}

.simpoll-sticky-panel-close,
.simpoll-sticky-panel-close:hover,
.simpoll-sticky-panel-close:focus,
.simpoll-sticky-panel-close:active{
	display:block;
	position:absolute;
	width:40px;
	height:50px;
	line-height:45px;
	right:0;
	top:0;
	font-size:24px;
	opacity:0.5;
}

.simpoll-sticky-panel-close:hover{
	opacity:1;
}

.simpoll-sticky-panel svg {
	fill:#FFF;
	opacity:0.65;
	margin-right:10px;
}

.simpoll-sticky-panel.simpoll-pos-b{
	top:auto;
	bottom:0;
}

/* Survey Stats */

.survey_stats .question {
    border: solid 1px #E2E3E7;
    border-radius: 8px;
    padding: 20px 0;
    padding-left: 20px;
    margin-top: 10px;
    box-shadow: 0 4px 0 #F4F6F8;
}

.survey_stats .question .title {
    color: #2F8CEA;
    margin-bottom:20px;
    font-size:1.4em;
}

.survey_stats .question p {
    margin:0;
    font-size:1em !important;
}

.survey_stats .question .details {
    text-align:center;
    padding-right: 0;
}

.survey_stats .question .value-label {
    font-size:1em;
    color:#bdc3c7;
}

.survey_stats .question .details .value {
    font-size:2em;
    color:#2F8CEA;
    font-weight:bold;
}

.survey_stats .chart .row {
    margin:0;
    margin-bottom: 10px;
    padding-bottom:10px;
    border-bottom: dashed 1px #CBD1D8;
}

.survey_stats .chart .row:last-child {
    border:none;
}

.survey_stats .chart .row > div:first-child {
    padding-left:0;
}

.survey_stats .chart .row > div:last-child {
    padding-right:0;
}

.survey_stats .chart .row .series_value{
    text-align:right;
}

.survey_stats .bar,
.survey_stats .bar_win{
    display: block;
    height: 12px;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 5px;
    background: #E0E4E7;
}

.survey_stats .bar_win{
    background:#1abc9c;
}

.survey_stats .series_value_percent{
    color:#bdc3c7;
    font-size:0.8em;
}

.survey_stats .table td {
    vertical-align:middle;
}

.survey_stats .table tr:nth-child(1) td {
    border-top:none;
}

.survey_stats .filters_bar .checkbox{
    font-size:0.9em;
}
.survey_stats .filters_bar .button a {
    font-size:0.9em;
    margin-right:10px;
}

.survey_stats .rates .rate_avg {
    text-align:center;
    font-size:3em;
}

.survey_stats .rates .rate_max,
.survey_stats .rates .rate_min {
    color:#7f8c8d;
}

.survey_stats .rates .rate_max span,
.survey_stats .rates .rate_min  span{
    color:#000;
}

.survey_stats .question p {
    color:#CBD1D8;
}

.survey_stats .text-list li {
    margin:10px 0;
    padding-bottom:10px;
    border-bottom: solid 1px #ddd;
}

.survey_stats .text-list li:last-child {
    border:none;
}

.survey_stats .text-list li i {
    color:#CBD1D8;
    margin-right:10px;
}

.survey_stats .question .matrix-table {
	width:100%;
	border-collapse:collapse;
	margin-top:10px;
}

.survey_stats .question .matrix-table td,
.survey_stats .question .matrix-table th{
	padding:10px;
	border:solid 1px #CBD1D8;
}

.survey_stats .question .matrix-table th {
	background:#eaf2fb;
}

.survey_stats .question .matrix-table td{
	background:#FFF;
    box-shadow: 0 0 0 2px #FFF inset;
}

.survey_stats .question .matrix-table .col {
	text-align:center;
}

.survey_pages.bottom {
    margin-top:20px;
}

/* Survey Filters */

.survey_filter_form .statements{
    margin:20px 0;
}

.survey_filter_form .statement{
    background:#F4F6F8;
    padding:10px;
    margin-bottom:10px;
}

.survey_filter_form .statements td {
    padding:5px 0;
}

.survey_filter_form .statements .form-control {
    margin-left:10px;
}

.survey_filter_form .statement .remove_statement a {
    font-size:0.8em;
    margin-left:30px;
    margin-top:9px;
    display:inline-block;
}

.survey_filter_form .radio {
    display:block;
}

.survey_filters {
    margin-bottom:20px;
}
.survey_filters .filter{
    padding: 10px;
    padding-left: 15px;
    color: #354247;
    border: solid 1px #E2E3E7;
    margin-top: -1px;
    clear: both;
    overflow: hidden;
}

.survey_filters .filter .title{
    font-weight:bold;
}

.survey_filters .filter i {
    color: #CBD1D8;
    margin-right: 5px;
}

/* Survey People */

.survey_people_filter{
    margin:0;
    text-align:left;
    margin-bottom:10px;
}

.survey_people .respondent {
    padding:10px 15px;
    color: #354247;
    border: solid 1px #E2E3E7;
    margin-top: -1px;
    clear: both;
    overflow: hidden;
}

.survey_people .respondent .actions span {
    font-size:0.8em;
    margin-left:10px;
}

.survey_people .respondent .actions span.quiz_result_fail {
    color:#e74c3c;
}

.survey_people .respondent .name i{
    color: #CBD1D8;
    margin-right: 5px;
}

.survey_people .respondent .actions .btn{
    padding:5px 10px !important;
}

.survey_people .respondent .actions .fav,
.survey_people .respondent .actions .edit,
.survey_people .respondent .actions .delete{
    margin-left:0;
}

.survey_people .respondent .actions .fav{
    margin-left:20px;
}

.survey_people .respondent .actions .fav .yes i::before{
    content: "\f005";
    color:#f39c12;
}

/* Survey Respondent */

.survey_stats .resp_answers{
    margin:0;
    margin-right:20px;
}

.survey_stats .resp_answers li {
    padding:2px;
    padding-left:5px;
}

.survey_stats .resp_answers li i {
    visibility:hidden;
}

.survey_stats .resp_answers .wrong,
.survey_stats .resp_answers .selected,
.survey_stats .resp_answers .correct,
.survey_stats .resp_answers .free_answer {
    color: #FFF;
    border-radius: 4px;
}

.survey_stats .resp_answers .selected{
    background:#2ecc71;
}

.survey_stats .resp_answers .correct{
    background:#2ecc71;
}

.survey_stats .resp_answers .wrong{
    background:#e74c3c;
}

.survey_stats .resp_answers .wrong i,
.survey_stats .resp_answers .selected i,
.survey_stats .resp_answers .free_answer i {
    visibility:visible;
}

.survey_stats .question .matrix_answers,
.survey_stats .question .matrix_answers li,
.survey_stats .question .order_answers,
.survey_stats .question .order_answers li
{
    padding:0; margin: 0; list-style: none;
}

.survey_stats .question .matrix_answers li,
.survey_stats .question .order_answers li{
    margin-bottom:5px;
}

.survey_stats .resp_answers .wrong i::before {
    content: "\f00d";
}

.survey_resp h3 .name {
    margin-right:10px;
}

.survey_resp h3 .action {
    font-weight:normal;
    font-size:0.7em;
}
.survey_resp h3 .action a {
    color: #7f8c8d;
}
.survey_resp h3 .action a:hover {
    color:#2F8CEA;
}

.survey_resp h3 .action .no i::before {
    content: "\f006";
}

.survey_resp h3 .action .yes {
    color:#f39c12;
}

.survey_resp .resp_details {
    background:#F4F6F8;
    padding:15px;
    border-radius:5px;
    font-size:0.8em;
    margin-bottom:10px;
}

.survey_resp .resp_details .title {
    font-weight:bold;
    margin-bottom:2px;
}

.survey_resp .resp_details .value {
    margin-bottom:10px;
    padding-bottom:10px;
    border-bottom: dashed 1px #E2E3E7;
}

.survey_resp .resp_details .value.fail{
    color:#e74c3c;
}

.survey_resp .resp_details .value:last-child {
    margin:0;
    border:none;
    padding:0;
}

.survey_resp_quiz_legend{
    margin-top:30px;
}

.survey_resp_quiz_legend .legend{
    padding:0 10px;
    padding-right:20px;
    font-size:0.8em;
}

.survey_resp_quiz_legend td.selected,
.survey_resp_quiz_legend td.correct,
.survey_resp_quiz_legend td.wrong{
    width:20px;
}

.survey_resp_quiz_legend .selected {
    background:#2ecc71;
    text-align: center;
    color:#FFF;
}

.survey_resp_quiz_legend .correct {
    background:#2ecc71;
}

.survey_resp_quiz_legend .wrong {
    background:#e74c3c;
    text-align: center;
    color:#FFF;
}

/* Survey Visits */

.survey_visits #chart_wrapper{
    border:solid 1px #DDD;
    border-radius:6px;
    width:100%;
    display:block;
    height:280px;
    color:#999;
}

.survey_visits #chart_wrapper p {
    line-height:280px !important;
}

.survey_visits #chart { margin:14px 0; height:260px; }

.survey_visits .date_nav{
    display:block; width:32px; height:32px;
}

.survey_visits .nav_prev{ padding-right: 15px; }
.survey_visits .nav_next{ padding-left: 15px; }

.survey_visits .prev,
.survey_visits .prev_gray,
.survey_visits .next,
.survey_visits .next_gray {
    text-align:center;
}

.survey_visits .prev i,
.survey_visits .prev_gray i,
.survey_visits .next i,
.survey_visits .next_gray i {
    font-size:24px;
}

.survey_visits .prev_gray i,
.survey_visits .next_gray i {
    color:#DDD;
}

/* Survey Export */

.export_survey .tab-pane{
    margin-bottom: 10px;
    padding: 20px;
    background: #F4F6F8;
    border-radius: 5px;
}

.export_survey .tab-pane .page_help_block{
    margin-bottom:20px;
    color: #7f8c8d;
    font-size: 0.8em;
}

.export_survey .tab-pane h3{
    color:#2F8CEA;
}

.export_survey .tab-pane .option{
    margin-bottom:10px;
}

.export_survey .tab-pane .form-group{
    margin:0;
    padding:0;
    border:none;
}

.export_survey .tab-pane .form-group .checkbox {
    margin-bottom:10px !important;
    height:30px;
}

.export_survey .tab-pane .btn-md {
    margin-top:10px !important;
}

.export_survey .tab-pane .form-control-static {
    font-size:1.2em;
}

/* Collabs */

.survey_collabs h2 {
    margin-top:30px;
}

.survey_collabs .collab_add .form-control{
    width:250px;
    display:inline-block;
}

.survey_collabs .collab_add .btn {
    margin-top:10px !important;
}

.survey_collabs .survey_people {
    margin:30px 0;
}

.survey_collabs .survey_people .email {
    margin-left:10px;
}

/* Tabs */

.nav-tabs.horizontal  {
    text-align:left;
    border-bottom:solid 2px #E2E3E7;
    padding:0;
    clear:both;
    display:block;
    margin:30px 0;
}

.nav-tabs.horizontal  li {
    display:inline-block;
    margin:0;
    margin-bottom:-7px;
    overflow:hidden;
	margin-right: -2px;
}

.nav-tabs.horizontal  li a,
.nav-tabs.horizontal  li a:hover{
    border-bottom:solid 2px #E2E3E7 !important;
    padding:10px 20px;
    margin:0 !important;
    color: #A5ADB8;
}

.nav-tabs.horizontal  li a:hover{
    color: #2F8CEA !important;
}

.nav-tabs.horizontal  li.active a,
.nav-tabs.horizontal  li.active a:hover,
.nav-tabs.horizontal  li.active a:focus {
    border:solid 2px #E2E3E7 !important;
    border-bottom:solid 2px #FFF !important;
    color: #2F8CEA !important;
    font-weight: bold;
}


.nav-tabs.horizontal  li a::after{
    display:none;
}

/* Forms */

.form-group .captcha-hint,
.form-group .hint {
    font-size:0.8em;
    margin-bottom:10px;
    color:#A5ADB8;
}

.form-group .hint {
    margin-top:-10px;
}

.form-group .html-editor textarea{
    height:150px;
}

.survey_config .form-group {
    border-bottom:dashed 1px #E2E3E7;
    padding-bottom:35px;
}

#emails_list .template {
    display:none;
}

#emails_list .btn {
    margin-left:10px !important;
}

.add_to_list a {
    display:inline-block;
    height:38px;
    line-height:38px;
    margin-left:20px;
}

.form-group .date-input {
    display:inline-block;
    border:solid 1px #2F8CEA;
    width:100px;
    padding:2px;
    font-size:12px;
    margin-left:10px;
    height:28px;
    text-align:center;
    position:relative;
    top:-4px;
}

.form-group button.ui-datepicker-trigger {
    background:#2F8CEA;
    border:none;
    padding:6px;
    display:inline-block;
    border-radius:0 4px 4px 0;
    margin-right:10px;
}

.form-group .input-inline {
    display:inline-block;
    width:100px;
    text-align: center;
}

.form-group textarea{
    height:150px;
}

/* Misc stuff */

#tooltip {
    position: absolute;
    z-index: 3000;
    background-color: #354247;
    padding: 10px;
    border-radius:0 8px 8px 8px;
    opacity: 0.9;
    max-width:300px;
}
#tooltip h3, #tooltip div {
    margin: 0;
    color:#FFF;
    font-size:14px;
    font-weight:normal;
}

.pagebar {
    clear: both;
    font-size: 12px;
    margin-bottom: 15px;
    margin-top: 30px;
}
.pagebar_title {
    color: #425768;
    margin: 5px;
}
.pagebar_page {
    margin: 3px;
    padding: 6px;
}
.pagebar_current {
    background-color: #2F8CEA;
    border-radius: 10px;
    color: #FFFFFF;
    margin: 3px;
    padding: 6px;
}

.pagebar_notice {
    float:right;
    font-size:12px;
    color:#6E8993;
}

.sess_messages {
    margin:20px 0;
    font-size:0.8em;
}

.sess_messages .container{
    padding:0;
}

.sess_messages div {
    color:#FFF;
    padding:9px;
    border-radius:4px;
    margin-bottom:2px;
}
.sess_messages a {
    color:#FFF;
    text-decoration:underline;
}
.sess_messages a:hover {
    color:#f1c40f;
}
.sess_messages .message_error {
    background:#e74c3c;
}

.sess_messages .message_success {
    background:#2ecc71;
}

.sess_messages .message_info {
    background:#3498db;
}

/* Dialogs */

#dialog-confirm, #dialog-image, #dialog-image-view, #dialog-preview, #dialog-copy,
#dialog-max-quests, #dialog-resp-rename, #dialog-add-branch-rule{ display:none; }

#dialog-resp-rename .input{
    width:98%;
}

#dialog-max-quests .notice{
    padding-left:45px;
    background:url("../images/icons/big/error.png") no-repeat left top;
    margin:10px 0;
}

#dialog-image .file_form {
    margin:15px;
    padding-left:50px;
    background:url("../images/icons/big/image_add.png") no-repeat 5px 24px;
}

#dialog-image .file_form .field-label{
    margin-bottom:10px;
    font-weight:bold;
}

#dialog-image .file_form .hint{
    margin-top:5px;
    font-size:11px;
    color:#CCC;
}

#dialog-image .file_loading {
    margin:15px;
    text-align:center;
    padding-top:40px;
    background:url("../images/loader.gif") no-repeat center 5px;
}

#dialog-image .file_error {
    display:none;
    margin:10px;
    padding:10px;
    padding-left:33px;
    color:red;
    border:solid 1px red;
    border-radius:5px;
    font-size:12px;
    background:url("../images/icons/message_error.png") no-repeat 10px 9px #FFE5E5;
}

#dialog-image-view .image {
    text-align:center;
}

#save_indicator{
    padding:1px;
    padding-left:20px;
    background:url("../images/loader16.gif") no-repeat left center;
    display:none;
}

.btn-success { background-color:#2ecc71; }
.btn-success:hover, .btn-success:active, .btn-success:focus { background-color:#27ae60; }

/* MEDIA QUERIES */
@media (max-width: 1024px){
    .survey-nav li a i { display:none; }
    .survey-nav li a { font-weight:normal; }
}

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

    .survey-nav li a i { display:inline-block; }
    .fp-banner .item{
        padding:0 20px;
    }
    .fp-banner .item img {
        display:none;
    }
    .fp-banner .item h3,
    .fp-banner .item ul{
        margin-left:0;
        font-size:0.8em;
    }
    .fp-banner .btn{
        margin-left:0 !important;
        margin-top:10px !important;
        margin-bottom:20px !important;
        display:inline-block;
    }
    .fp-banner .item h3{
        font-size:1em;
    }

    #clients {
        text-align:center;
    }

    #clients a {
        display:inline-block;
        float:none;
    }

    .survey-sub-nav{
        border:none;
    }
    .survey-sub-nav li{
        width:100%;
    }
    .survey-sub-nav li.active{
        border:solid 2px #E2E3E7;
        border-radius:4px;
    }
    .survey_questions .header .form-group{
        padding-left:20px;
    }

    .survey_stats .chart{
        padding-right:15px;
    }
    .survey_stats .chart .row > div{
        padding:0;
    }
    .survey_stats .chart .row .series_value{
        text-align:left;
    }
    .survey_stats .chart .row {
        margin-bottom:20px;
        padding-bottom:20px;
    }
    .survey_stats .question .details{
        padding-right:15px;
    }

    .survey_people .respondent .name {
        float:left;
        margin:10px 0;
        font-size:1.2em;
    }

    .survey_people .respondent .actions {
        font-size:0.8em;
    }


    .checkbox label, .radio label {
        vertical-align:inherit;
    }
    .export_survey .tab-pane .form-control-static{
        font-size:0.9em;
    }

    .export_survey .tab-pane .rss_tools {
        display:none;
    }

    .survey_collabs .survey_people .email{
        display:none;
    }
    .survey_collabs .collab_add .form-control{
        width:100%;
        margin-bottom:4px;
    }

}

#footer-call h2 span {
    color:#27ae60
}

.jPaginate{
    height:34px;
    position:relative;
    color:#AAA;
    font-size:small;
}
.jPaginate a{
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
    position:absolute;
    left:0px;
}
.jPag-control-front{
    position:absolute;
    top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
    width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:16px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:16px;
    text-align:right;
}

.nd-overlay{	
	position:fixed;
	background:rgba(0,0,0,0.75);
	width:100%;
	height:100%;
	left:0;
	top:0; 
	z-index:9999;
}

.nd-dialog{
	position:fixed;
	width:500px;
	margin-left:-250px;
	height:468px;
	margin-top:-234px;
	left:50%;
	top:50%;
	background:url(/system/templates/_default/images/design-announce.png) no-repeat center #FFF;
	border-radius:10px;
	box-shadow: 0 0 20px #000;
}

.nd-close {
	display:block;
	width:30px;
	height:30px;
	position:absolute;
	right:20px;
	top:20px;
	background:url(/system/templates/_default/images/design-announce-close.png) no-repeat center #FFF;
}

.nd-close:hover {
	opacity:0.6;
}

.post-texts-list,
.post-texts-item{
    list-style:none;
    margin:0;
    padding:0;
}

.post-texts-item{
    padding:10px;
    margin-bottom:10px;
    border:solid 1px #ECECEC;
    border-radius:4px;
}

.post-texts-item:last-child{
    margin-bottom:15px;
}

.post-texts-item input{
    width:50px;
    display:inline-block;
    padding:2px;
    text-align:center;
    height:30px;
    position:relative;
    top:1px;
    border-radius: 5px;
}

.post-texts-item .btn{
    height:30px;   
}

.post-text-settings {
    margin-bottom:10px;
}