label{
	vertical-align: top;
}


/********************** Survey Builder *************************/
.surveyform {
	width: 650px;
	padding: 20px;
	float: left;
	background: #f8f8f8;
}
#tabs{
	border: none;
}
#questions .dragQuestion {
	cursor: move;
	background-color: transparent;
}
#questions .dragQuestion p{
	float: left;
	margin: 0;
}
#questionsReceptorContainer{
	clear: both;
	display: block;
}
#questionsReceptor {
	display: flex;
  flex-direction: column;
	/*min-height: 100vh;*/
	background-color: #eee;
	padding: 20px 20px 100px 20px;
	margin: 20px 0;
}
#questionsReceptor.drag {
	background-color: #ddd;
}
#questionsReceptor li {
	float: left;
	clear: both;
	cursor: move;
}
#questionsReceptor > li.question {
	width: 100%;
	background: #fafafa;
	margin: 10px 0;
	padding: 10px;
}
#questionsReceptor > li.question > div.input {
	padding-right: 30px;
	position: relative;
	min-height: 20px;
}

#SurveyEditForm > .input.text{
	padding-right: 0 !important;
}

#SurveyEditForm .form-control{
	width: 100px;
	height: 30px;
}
#SurveyName {

}
#SurveyEditForm .input{
	margin-top: 10px;
}

#SurveyEditForm #SurveyTemplateId_chzn{
	width: auto !important; // stop chozen setting the width
}
#SurveyEditForm #SurveyTemplateId_chzn .chzn-container-single .chzn-single span{
	padding-right: 100px;
}

#questionsReceptor .input.text, #questionsReceptor .input.date, #questionsReceptor .input.datetime, #questionsReceptor .input.select, #questionsReceptor .input.password, #questionsReceptor .input.checkbox, #questionsReceptor .input.radio {
	cursor: move;
	color: #333;
}
#questionsReceptor > li > .input.text, #questionsReceptor > li > .input.date, #questionsReceptor > li > .input.datetime, #questionsReceptor > li > .input.select, #questionsReceptor > li > .input.password, #questionsReceptor > li >  .input.checkbox, #questionsReceptor > li > .input.radio {

}


.surveyform > .input.text, .surveyform > .input.date, .surveyform > .input.datetime, .surveyform > .input.select, .surveyform > .input.password, .surveyform > .input.checkbox, .surveyform > .input.radio {
	cursor: move;
	padding-right: 0 !important;
	color: #333;
}


#questionsReceptor legend, .surveyform legend {
	display: none;
}
#questionsReceptor .input.radio fieldset, .surveyform .input.radio fieldset {
	float: right;
}

/*
#questionsReceptor > .question > .multi_select_description {
	width: 280px;
	float: left;
	margin: 10px 0;
}
.surveyform > .multi_select_description {
	width: 300px;
	float: left;
	margin: 10px 0;
}
*/
#questionsReceptor > .question > .multiselect, .surveyform > .multi_select_options {
	float: right;
}

#questionsReceptor > .question > .likert_options, .surveyform > .likert_options {
	clear: both;
	text-align: center;
	padding: 10px 0px;
}
#questionsReceptor > .question > .likert_options p.extreme, .surveyform > .likert_options span.extreme {
}
#questionsReceptor > .question > .likert_options div, .surveyform > .likert_options div {
	display: inline;
	padding: 0px;
	margin: 0px;
	float: none;
	width: auto;
}
#questionsReceptor > .question > .likert_options input, .surveyform > .likert_options input {
	margin: 0px 5px;
	padding: 0px;
	display: inline;
	float: none;
	vertical-align: bottom;
}

#questionsReceptor > .question > .multiselect > .input.checkbox, .surveyform > .multiselect > .input.checkbox {
	width: 110px !important;
	float: right !important;
	margin: 8px 0 0 25px !important;
	padding: 0 20px 0 0 !important;
	text-align: right;
	position: relative;
}
#questionsReceptor > .question > .multiselect > .input.checkbox label, .surveyform > .multiselect > .input.checkbox label {
	position: static !important;
}


#questionsReceptor > .multiselect > .input.checkbox > input, .surveyform > .multiselect > .input.checkbox input {
	float: right;
	margin: 0px -20px 0 0;
}
#questionsReceptor > .question > .input.radio > .radio_buttons, .surveyform > .input.radio > .radio_buttons {
	float: right;
}
#questionsReceptor > .question > .input.radio > .radio_buttons > .one_radio_button, .surveyform > .input.radio > .radio_buttons > .one_radio_button {
	float: left;
	margin: 0 0 0 15px;
}
#questionsReceptor > .question > .input.radio > .radio_buttons > .one_radio_button > label, .surveyform > .input.radio > .radio_buttons > .one_radio_button > label {
	position: static !important;
	float: left;
	margin: 2px 3px 0 0 !important;
}


#SurveyEditForm .subquestions, .surveyform .subquestions {
	display: none;
	padding-top: 15px;
	clear: both;
}

#SurveyEditForm .subquestions label, .surveyform .subquestions label {
	/* padding: 0 0 0 20px; */
}

#SurveyEditForm .subquestions .input, .surveyform .subquestions .input {
	margin: 3px 0 !important;
	float: right !important;
	padding-right: 0 !important;
	width: 100% !important;
}


#SurveyEditForm .submit, .surveyform + .submit {
	padding: 20px 0;
}

#SurveyEditForm .submit input, .surveyform + .submit input {
	margin: 0 !important;
}

#SurveyEditForm label {
	color: #333 !important;
	float: left;
	min-height: 28px;
	min-width: 200px;
	margin: 0;
	margin-right: 20px;
	text-transform: none;
}


#SurveyEditForm #questionsReceptor label {
	cursor:move;
	min-width: 170px;
}

#SurveyEditForm input[type="file"] {
	border: none !important;
}
#SurveyEditForm input[type=checkbox] + label, .surveyform input[type=checkbox] + label {
	padding-left: 30px;
}
#SurveyEditForm .newList li, .surveyform .newList li {
	width: auto !important;
}
#SurveyEditForm .question, .surveyform .question {
	display: block;
}

#content_col2 form #SurveyEditForm .input.error .error-message {
	display: block;
	color: red;
	clear: both;
}
.survey_question_delete {
	position: absolute;
	cursor: pointer !important;
	width: 30px;
	height: 30px;
	right: -10px;
	top: -10px;
}
.survey_question_delete:after {
	background: crimson;
	border-radius: 15px;
	color: white;
	content: "\d7";
	display: none;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 30px;
}
.survey_question_edit {
	position: absolute;
	cursor: pointer !important;
	width: 30px;
	height: 30px;
	right: 40px;
	top: -10px;
}
.survey_question_edit:after {
	font-family: 'Glyphicons Halflings';
	background: #174471;
	border-radius: 15px;
	color: white;
	content: "\270f";
	display: none;
	font-weight: bold;
	height: 30px;
	line-height: 28px;
	text-align: center;
	width: 30px;
}
.survey-question-placeholder {
	background: #fff;
	height: 30px;
	padding: 5px;
	border: 1px dashed #aaa;
	margin: 3px 0;
}

.question .input {
	position: relative;
}


.question:hover .survey_question_delete:after {
	display: block;
}
.question:hover .survey_question_edit:after {
	display: block;
}
.no-close .ui-dialog-titlebar-close {
	display: none !important;
	visibility: hidden !important;
	width: 1px;
	height: 1px;
	position absolute;
	left: -9999px;
}
.input.text{display: inline-block;    width: 100%;    float: left;}

#SurveyEditForm input#SurveyName {min-width: 500px;}
#SurveyEditForm #cke_SurveyDescription {clear: both;}

#SurveyEditForm .file {float:left;}
#SurveyEditForm #SurveySurveyQuestionsPerPage {float:left;}

#SurveyEditForm .input{
	clear: both;
}

.cke_skin_kama .cke_editor{
	display: grid !important;
}

#SurveyEditForm input[type="checkbox"]{
	display: block;
	margin-top: 10px;
	margin-left: 0;
}

.question .input label{
	text-align: left;
}


.survey-question img{
  display: initial;
}

.survey-question h2 p{
  display: initial;
}

.survey-question p{
  display: block;
}

.survey-question ol li{
  list-style-type: decimal;
}

.survey-question ul li{
  list-style-type: initial;
}

.survey-question .sort_que li{
  list-style: none;
}

.survey h2{
  display:inline;
}

.survey-question p img {
    display: block;
    margin: 0 auto;
}

.fields .mix-options span{
	float: left;
}

/******************* end Survey Builder ******************/

.mctags {margin-left: 295px;margin-bottom: 5px;}

/*Survey Metrics For radio button*/

.checkbox{
 position:relative;
 display:block;
 margin-top:10px;
 margin-bottom:10px
}
.checkbox label{
 min-height:20px;
 padding:0;
 margin: 0 !important;
 font-weight:400;
 cursor:pointer;
}
.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox]{
 position:absolute;
 margin-top:4px\9;
 margin-left:-20px;

}
.checkbox+.checkbox{
 margin-top:-5px
}
.checkbox-inline{
 position:relative;
 display:inline-block;
 padding-left:20px;
 margin-bottom:0;
 font-weight:400;
 vertical-align:middle;
 cursor:pointer
}
.checkbox-inline+.checkbox-inline{
 margin-top:0;
 margin-left:10px
}

input[type="checkbox"] + label span {
    display:inline-block;
    width:19px;
    height:19px;
    background:url(/assets/bootstrap/img/check_radio_sheet.svg) left top no-repeat;
    vertical-align: bottom;
    margin: 0 7px 0 0;
    /*! float: right; */
}
input[type="checkbox"]:checked + label span {
    background:url(/assets/bootstrap/img/check_radio_sheet.svg) -19px top no-repeat;
}

/*End*/

.likert_options{display: table; margin: 0 auto;}
.likert_options .extreme.disagree{float: left; position: relative; top: 6px;}
.likert_options .extreme.agree{float: right; margin-left: 20px; position: relative; top: 6px;}
.likert_options .input.radio{display: inline-block}
.likert_options .input.radio label{width: auto !important; margin: 0 0 0 10px !important;}
.likert_options .input.radio label input{position: relative}

.question .input.radio .input.radio{float: right}
.question .input.radio .input.radio label{width: auto !important; margin: 0 20px !important;}