@CHARSET "UTF-8";

.btn-rating {
  color: #424242;
  background-color: #FFFACD;
  border-color: #eea236;
}
.btn-rating:hover,
.btn-rating:focus,
.btn-rating:active,
.btn-rating.active,
.open .dropdown-toggle.btn-rating {
  color: #fff;
  background-color: #ed9c28;
  border-color: #d58512;
}

.item-area .item-input .question-option{
	font-weight:normal;
}

@media (max-width: 767px) {
	.question-option{
		width: 100%;
	}
}

@media (min-width: 768px) {
	.question-group{
		margin-left: 2em;
		margin-right: 2em;
	}
}

.clickable {
	cursor: pointer;
}

.option-sortable {
	text-align: center;
	font-size: 18pt;
	color: #C0C0C0;
	cursor: move;
}
.option-sortable:hover {
	color: #4169E1;
}

#input-area {
	margin: 1em;
}

.add-area-0 {
	margin-left: 4em;
	margin-right: 4em;
}
.add-area {
	margin-left: 5em;
	margin-right: 5em;
}

.nav-tabs {
	border-bottom: 1px solid #ddd;
	font-size: 18pt;
}

.add-item {
	border: 1px solid #555555;
	text-align: center;
	border-radius: 6px;
	margin-bottom: 1em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	cursor: pointer;
	opacity: 0.7;
}

.add-item:hover {
	filter:alpha(opacity=100);
	opacity: 1;
	background-color: #FFFFD0;
}

.edit-area {
	text-align: right;
	padding-left: -0.5em;
	padding-right: -0.5em;
}

.item-area {
	margin-bottom:1em;
}

.edit-area-icon {
	font-size: 18pt;
	color: #778899;
	cursor: pointer;
}

.edit-area-icon:hover {
	color: #4169E1;
}

.item-area-select-on {
	padding-right: 1em;
	background-color: #FFFFE0;
	border-radius: 10px;
	margin:0.5em;
}

.item-area-select-off {
	padding-right: 1em;
	border-radius: 10px;
}

.ui-state-box {
	height: 3em;
	border: dotted 2px #0000ff;
	background-color: #FFFACD;
	border-radius: 6px;
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

.item {
	margin-top: 1em;
	margin-bottom: 1em;
	margin-left: 2em;
	margin-right: 2em;
}

.major-item {
	border-left:7px solid #00a5e2;
	border-bottom:1px solid #00a5e2;
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 18pt;
}

.included-item {
	border-left:3px solid #00a5e2;
	margin-top: 1em;
	margin-bottom: 0em;
	font-size: 14pt;
}

.item-required {
	color: red;
	font-size:12pt;
}

.item-conditional-required {
	color: green;
	font-size:12pt;
}

.explanation-item{
	margin-bottom: 0.5em;
}

.question-title {
	font-size: 14pt;
}

.question-example {
	margin-bottom: 0.5em;
}
.question-note {
	margin-bottom: 0.5em;
}

.question-options {
	margin-bottom: 1em;
	margin-left: 0.5em;
	margin-right: 0.5em;
	font-size:14pt;
}

.question-comment {
	margin-bottom: 1em;
}

.question-example-btn {
	color: #4169E1;
}

.question-example-text {
	border: dotted 1px #0000ff;
	background-color: #FFFFF0;
	border-radius: 6px;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	margin-left: 1em;
	margin-right: 1em;

}

.count-area {
	font-size: 12pt;
}
.count-string {
	font-size: 16pt;
}
.check-ok{
	font-size: 16pt;
	color: green;
}
.check-ban{
	font-size: 16pt;
	color: red;
}
.check-error{
	font-size: 13pt;
	color: red;
}
.check-edit{
	font-size: 12pt;
	color: #DF7401;
}
.check-resubmit{
	font-size: 12pt;
	color: red;
}
.check-edit-hide{
	font-size: 12pt;
	color: #800000;
}
.answer-input{
	font-size: 12pt;
	color: MediumBlue;
}
.answer-edit{
	font-size: 16pt;
	color: #DF7401;
}
.err-msg{
	font-size: 12pt;
	color: red;
}
.common-err-msg{
	font-size: 12pt;
	color: red;
}
.err-mark{
	font-size: 20pt;
	color: red;
}
.item-option{
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 2px;
	padding-buttom: 2px;
}

.option-error{
	padding-left: 6em;
}

.question-header{
}

.type-icon-area{
	border: 2px solid #d9e5ff;
	border-radius: 5px;
	background-color: #f0ffff;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.itemize-area{
	margin-left: 0.5em;
}
.required-area{
	border: 2px solid #d9e5ff;
	border-radius: 5px;
	background-color: #f0ffff;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.border-area{
	border: 1px solid #d9e5ff;
	border-radius: 5px;
	background-color: #fbffff;
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.borderless-area{
	padding: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.check-area{
	border: 1px solid #d9e5ff;
	border-radius: 5px;
	background-color: #fbffff;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-buttom: 5px;
	margin-top: 5px;
	margin-bottom: 5px;

}
.shop-Item-select{
	border: 1px solid #d9e5ff;
	border-radius: 5px;
	background-color: #fbffff;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px;
}
.attached-comment{
	border: 1px solid #d9e5ff;
	border-radius: 5px;
	padding: 5px;
	background-color: #F5FFFA
}

.type-icon{
	margin: 2px;
	font-size: 24pt;
	color: #00a5e2;
	cursor: pointer;
}

.type-icon:hover{
	color: #00BFFF;
}

.group-type-icon-gray{
	margin: 2px;
	font-size: 24pt;
	color: #C0C0C0;
	cursor: pointer;
}
.group-type-icon-gray:hover{
	color: #00BFFF;
}

.group-type-icon{
	margin: 2px;
	font-size: 24pt;
	color: #00a5e2;
	cursor: pointer;
}

.group-type-icon:hover{
	color: #00BFFF;
}

.type-icon-gray{
	margin: 2px;
	font-size: 24pt;
	color: #C0C0C0;
	cursor: pointer;
}
.type-icon-gray:hover{
	color: #00BFFF;
}

.mark-type-icon-gray{
	margin: 2px;
	font-size: 24pt;
	color: #C0C0C0;
	cursor: pointer;
}
.mark-type-icon-gray:hover{
	color: #00BFFF;
}

.mark-type-icon{
	margin: 2px;
	font-size: 24pt;
	color: #00a5e2;
	cursor: pointer;
}

.mark-type-icon:hover{
	color: #00BFFF;
}

.included-type-start{
	margin-right: 1em;
}
.included-type-start:hover{
	margin-right: 1em;
}

.paging-type-start{
	margin-left: 1em;
	margin-right: 3em;
}
.paging-type-start:hover{
	margin-left: 1em;
	margin-right: 3em;
}

.del-item-option{
	font-size: 20pt;
	color: #C0C0C0;
	text-align: center;
	cursor: pointer;
}
.del-item-option:hover{
	color: #FF4500;
}

.add-item-option{
	font-size: 14pt;
	color: #008000;
	cursor: pointer;
	margin-left: 1em;
	margin-top: 2px;
}
.add-item-option:hover{
	color: #228B22;
}

.point-cell{
	display: table-cell;
	width:10%;
}

.input_item_point{
	cursor: pointer;
}

.point-option-btn{
	font-size: 14pt;
}
.add-point-option{
	color: #008000;
	cursor: pointer;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.add-point-option:hover{
	color: #228B22;
}
.del-point-option{
	color: #FF6347;
	cursor: pointer;
	margin-left: 0.5em;
	margin-right: 0.5em;
}
.del-point-option:hover{
	color: #FA8072;
}

.point-type-icon-gray{
	cursor: pointer;
	margin: 2px;
	font-size: 20pt;
	color: #C0C0C0;
}
.point-type-icon-on{
	cursor: pointer;
	margin: 2px;
	font-size: 20pt;
	color: orange;
}
.question-option{
	border: solid 1px #F3F781;
	background-color: #FBFBEF;
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	margin: 0.2em;
	cursor: pointer;
}

.option-selected{
	border: solid 1px #FF4000;
	background-color: #F5D0A9;
	border-radius: 5px;
}

.item-mark{
	font-size: 24pt;
	color: #C0C0C0;
	cursor: pointer;
}

.item-mark-selected{
	color: orange;
}

.ranking-number{
	width:3em;
	text-align: center;
	color: #FF4500;
}

.file-upload-area{
	border: dotted 2px #dddddd;
	border-radius: 10px;
	background-color: #ffffff;
	padding: 5px;
	margin-top: 5px;
	margin-left: 15px;
	margin-right: 15px;
	cursor: default;
}
.del-attachment{
	font-size: 20pt;
	color: #C0C0C0;
	text-align: center;
	cursor: pointer;
}
.del-attachment:hover{
	color: #FF4500;
}

.attachment-image{
	margin-bottom: 1em;
	margin-left: 3em;
	margin-right: 1em;
}

.form-status-answered{
	border: solid 1px #dc143c;
	border-radius: 5px;
	background-color: #dc143c;
	color: #ffffff;
	padding: 3px;
}
.form-status-used{
	border: solid 1px orange;
	border-radius: 5px;
	background-color: orange;
	padding: 3px;
}
.form-display > tbody > tr.major-group-answer-row > td,
.form-display > tbody > tr.major-group-answer-row > th{
	background-color: #A9D0F5;
}
.form-display > tbody > tr.included-group-answer-row > td,
.form-display > tbody > tr.included-group-answer-row > th{
	background-color: #CEECF5;
}

.check-ng-message{
	background-color: #FE2E2E;
	font-size: 12pt;
	color: #FFFFFF;
	border-radius: 10px;
	padding: 5px;
}
.check-ng-question{
	background-color: #F8E0F7;
	border-radius: 10px;
	padding: 5px;
}
.check-ok-question{
	background-color: #F1F8E0;
	border-radius: 10px;
	padding: 5px;
}
.report-disp{
	padding: 1em;
}
.report-disp-major-group{
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 3px;
	padding-buttom: 0.3em;
	border-left:7px solid #00a5e2;
	border-bottom:1px solid #00a5e2;
	font-size: 11pt;
}
.report-disp-included-group{
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 3px;
	padding-buttom: 0.3em;
	border-left:3px solid #00a5e2;
	font-size: 11pt;
}
.report-disp-question-group{
	padding-left: 1em;
	padding-right: 1em;
	padding-top: 3px;
	padding-buttom: 0.3em;
	font-size: 11pt;
}
.report-disp-question{
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 5px;
	padding-buttom: 1em;
	font-size: 11pt;
}
.report-disp-options{
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-buttom: 5px;
	font-size: 10pt;
}
.report-disp-question-note{
	padding-left: 0.5em;
	padding-right: 0.5em;
	font-size: 10pt;
}