@media (max-width: 980px) {
    
    #wrapper #content {
        min-height: 540px;
    }

    #wrapper #content.has-right-column {
        padding-right: 160px;
    }

    #wrapper #content > aside.right-column {
        width: 135px;
    }

    #sl-create-new-list {
        width: 135px;
    }

    #sl-create-new-list .element-meta {
        float: none;
        display: block;
        margin: 0 0 5px 0;
    }

    #header-frame {
        height: 270px;
    }

    #header-frame.expand {
        height: 800px;
    }
}




/*========================================*/
/* element insert list */
/*========================================*/



.element-meta {
    float:left; cursor:move; padding:0 0 0 30px; margin-bottom:5px; width:135px; overflow:hidden; white-space:nowrap; background: #FFFFFF;
    box-shadow: 0 1px 2px 0 rgba(40, 60, 70, 0.1);
    height:30px;
}
.element-meta:nth-child(odd) { margin-right: 5px; }
.element-meta:hover { background: #F7F8F9; }
.element-meta.helper { background: #000; color:#fff; z-index: 1000; }
.element-meta.helper .icon-wrap .glyphicons { color:#fff; }
.element-meta .icon-wrap { float:left; padding:5px 7px; margin-left:-30px; font-size: 15px; line-height:1.25; }
.element-meta .icon-wrap .glyphicons { top:2px; color:#43AED8; }



.element-meta .name-wrap
{
	float:left;
	padding:6px 0;
	font-size:13px;
	line-height:1.53846;

	/*(2017-04-03 by 나건수)*/
	font-family:
		"Proxima Nova","Helvetica Neue",Helvetica,Arial,sans-serif
	;
	font-weight: normal;
}


.question-element-heading {
    padding: 0 10px 0 10px;
    margin-bottom: 5px;
    line-height: 36px;
    font-size: 18px;
    color: rgba(0,0,0,0.35);
}
.guide-elements,
.question-elements { margin-bottom:10px; }

#sl-create-new-list {
    width: 275px;
}


@media (max-width: 980px) {
    #sl-create-new-list {
        width: 135px;
    }

    #sl-create-new-list .element-meta {
        float: none;
        display: block;
        margin: 0 0 5px 0;
    }
}











#builder-content { min-height: 390px; }

#builder-content.condensed {}


.builder-page-box {
    position: relative;
    padding-bottom:30px;
    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.builder-page-box.loading { opacity:0.5; }
.builder-page-box.empty .element-meta { display:none; }
.builder-page-box.empty .sl-builder-sortable-placeholder { display:none; }

#sl-builder-loading-overlay { background: url(/admin/image/spinner_16.gif) center center no-repeat; position:absolute; top:0; left:0; height:100%; width:100%; border-radius:4px; }





/*========================================*/
/* core element box */
/*========================================*/

.builder-element-box {
    margin-bottom: 5px;
    position: relative;
}
#builder-content:not(.condensed) .builder-editable-box {
    min-height: 66px;
}
.builder-element-box.drag-active {
    overflow:hidden;
}
.builder-element-box:last-child { margin-bottom:0; }
.builder-element-box.edit-mode .builder-element-top-buttons { display:block; }


.builder-element-box.builder-element-placeholder {
    padding:20px; text-align:center;
}
.builder-element-box.builder-element-placeholder.switch {
}
.builder-element-box.builder-element-placeholder > .glyphicons {
    font-size: 22px;
    color: #BEC9D5;
    -webkit-transition: color 300ms ease;
    transition:         color 300ms ease;
}
.builder-element-box.builder-element-placeholder.switch > .glyphicons {
    color: #43AED8;
}


.builder-element-top-options { margin:15px; position:absolute; top:0; right:0; }
.builder-element-top-buttons { display:none; float:left; margin-left:5px; position:relative; z-index:1; background:#ffffff; box-shadow:0 1px 3px 0 rgba(40,60,70,0.2); }
.builder-element-top-buttons .btn { float:left; height:36px; line-height:20px; padding:8px 10px; margin:0; }

.builder-element-top-actions { position:relative; margin-left:5px; padding:0 2px; float:left; z-index:1; opacity:0; }
.builder-element-top-actions .opt-btn { float:left; width:36px; height:36px; line-height:20px; font-size:16px; padding:8px; margin:0; text-align:center; }
.builder-element-top-actions .opt-btn.btn { color:#BEC9D5; }
.builder-element-top-actions .opt-btn.opt-branching-warning { color:#666; display:none; }
.builder-element-top-actions .opt-btn.btn:hover { color:#2A404B; }
.builder-element-box.edit-mode .builder-element-top-actions,
.builder-element-box:hover .builder-element-top-actions { opacity:1; }


.builder-element-sections {
    margin:15px; position:absolute; top:0; left:0; display:none;
}
.builder-element-sections .sections {
    float:left; margin-right:5px; position:relative; z-index:1; background:#ffffff; box-shadow:0 1px 3px 0 rgba(40,60,70,0.2);
}
.builder-element-sections .btn {
    float:left; height:36px; line-height:20px; padding:8px 10px; margin:0; color:black;
}
.builder-element-sections .btn.active {
    background:#43AED8; color:#fff; text-shadow: 1px 1px rgba(0,0,0,0.2);
}
.builder-element-box.edit-mode .builder-element-sections { display:block; }


.builder-pagebreak-box {
    xborder-bottom: 1px solid rgba(0,0,0,0.05);
    xbackground: #BEC9D5;
}
.builder-pagebreak-box .content-box-body { padding:15px 20px 0 10px; }
.builder-pagebreak-box .page-heading { font-size: 18px; line-height:36px; xcolor:#fff; color:rgba(0,0,0,0.35); }
.builder-pagebreak-box .builder-element-top-options { margin:0; top:15px; }
.builder-pagebreak-box .builder-element-top-actions { opacity:0.3; color:#2A404B; }
.builder-pagebreak-box .content-box-heading { line-height:36px; margin:0; color:rgba(0,0,0,0.35); }
.builder-pagebreak-box.first .content-box-body { padding-top:0; }

.builder-pagebreak-box.ui-sortable-helper { background:#f2f3f5; box-shadow: 0 1px 2px rgba(0,0,0,0.2); }


/*========================================*/
/* core editable element box styles */
/*========================================*/

.builder-editable-box {
    position: relative;
    padding-left:40px;
    x-webkit-transition: height 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    xtransition:         height 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.builder-editable-box .builder-element-top-actions { background:#ffffff; box-shadow:0 1px 3px 0 rgba(40,60,70,0.2); }
.builder-editable-box.drag-active .builder-element-top-actions { display:none; }

.builder-editable-box.edit-mode .opt-move-element,
.builder-editable-box.edit-mode .opt-edit-element { display:none; }

.builder-editable-box .content-box-body { padding:0; position:relative; }
.builder-editable-box .content-box-heading { margin-top:30px; }
.builder-editable-box .content-box-heading:first-child { margin-top:0; }
.builder-editable-box .element-preview { position:relative; cursor:pointer; }
.builder-editable-box .element-preview .pad { padding:20px; }
.builder-editable-box .element-preview .pad > *:last-child { margin-bottom:0; }
.builder-editable-box .builder-preview-overlay { position:absolute; z-index:10; height:100%; width:100%; }
.builder-editable-box .element-editor { padding: 20px; display:none; }
.builder-editable-box.question-element .element-editor { padding: 20px; }
.builder-editable-box .element-options-toggle { display: block; }
.builder-editable-box .element-additional-options { display: none; }
.builder-editable-box .sl-form-advanced { display: none; }
.builder-editable-box .sl-form-advanced .sl-form-group:last-child { margin-bottom:0; }



.builder-editable-box .builder-element-icon {
    position:absolute; top:0; left:0; width:40px; height:100%; text-align:center; padding:20px 0; cursor:pointer;
    background:#BEC9D5;
    -webkit-transition: background 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         background 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.builder-editable-box .builder-element-icon .glyphicons { color:#fff; top:3px; font-size:20px; line-height:20px; }
.builder-editable-box .builder-element-icon .edit-icon { display:none; }
.builder-editable-box:hover .builder-element-icon { background:#43AED8; }

.builder-editable-box.edit-mode .builder-element-icon { background:#43AED8; cursor:default }
.builder-editable-box.edit-mode .builder-element-icon .glyphicons { display:none; }
.builder-editable-box.edit-mode .builder-element-icon .edit-icon { display:block; }

.builder-editable-box.edit-mode .builder-element-icon {
    -webkit-transition: background 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         background 1000ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
.builder-editable-box.warning-flash .builder-element-icon {
    background: #d9534f;
}

.builder-element-top-actions .btn.opt-move-element { cursor:move; }

.element-preview,
.element-editor { z-index:0; }

.builder-element-icon { cursor:move; }

section.sl-section-spacer,
section.sl-builder-spacer { height:1px; background:rgba(40,60,70,0.1); margin:30px 0; }




/*========================================*/
/* builder drag placeholders */
/*========================================*/

.sl-builder-sortable-placeholder { background:#E6E7E9; text-align:center; margin-bottom:5px; }

.sl-builder-empty-placeholder {
    font-size: 16px;
    color: #666666; /*848485*/
    background: #EAEBED;
    border: 1px dashed #ccc;
    height: 420px;
    width: 100%;
    margin-bottom: 5px;
    display: table;
}
.sl-builder-empty-placeholder-cell {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding: 0 30px;

    font-size: 16px;
}

.sl-builder-empty-placeholder .placeholder-text {}
.sl-builder-empty-placeholder .placeholder-drag-feedback {
    display: none;
}
.sl-builder-empty-placeholder .placeholder-drag-feedback h3 {
    margin-top: 0;
}

.sl-builder-empty-placeholder.insert-drag-active .placeholder-text {
    display: none;
}
.sl-builder-empty-placeholder.insert-drag-active .placeholder-drag-feedback {
    display: block;
    text-align:center;
}


.builder-editable-box .element-heading-options { float: right; }
.builder-editable-box .element-heading-options .alignment { margin-top: -7px; }

.builder-editable-box .section-question {}
.builder-editable-box .section-options,
.builder-editable-box .section-branching { display: none; }




/*========================================*/
/* question media uploads */
/*========================================*/

.builder-editable-box .question-media-progress-wrap { display:none; vertical-align:middle; }
.builder-editable-box .question-media-progress { display:inline-block; vertical-align:middle; border:1px solid #ccc; padding:2px; border-radius:4px; width:200px; height:34px; }
.builder-editable-box .question-media-progress .bar { display:block; border-radius:2px; height:100%; width:25%; background-color:#65d2e5;
    color:#fff; text-align:left; line-height:28px; font-size:12px; padding:0 5px; font-weight:bold; }
.builder-editable-box .question-media-progress .bar {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.builder-editable-box .question-media-spinner { display:inline-block; vertical-align:middle; height:34px; padding:5px 2px; }
.builder-editable-box .question-media-error { display:inline-block; vertical-align:middle; padding:5px; }
.builder-editable-box .question-media-thumb-view { display:none; }
.builder-editable-box .question-media-thumb-view .img-thumbnail { max-height:34px; }
.builder-editable-box .question-media-change-btn { padding-left:3px; padding-right:3px; }


.builder-editable-box .choice-media-progress-wrap { display:none; vertical-align:middle; }
.builder-editable-box .choice-media-progress { display:inline-block; vertical-align:middle; border:1px solid #ccc; padding:2px; border-radius:4px; width:120px; height:34px; }
.builder-editable-box .choice-media-progress .bar { display:block; border-radius:2px; height:100%; width:25%; background-color:#65d2e5;
    color:#fff; text-align:left; line-height:28px; font-size:12px; padding:0 5px; font-weight:bold; }
.builder-editable-box .choice-media-progress .bar {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.builder-editable-box .choice-media-spinner { display:inline-block; vertical-align:middle; height:34px; padding:5px 2px; }
.builder-editable-box .choice-media-error { display:inline-block; vertical-align:middle; padding:5px; }
.builder-editable-box .choice-media-thumb-view { display:none; }
.builder-editable-box .choice-media-thumb-view .img-thumbnail { max-height:34px; }
.builder-editable-box .choice-media-change-btn { padding-left:3px; padding-right:3px; }


.builder-editable-box .media-thumb-dark .popover { background:#000; color:#FFF; }
.builder-editable-box .media-thumb-dark .popover .popover-content { padding: 5px 5px; }
.builder-editable-box .media-thumb-dark .popover.top .arrow:after { border-top-color:#000; }





/*========================================*/
/* condensed builder view */
/*========================================*/

.builder-element-box .element-condensed { display:none; cursor:pointer; }
.builder-element-box .element-condensed .pad {
    padding: 10px 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.builder-element-box .element-condensed .preview-question-text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
#builder-content.condensed .builder-editable-box.edit-mode .builder-element-icon { cursor:default; }
#builder-content.condensed .builder-editable-box:not(.edit-mode) .builder-element-icon {
    padding:10px 0;
}
#builder-content.condensed .builder-element-icon .glyphicons { top: 0; }
#builder-content.condensed .builder-element-box .element-preview { display: none }
#builder-content.condensed .builder-element-box .element-editor { display: none; }
#builder-content.condensed .builder-element-box .element-condensed { display: block;}

#builder-content.condensed .builder-editable-box:not(.edit-mode) .builder-element-top-options { top:2px; margin:0; xmargin:0 10px; }
#builder-content.condensed .builder-editable-box:not(.edit-mode) .builder-element-top-actions { box-shadow:none; }

#builder-content .builder-editable-box.edit-mode .element-editor,
#builder-content.condensed .builder-element-box.edit-mode .element-editor { display:block; }
#builder-content .builder-editable-box.edit-mode .element-preview,
#builder-content .builder-editable-box.edit-mode .element-condensed { display:none; }





/*========================================*/
/* question fieldlists */
/*========================================*/

.sl-qb-fieldlist { min-height:34px; margin-bottom:5px; }
.sl-qb-field { margin-bottom:5px; }
.sl-qb-field-pad { padding:0 39px 0 34px; }
.sl-qb-field-left { float:left; margin-left: -34px; }
.sl-qb-field-right { float:right; margin-right:-39px; }
.sl-qb-field-right .btn-wrap { float:left; margin-left: 5px; }
.sl-qb-field-right .btn { width:34px; height:34px; padding:8px 0; font-size:16px; text-align:center; opacity:0.6; }
.sl-qb-field-right .btn-field-config { display:none; }
.sl-qb-field-placeholder {
    background:#F9F9F9; padding:6px; height:34px; margin:0 78px 5px 34px;
    -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.sl-qb-field-move { cursor:move; width:34px; height:34px; line-height:1.25; font-size:16px; font-weight:bold; padding:7px 0; text-align: center; opacity:0.6; }

.sl-qb-field.has-options .btn-field-config { display:block; }
.sl-qb-field.has-options .sl-qb-field-pad { padding-right:78px; }
.sl-qb-field.has-options .sl-qb-field-right { margin-right:-78px; }

.sl-qb-field-inner { position:relative; }
.sl-qb-field-input { height:auto; min-height:34px; }
.sl-qb-field-inner .option-flags { position: absolute; top: 0; right: 0; z-index:999; }
.sl-qb-field-inner .option-flags .opt-flag { display: none; float:left; height:34px; width:34px; color:#999; }
.sl-qb-field-inner .option-flags .opt-flag-inner { padding: 9px; }
.sl-qb-field-val-wrap { }
.sl-qb-field-val-wrap .sl-form-group-narrow { margin-bottom:0; }

.sl-qb-field-options {
    display: none; padding:0; margin:5px 0 15px 0;
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
}
.sl-qb-field-options.active {
    display: block;
}
.sl-qb-field-options .field-group { padding:5px 20px; }
.sl-qb-field-options .field-group.field-group-val { border-bottom: 1px solid #F3F3F3; }
.sl-qb-field-options .option-expand { display: none; margin-top: 7px; padding-left: 20px; }


.sl-qb-add-options { padding:0 34px; }
.sl-qb-add-options .btn { margin-bottom: 5px; }
.sl-qb-add-options .btn .glyphicons { top:2px; }

.sl-validation-subitem { display: none; }


/*========================================*/
/* question choicelists */
/*========================================*/

.sl-qb-choicelist { min-height:34px; margin-bottom:5px; }
.sl-qb-choice { margin-bottom:5px; }
.sl-qb-choice-pad { padding:0 39px 0 34px; }
.sl-qb-choice-left { float:left; margin-left: -34px; }
.sl-qb-choice-right { float:right; margin-right:-39px; }
.sl-qb-choice-right .btn-wrap { float:left; margin-left: 5px; }
.sl-qb-choice-right .btn { width:34px; height:34px; padding:8px 0; font-size:16px; text-align:center; opacity:0.6; }
.sl-qb-choice-right .btn-choice-config { display:none; }
.sl-qb-choice-placeholder {
    background:#F9F9F9; padding:6px; height:34px; margin:0 78px 5px 34px;
    -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }

.sl-qb-choice-move { cursor:move; width:34px; height:34px; line-height:1.25; font-size:16px; font-weight:bold; padding:7px 0; text-align: center; opacity:0.6; }

.sl-qb-choice.has-options .btn-choice-config { display:block; }
.sl-qb-choice.has-options .sl-qb-choice-pad { padding-right:78px; }
.sl-qb-choice.has-options .sl-qb-choice-right { margin-right:-78px; }

.sl-qb-choice-inner { position:relative; }
.sl-qb-choice-input { height:auto; min-height:34px; }
.sl-qb-choice-inner .option-flags { position: absolute; top: 0; right: 0; z-index:999; }
.sl-qb-choice-inner .option-flags .opt-flag { display: none; float:left; height:34px; width:34px; color:#999; }
.sl-qb-choice-inner .option-flags .opt-flag-inner { padding: 9px; }
.sl-qb-choice-val-wrap { }
.sl-qb-choice-val-wrap .sl-form-group-narrow { margin-bottom:0; }

.sl-qb-choice-options {
    display: none; padding:0; margin:5px 0 15px 0;
    background: #F9F9F9;
    border: 1px solid #F3F3F3;
}
.sl-qb-choice-options.active {
    display: block;
}
.sl-qb-choice-options .field-group { padding:5px 20px; }
.sl-qb-choice-options .field-group.field-group-val { border-bottom: 1px solid #F3F3F3; }
.sl-qb-choice-options .option-expand { display: none; margin-top: 7px; padding-left: 20px; }


.sl-qb-add-options { padding:0 34px; }
.sl-qb-add-options .btn { margin-bottom: 5px; }
.sl-qb-add-options .btn .glyphicons { top:2px; }







/*========================================*/
/* multiple choice question css */
/*========================================*/

.choice-wrap-sortable { margin-bottom:5px; }
.choice-wrap,
.choice-wrap-divider,
.choice-wrap-placeholder { margin:0 78px 0 39px; }
.choice-wrap-divider hr { margin: 15px 0; }
.choice-wrap-placeholder { border: 1px dashed #ccc; background:#F9F9F9; padding:6px; height:34px; margin-bottom:5px;
    -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; }
.choice-wrap .btn .glyphicons { top:1px; }
.choice-move { float:left; margin-left:-39px; padding:6px; color:#ccc; font-size:14px; line-height:1.42857; cursor:move; }
.choice-move .glyphicons { font-size:20px; line-height:1; display:block; top:-1px; }
.choice-buttons { float:right; margin-right: -78px; }
.choice-buttons .btn {
    opacity:0.4;
    margin-left:5px;
    float:left;
    width:34px; height:34px; font-size:16px; line-height:1.25;
    text-align:center; padding: 6px 0;
}
.choice-buttons .btn:hover { xopacity: 0.7; }
.choice-buttons .btn .glyphicons { margin:0; }

.choice-preview { cursor:pointer; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; position:relative; }
.choice-preview:hover { background:#F9F9F9; }

.choice-value-wrap {
    display:none;
    color: #ccc; background:#fff;
    margin: -5px; padding:5px;
    float:right; font-size:12px; line-height:1.6666667; text-transform:uppercase;
}
.choice-wrap:hover .choice-value-wrap { xdisplay:block; }

.choice-preview-image { position:absolute; top:0; right:0; padding:0px; border-left:1px solid #ccc; background:#eee; }
.choice-preview-image .viewbox { overflow:hidden; height:32px; width:32px; }

/* change me later */
.choice-wrap .sl-form-group { margin-left:100px; }
.choice-wrap .sl-form-group .control-label { margin-left:-100px; width:100px; }


.choice-wrap-sortable .choice-preview { background:#F2F2F2; }
.choice-wrap-sortable .choice-move .glyphicons-pencil,
.choice-wrap-sortable .choice-move .glyphicons-lock { display:none; }
.choice-wrap-sortable.locked .choice-move .glyphicons-move { display:none; }
.choice-wrap-sortable.locked .choice-move .glyphicons-lock { display:block; }
.choice-wrap-sortable.editing .choice-move .glyphicons-move { display:none; }
.choice-wrap-sortable.editing .choice-move .glyphicons-pencil { display:block; }

.choice-wrap-sortable.locked .choice-move,
.choice-wrap-sortable.editing .choice-move { cursor: default; }
.choice-wrap-sortable.locked .choice-preview { xcursor: default; }
.choice-wrap-sortable.locked .choice-preview { opacity: 0.4; }





/*========================================*/
/* element previews */
/*========================================*/

.element-preview .preview-question-text { cursor:pointer; margin-bottom:15px; padding-top: 4px; }
.element-condensed .preview-question-text { margin:0; padding:0; }
.element-preview .preview-question-text > p:first-child,
.element-preview .preview-question-text > p:last-child { margin:0; }
.element-preview .preview-question-text .meta-inline,
.element-condensed .preview-question-text .meta-inline { float:left; margin-right:0.25em; }
.element-preview .preview-question-text .meta-inline > * { margin-right:0.25em; }
.preview-question-text .meta-inline .required-star { color:red; font-weight:bold; }

.preview-question-wrap { position:relative; opacity:0.5; padding:0; }
.preview-question-wrap table { width:100%; }
.preview-question-wrap td { color:black; }
.preview-question-wrap td .inner { display:block; padding:5px; }
.preview-question-wrap th.column-label,
.preview-question-wrap td.column-label{ text-align:center; font-size:90%; color:#333; font-weight:normal; }
.preview-question-wrap td.row-label { text-align:left; padding-right:30px; }
.preview-question-wrap td.field-cell { text-align:center; }
.preview-question-wrap td.scale-divider { padding:5px 10px; }

.preview-question-wrap tr.total-row td.row-label { }
.preview-question-wrap tr.total-row td.row-label {}

.preview-question-wrap .legend-horizontal { margin-bottom:5px; font-size:13px; }
.preview-question-wrap .legend-column { padding-left: 10px; }

.question-psum-box { min-width:300px; display:inline-block; }
.question-psum-box hr { margin:10px 0; }
.question-psum-row { xheight:36px; line-height:36px; margin-bottom:5px; }
.question-psum-row p { color:black; margin:0; }
.question-psum-row-total { line-height:36px; }
.question-psum-field span { float:left; }
.question-psum-row .form-control { width:40px; margin-left:50px; padding-left:5px; padding-right:5px; text-align:center; margin-right:5px; }
.question-psum-sumwrap { float:right; font-size:24px; color:black; }


.radio-inline-vertical, .checkbox-inline-vertical {
    display: inline-block;
    margin-bottom: 0;
    font-weight: normal;
    vertical-align: top;
    cursor: pointer;
    margin-right: 10px;
    text-align: center;
}

.radio-inline-vertical > .choice-text,
.radio-inline-vertical > .choice-input,
.checkbox-inline-vertical-inline-vertical > .choice-text,
.checkbox-inline-vertical-inline-vertical > .choice-input {
    display:block;
}

.radio-inline.orientation-vertical + .radio-inline.orientation-vertical {
    margin-left: 0;
    margin-right: 10px;
}

.radio-inline, .checkbox-inline {
    margin-right:10px;
    vertical-align: top;
}
.radio-inline+.radio-inline, .checkbox-inline+.checkbox-inline {
    margin-top:0; margin-left:0;
}


ul.rating-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
ul.rating-list > li {
    list-style: none;
    padding: 5px 5px 5px 85px;
    position: relative;
    width: 100%;
    cursor:move !important;
}
ul.rating-list > li + li { margin-top:5px; }
ul.rating-list > li > select { position:absolute; left:5px; top:50%; margin-top:-17px; width:70px; cursor:pointer; }
ul.rating-list > li > div {
    display:block; padding: 7px 10px;
}


.form-control.form-subfield { width: 200px; margin-top:3px; }



/* question specific visibility */

.question-choice-grid .sl-qb-choice-options { display:none; }


.question-choice-multiple-grid .sl-qb-score,
.question-radio-grid .sl-qb-score,
.question-choice-multiple-grid .sl-qb-subfield,
.question-radio-grid .sl-qb-subfield { display:none; }

.question-one-line .sb-qb-validation,
.question-multiple-lines .sl-qb-validation { display:none; }

.question-choice-multiple-grid .btn-choice-add-item-other,
.question-radio-grid .btn-choice-add-item-other,
.question-dropdown .btn-choice-add-item-other,
.question-dropdown-grid .btn-choice-add-item-other { display: none; }










/*========================================*/
/* pagination */
/*========================================*/

.builder-pages { margin: 20px 0; text-align:center; padding:0 100px; }
.builder-pages .builder-next-page,
.builder-pages .builder-previous-page { display:inline-block; cursor:pointer; color:#acacac; }
.builder-pages .builder-next-page { float:right; margin-right:-100px; }
.builder-pages .builder-previous-page { float:left; margin-left:-100px; }
.builder-pages .builder-previous-page span,
.builder-pages .builder-next-page span { float:left; }
.builder-pages .builder-previous-page .text,
.builder-pages .builder-next-page .text { display:inline-block; margin:2px 5px 0 5px; font-size:18px; line-height:1.66666667; vertical-align:middle; }
.builder-pages .builder-previous-page .glyphicons,
.builder-pages .builder-next-page .glyphicons {  font-size:20px; line-height:1.5; }
.builder-pages .builder-current-page { opacity:0.5; font-weight:bold; display:inline-block; margin:2px 5px 0 5px; font-size:20px; line-height:1.66666667; vertical-align:middle; }









/*========================================*/
/* builder introduction */
/*========================================*/

#builder-introduction {
    cursor: pointer;
    margin-bottom: 10px;
}

#builder-introduction .outer {
    display: table;
    width: 100%;
}
#builder-introduction .cell {
    display: table-cell;
    padding: 10px;
    position: relative;
}



#builder-intro-placeholder {
    height: 40px;
    background: #EAEBED;
    color: #666666;
    border: 1px dashed #ccc;
    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#builder-intro-placeholder:hover {
    opacity: 1;
    border: 1px solid #46b8da;
    background: #5bc0de;
    color: white;
}
#builder-intro-placeholder .cell {
    padding-top: 9px;
    padding-bottom: 9px;
}
#builder-intro-placeholder:hover .introduction-icon {
    color: white;
}
#builder-intro-placeholder .message {
    font-size: 15px;
    padding: 0 10px;
}
#builder-intro-placeholder .introduction-icon {
    color: #999;
}



#builder-intro-preview {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#builder-intro-preview:hover {
}
#builder-intro-preview .icon-cell {
    background: #BEC9D5;
    color: white;
}
#builder-intro-preview:hover .icon-cell {
    background: #43AED8;
}
#builder-intro-preview .message-cell {
    padding: 10px 20px;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
}
#builder-intro-preview .message {
}

#builder-intro-preview .options {
    float: right;
    margin: -10px 0 -10px 0;
}
#builder-intro-preview .options > div {
    float: left;
    padding: 10px;
    color: #BEC9D5;
}
#builder-intro-preview .options > div:hover {
    color: #2A404B;
}
#builder-intro-preview .options > div + div {
    margin-left: 5px;
}
#builder-intro-preview .options .glyphicons {
    font-size: 16px;
}
#builder-intro-preview .options .glyphicons-eye-open {
    top: 2px;
}

#builder-intro-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: white;
    overflow-y: auto;
}
#builder-intro-modal .builder-modal-top-buttons {
    float: right;
    margin-top:-10px;
}
#builder-intro-modal .builder-modal-top-buttons .btn-close {
    padding: 10px;
}
#builder-intro-modal .builder-modal-heading {
    margin-bottom: 30px;
}
#builder-intro-modal .builder-modal-heading h3 {
    margin-top: 0;
}


#builder-intro-layout {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}
#builder-intro-layout .cell {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
#builder-intro-layout .cell-config {
    padding: 20px;
    width: 50%;
    background: #F9F9F9;
    border-right: 2px inset #EEE;
}
#builder-intro-layout .cell-preview {
    width: auto;
}
@media (min-width: 1400px) {
    #builder-intro-layout .cell-config {
        width: 700px;
    }
}

#builder-intro-frame {
    float: left;
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    z-index: 80000;
}

#introduction-media-upload .btn-file {
    display:inline-block;
}
#introduction-media-upload .form-control-static { height: 34px;}

.builder-intro-media-progress-wrap { display:none; vertical-align:middle; }
.builder-intro-media-progress { display:inline-block; vertical-align:middle; border:1px solid #f0f0f0; padding:2px; border-radius:4px; width:100px; height:26px; }
.builder-intro-media-progress .bar { display:block; border-radius:2px; height:100%; width:25%; background-color:#5bc0de;
    color:#fff; text-align:left; line-height:28px; font-size:12px; padding:0 5px; font-weight:bold; }
.builder-intro-media-progress .bar {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.builder-intro-media-spinner { display:inline-block; vertical-align:middle; height:24px; width: 24px; padding:1px 2px; }
.builder-intro-media-remove-btn { display: none; }
.builder-intro-media-name { display: none; opacity: 0.7; word-break: break-all; }

#introduction-media-upload.has-file .builder-intro-media-remove-btn { display: block; }
#introduction-media-upload.has-file .builder-intro-media-name { display: inline; }



/*========================================*/
/* builder thank you */
/*========================================*/


#builder-thankyou {
    cursor: pointer;
    margin-bottom: 10px;
}

#builder-thankyou .outer {
    display: table;
    width: 100%;
}
#builder-thankyou .cell {
    display: table-cell;
    padding: 10px;
    position: relative;
}



#builder-thankyou-placeholder {
    height: 40px;
    background: #EAEBED;
    color: #666666;
    border: 1px dashed #ccc;
    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#builder-thankyou-placeholder:hover {
    opacity: 1;
    border: 1px solid #46b8da;
    background: #5bc0de;
    color: white;
}
#builder-thankyou-placeholder:hover .thankyou-icon {
    color: white;
}
#builder-thankyou-placeholder.promo-enabled:hover {
    opacity: 1;
    border: 1px solid #888;
    background: #777;
    color: white;
}
#builder-thankyou-placeholder.promo-enabled:hover .thankyou-icon {
    color: white;
}

#builder-thankyou-placeholder .cell {
    padding-top: 9px;
    padding-bottom: 9px;
}
#builder-thankyou-placeholder .message {
    font-size: 15px;
    padding: 0 10px;
}
#builder-thankyou-placeholder .thankyou-icon {
    color: #999;
}



#builder-thankyou-preview {
    background: white;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    -webkit-transition: all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
    transition:         all 200ms cubic-bezier(0.075, 0.82, 0.165, 1);
}
#builder-thankyou-preview:hover {
}
#builder-thankyou-preview .icon-cell {
    background: #BEC9D5;
    color: white;
}
#builder-thankyou-preview:hover .icon-cell {
    background: #43AED8;
}
#builder-thankyou-preview .message-cell {
    padding: 10px 20px;
    max-width: 0;
    white-space: nowrap;
    overflow: hidden;

    text-overflow: ellipsis;
}
#builder-thankyou-preview .message {
}

#builder-thankyou-preview .options {
    float: right;
    margin: -10px 0 -10px 0;
}
#builder-thankyou-preview .options > div {
    float: left;
    padding: 10px;
    color: #BEC9D5;
}
#builder-thankyou-preview .options > div:hover {
    color: #2A404B;
}
#builder-thankyou-preview .options > div + div {
    margin-left: 5px;
}
#builder-thankyou-preview .options .glyphicons {
    font-size: 16px;
}
#builder-thankyou-preview .options .glyphicons-eye-open {
    top: 2px;
}

#builder-thankyou-modal {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: white;
    overflow-y: auto;
}
#builder-thankyou-modal .builder-modal-top-buttons {
    float: right;
    margin-top:-10px;
}
#builder-thankyou-modal .builder-modal-top-buttons .btn-close {
    padding: 10px;
}
#builder-thankyou-modal .builder-modal-heading {
    margin-bottom: 30px;
}
#builder-thankyou-modal .builder-modal-heading h3 {
    margin-top: 0;
}

#builder-thankyou-layout {
    display: table;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
}

#builder-thankyou-layout .cell {
    display: table-cell;
    vertical-align: top;
    height: 100%;
}
#builder-thankyou-layout .cell-config {
    padding: 20px;
    width: 50%;
    background: #F9F9F9;
    border-right: 2px inset #EEE;
}
#builder-thankyou-layout .cell-preview {
    width: auto;
}

@media (min-width: 1400px) {
    #builder-thankyou-layout .cell-config {
        width: 700px;
    }
}

#builder-thankyou-frame {
    float: left;
    width: 100%;
    height: 100%;
    border: 0;
    position: relative;
    z-index: 80000;
}

#thankyou-media-upload .btn-file {
    display:inline-block;
}
#thankyou-media-upload .form-control-static { height: 34px;}

.builder-thankyou-media-progress-wrap { display:none; vertical-align:middle; }
.builder-thankyou-media-progress { display:inline-block; vertical-align:middle; border:1px solid #f0f0f0; padding:2px; border-radius:4px; width:100px; height:26px; }
.builder-thankyou-media-progress .bar { display:block; border-radius:2px; height:100%; width:25%; background-color:#5bc0de;
    color:#fff; text-align:left; line-height:28px; font-size:12px; padding:0 5px; font-weight:bold; }
.builder-thankyou-media-progress .bar {
    -moz-transition: all .25s ease-in-out;
    -webkit-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}
.builder-thankyou-media-spinner { display:inline-block; vertical-align:middle; height:24px; width: 24px; padding:1px 2px; }
.builder-thankyou-media-remove-btn { display: none; }
.builder-thankyou-media-name { display: none; opacity: 0.7; word-break: break-all; }

#thankyou-media-upload.has-file .builder-thankyou-media-remove-btn { display: block; }
#thankyou-media-upload.has-file .builder-thankyou-media-name { display: inline; }