[button=next-page] {
	color:#333;
}

[button=next-page].disabled {
	color:#ccc;
	cursor:default;
}

[button=prev-page] {
	color:#333;
}

[button=prev-page].disabled {
	color:#ccc;
	cursor:default;
}

.cocoon-perform-feeding {
	word-break:break-word;
}

.panel-cocoon-bank-perform-viewer-page {

}

.panel-cocoon-bank-item-viewer-main * {
	word-break:break-word;
}

.panel-cocoon-bank-item-viewer-main .field-block {
	margin-bottom:15px;
}

.panel-cocoon-bank-item-viewer-main .field-block:last-child {
	margin-bottom:0px;
}

.page-container .panel-cocoon-bank-item-viewer-main .field-block[data-field=reference] .field-asset-list-holder {
	padding:15px;
	border:solid 1px #f8f8f8;
}

.panel-cocoon-bank-item-viewer-main .field-asset-list-holder.border-solid {
	border:solid 2px #444;
	padding:15px;
}

.panel-cocoon-bank-item-viewer-main .field-asset-list-holder .asset-holder {
	margin-bottom:10px;
}


.panel-cocoon-bank-item-viewer-main .asset-holder:empty {
	display:none;
}

.panel-cocoon-bank-item-viewer-main .asset-holder:last-child {
	margin-bottom:0px;
}



.panel-cocoon-bank-item-viewer-main .asset-holder.border-solid {
	border:solid 2px #888;
	padding:10px;
	box-shadow:1px 1px 2px rgb(0,0,0,0.6);
}

.panel-cocoon-bank-item-viewer-main [contenteditable] * {
	vertical-align:baseline;
}


.html-asset-control * {
	vertical-align:baseline;
}

.image-asset-control {
	text-align:center;
}

.image-asset-control img {
	width:100%;
	1max-width:100%;
	1max-height:800px;
	1object-fit:contain;
	1margin:0 auto;
	1min-height:600px;
	1object-position:center top;
}


.hr-double {
	border-top:double 3px #000;
	margin-top:10px;
	margin-bottom:10px;
}

.hr-solid {
	border-top:solid 1px #000;
	margin-top:10px;
	margin-bottom:10px;
}

.hr-dashed {
	border-top:dashed 1px #000;
	margin-top:10px;
	margin-bottom:10px;
}

.panel-cocoon-bank-item-viewer-main .field-block[data-field=feedback] {

}

.panel-cocoon-bank-item-viewer-main .field-block[data-field=feedback] {
	font-size:.9em;
	color:#444;
	margin-bottom:5px;
	margin-bottom:10px;
	border:solid 1px #eee;
	padding:10px;
	padding:10px;
	background:#fafafa;
	border-radius:10px;
}


.panel-cocoon-bank-item-viewer-main [button=showFeedback1]
,.panel-cocoon-bank-item-viewer-main [button=showFeedback2]
,.panel-cocoon-bank-item-viewer-main [button=goNextPage]
,.panel-cocoon-bank-item-viewer-main [button=retryQuestion] {
	cursor:not-allowed;
	color:#888;
}

.panel-cocoon-bank-item-viewer-main [button=retryQuestion].emphasis {
	background:#1266F1;
	border-color:#1266F1;
}

.panel-cocoon-bank-item-viewer-main [button=goNextPage].emphasis {
	background:#00B74A;
	border-color:#00B74A;
}

.panel-cocoon-bank-item-viewer-main [button=showFeedback1].emphasis {
	background:#39C0ED;
	border-color:#39C0ED;
}

.panel-cocoon-bank-item-viewer-main [button=showFeedback2].emphasis {
	background:#F93154;
	border-color:#F93154;
}

.panel-cocoon-bank-item-viewer-main [button=showFeedback1].emphasis
,.panel-cocoon-bank-item-viewer-main [button=showFeedback2].emphasis
,.panel-cocoon-bank-item-viewer-main [button=goNextPage].emphasis
,.panel-cocoon-bank-item-viewer-main [button=retryQuestion].emphasis {
	cursor:pointer;
	color:#fff;
}



/**************** paper-editor ********************/
.cocoon-paper-editor {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
}

.cocoon-paper-editor-left {
	position:absolute;
	left:0px;
	width:250px;
	top:0px;
	bottom:0px;
	border-right:solid 1px #ccc;
	background:#fafafa;
}

.cocoon-paper-editor-right {
	position:absolute;
	right:0px;
	left:250px;
	top:0px;
	bottom:0px;"
}

.cocoon-paper-editor .section-list-holder {
	overflow-y:auto;
	position:absolute;
	left:0px;
	right:0px;
	top:60px;
	bottom:0px;
}

.cocoon-paper-editor-bottom {
	display:none;
	position:absolute;
	left:0px;
	right:0px;
	height:45px;
	bottom:0px;
	background:#f1f1f1;
	border-top:solid 1px #ccc;
	padding:5px 10px;
}

.cocoon-paper-editor-bottom [button] {
	padding:3px 8px;
	font-size:12px;
	min-width:80px;
}

.cocoon-paper-editor[data-editableYn=Y] .section-list-holder {
	bottom:45px;
}

.cocoon-paper-editor[data-editableYn=Y] .cocoon-paper-editor-bottom {
	display:block;
}

/****** detail **********/


.cocoon-paper-editor .section-selector-form {
	position:absolute;
	left:0px;
	right:0px;
	top:30px;
	height:30px;
	padding:2px;
	border-bottom:solid 1px #ccc;
}


.cocoon-paper-editor .section-selector-form *:last-child {
	width:24px;
	padding-left:2px;
}

.cocoon-paper-editor[data-editableYn=N] .section-selector-form > *:last-child {
	display:none;
}

.cocoon-paper-editor .section-selector-form select {
	width:100%;
	height:24px;
	border:none;
}

.cocoon-paper-editor .section-seector-tools [button] {
	display:inline-block;
	height:26px;
	width:26px;
	line-height:24px;
	padding:0px;
}

.cocoon-paper-editor .coocon-paper-editor-top-column {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:30px;
	line-height:30px;
	padding-left:10px;
	background:#f1f1f1;
	border-bottom:solid 1px #ccc;
	font-size:12px;
}

.cocoon-paper-editor .editable-message {
	font-size:10px;
	padding-right:6px;
	color:maroon;
}

.cocoon-paper-editor .editable-message .fa {
	margin-right:0.5em;
}

.cocoon-paper-editor .editable-message > * {
	vertical-align:baseline;
}

.cocoon-paper-editor [button].normal.fa {
	padding:4px;
}



/******* section **************/
.cocoon-paper-editor .section-row-header {
	padding:5px;
	background:dodgerblue;
	color:#fff;
	border-bottom:solid 1px #ccc;
	font-size:11px;
}

.cocoon-paper-editor .section-row-info-block {
	
}

.cocoon-paper-editor .section-row-header {
	padding:6px;
}

.cocoon-paper-editor .section-info-block {
	margin-bottom:4px;
}

.cocoon-paper-editor .section-label-holder {
	font-size:13px;
	color:#fff;
}

.cocoon-paper-editor .section-directions-holder  {
	font-size:10px;
	color:#eaeaea;
	
}

.cocoon-paper-editor .section-tool-holder {
	width:9px;
	white-space:nowrap;
}

.cocoon-paper-editor .section-tool-holder .tools {
	display:none;
}

.cocoon-paper-editor .section-row-header:hover .tools {
	display:inline-block;
}

/******* part **************/
.cocoon-paper-editor .part-row-header {
	padding:5px;
	background:#dbedf7;
	color:#444;
	border-bottom:solid 1px #ccc;
	font-size:11px;
	border-left:solid 1px #ccc;
}

.cocoon-paper-editor .part-row-info-block {
	
}

.cocoon-paper-editor .part-row-header {
	padding:6px;
}

.cocoon-paper-editor .part-info-block {
	margin-bottom:4px;
	
}

.cocoon-paper-editor .part-label-holder {
	font-size:13px;
}

.cocoon-paper-editor .part-directions-holder  {
	font-size:10px;
	color:#888;
	
}

.cocoon-paper-editor .part-tool-holder {
	width:9px;
	white-space:nowrap;
}

.cocoon-paper-editor .part-tool-holder .tools {
	display:none;
}

.cocoon-paper-editor .part-row-header:hover .tools {
	display:inline-block;
}

/******* block **************/
.cocoon-paper-editor .block-row-header {
	padding:5px;
	background:beige;
	color:#444;
	border-bottom:solid 1px #ccc;
	font-size:11px;
	border-left:solid 1px #ccc;
}

.cocoon-paper-editor .block-row-info-block {
	
}

.cocoon-paper-editor .block-row-header {
	padding:6px;
}

.cocoon-paper-editor .block-info-block {
	margin-bottom:4px;
	
}

.cocoon-paper-editor .block-label-holder {
	font-size:13px;
}

.cocoon-paper-editor .block-directions-holder  {
	font-size:10px;
	color:#888;
	
}

.cocoon-paper-editor .block-tool-holder {
	width:9px;
	white-space:nowrap;
}

.cocoon-paper-editor .block-tool-holder .tools {
	display:none;
}

.cocoon-paper-editor .block-row-header:hover .tools {
	display:inline-block;
}


/******* set **************/
.cocoon-paper-editor .set-row-header {
	padding:5px;
	background:#ecf3f6;
	color:#444;
	border-bottom:solid 1px #ccc;
	font-size:11px;
	border-left:solid 1px #ccc;
}

.cocoon-paper-editor .set-row-info-block {
	
}

.cocoon-paper-editor .set-row-header {
	padding:6px;
}

.cocoon-paper-editor .set-info-block {
	margin-bottom:4px;
	
}

.cocoon-paper-editor .set-label-holder {
	font-size:13px;
}

.cocoon-paper-editor .set-directions-holder  {
	font-size:10px;
	color:#888;
	
}

.cocoon-paper-editor .set-tool-holder {
	width:9px;
	white-space:nowrap;
}

.cocoon-paper-editor .set-tool-holder .tools {
	display:none;
}

.cocoon-paper-editor .set-row-header:hover .tools {
	display:inline-block;
}



/******* question **************/
.cocoon-paper-editor .question-row {
	background:#fff;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}

.cocoon-paper-editor .question-row-header {
	padding:5px;
	color:#444;

	font-size:11px;

}

.cocoon-paper-editor .question-row.selected {
	background:#ffe800;
}

.cocoon-paper-editor .question-row.selected .question-label-holder > * {
	vertical-align:middle;
}

.cocoon-paper-editor .question-row.selected .question-label-holder .label {
	font-weight:600;

}

.cocoon-paper-editor .question-row-info-block {
	
}

.cocoon-paper-editor .question-row-header {
	padding:6px;
}

.cocoon-paper-editor .question-info-block {
	margin-bottom:4px;
	
}

.cocoon-paper-editor .question-label-holder {
	font-size:13px;
}

.cocoon-paper-editor .question-label-holder > * {
	vertical-align:baseline;
}

.cocoon-paper-editor .question-directions-holder  {
	font-size:10px;
	color:#888;
	
}

.cocoon-paper-editor .question-tool-holder {
	width:30px;
	white-space:nowrap;
	visibility:hidden;
}

.cocoon-paper-editor .question-row.selected .question-tool-holder {
	visibility:visible;
}

.cocoon-paper-editor .question-tool-holder .tools {
	
}



.cocoon-paper-editor .question-row .set-header-holder {
	display:none;
	width:15px;
	position:relative;
}


.cocoon-paper-editor .question-row[data-setYn=Y] .set-header-holder {
	display:table-cell;
}

.cocoon-paper-editor .question-row[data-setYn=Y] .set-header {
	display:inline-block;
	position:absolute;
	background:dodgerblue;
	width:5px;
	left:8px;
}

.cocoon-paper-editor .question-row[data-setYn=Y] .set-header.top {
	bottom:-2px;height:70%;
}

.cocoon-paper-editor .question-row[data-setYn=Y] .set-header.bottom {
	top:-2px;height:70%;
}

.cocoon-paper-editor .question-row[data-setYn=Y] .set-header.middle {
	top:0px;bottom:0px;height:100%;
}


.cocoon-paper-editor .question-row[data-blockYn=Y] .set-header-holder {
	display:table-cell;
}

.cocoon-paper-editor .question-row[data-blockYn=Y] .set-header {
	display:inline-block;
	position:absolute;
	background:purple;
	width:5px;
	left:8px;
}

.cocoon-paper-editor .question-row[data-blockYn=Y] .set-header.top {
	bottom:-2px;height:70%;
}

.cocoon-paper-editor .question-row[data-blockYn=Y] .set-header.bottom {
	top:-2px;height:70%;
}

.cocoon-paper-editor .question-row[data-blockYn=Y] .set-header.middle {
	top:0px;bottom:0px;height:100%;
}

.cocoon-paper-editor .question-holder:empty {
	background:#fff;
	border-left:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
}

.cocoon-paper-editor .question-row .question-score-holder {
	text-align:right;
	padding-right:0px;
	vertical-align:middle;
	1border:solid 1px blue;
	width:50px;
	white-space:nowrap;
}

.cocoon-paper-editor .question-row .question-score-holder [name=score] {
	width:30px;border:none;background:transparent;text-align:right;font-size:12px;
	border-radius:4px;
}

.cocoon-paper-editor .question-row .question-score-holder [name=score]:focus {
	outline-width: 0;
	border-bottom:solid 1px #ccc;
	background:yellow;
}


/****** editmode **********/
.cocoon-paper-editor[data-mode='edit'] .question-row [button],
.cocoon-paper-editor[data-mode='edit'] .part-row [button],
.cocoon-paper-editor[data-mode='edit'] .section-row [button],
.cocoon-paper-editor[data-mode='edit'] .section-selector-form .section-seector-tools
{
	display:none !important;
}

.cocoon-paper-editor[data-mode='edit'] .section-selector-form [name] { 
	pointer-events:none;	
}

.cocoon-paper-editor[data-mode='edit'] .question-row [name] { 
	pointer-events:none;	
}

.cocoon-paper-editor [name=question-checkbox] {
	display:none;
	margin-right:5px;
}

.cocoon-paper-editor[data-mode='edit'] .question-row [name=question-checkbox] {
	display:inline-block;
	pointer-events:all;	
}


/********************* item editor *****************************/

.panel-cocoon-bank-item-editor-main * {
	word-break:break-word;
}

.panel-cocoon-bank-item-editor-main [contenteditable] * {
	vertical-align:baseline;
}

.panel-cocoon-bank-item-editor-main .asset-control[data-type=image] img {
	width:100%;
	1max-width:100%;
	1max-height:800px;
	1object-fit:contain;
	1min-height:600px;
	1object-position:center top;
}

.panel-cocoon-bank-item-editor-form[phytonNeedToAutoSave='Y'] [button=save-item] {
	background:red;
	color:#fff;
}

.panel-cocoon-bank-item-editor-form .asset-list-holder {
	margin-bottom:10px;
	background:#fbfbfb;
	min-height:50px;
	border-radius:10px;
	padding:10px;"
}

.panel-cocoon-bank-item-editor-form .asset-list-holder .asset-container {
	padding-bottom:8px;
	margin-bottom:10px;
	border-bottom:dashed 1px #ccc;
}

.panel-cocoon-bank-item-editor-form .asset-list-holder .asset-container:last-child {
	border-bottom:none;
	margin-bottom:0px;
}

.panel-cocoon-bank-item-editor-form .asset-list-holder.border-solid  {
	border:solid 1px #444;
	border-radius:0px;
}

.panel-cocoon-bank-item-editor-form .asset-container .asset-header {
	display1:none;
	height:25px;
}

.panel-cocoon-bank-item-editor-form .asset-container .asset-tool-box {
	display:none;
	transition:display 1s;
}

.panel-cocoon-bank-item-editor-form .asset-container [contenteditable] {
	word-break:break-word;
	padding:10px;
	border-radius:8px;
	border:solid 1px #eee;
}

.panel-cocoon-bank-item-editor-form .asset-container .asset-script-holder  [contenteditable] {
	border:dashed 2px #ddd;
	font-size:11px;
}

.panel-cocoon-bank-item-editor-form .asset-container.border-solid [contenteditable] {
	border:solid 1px #444;
	border-radius:0px;
}


.panel-cocoon-bank-item-editor-form .asset-container .asset-actor-holder {
	display:none;
	opacity:0;
	transition:opacity 1s;
	margin-top:8px;
}

.panel-cocoon-bank-item-editor-form .asset-container .asset-label {
	font-size:11px;
	color:#ccc;
	margin-right:10px;
}

.panel-cocoon-bank-item-editor-form .asset-container:hover .asset-header {
	display:table;
}

.panel-cocoon-bank-item-editor-form .asset-container:hover .asset-label {
	color:purple;
}

.panel-cocoon-bank-item-editor-form .asset-container:hover .asset-tool-box {
	display:inline-block;
}

.panel-cocoon-bank-item-editor-form .asset-container:hover .asset-actor-holder {
	display:block;
	opacity:1;
}

.panel-cocoon-bank-item-editor-form .asset-container [contenteditable] {
	background:#fff;
}

.panel-cocoon-bank-item-editor-form .asset-container:first-child [button=up-asset] {
	display:none;
}

.panel-cocoon-bank-item-editor-form .asset-container:last-child [button=down-asset] {
	display:none;
}

.panel-cocoon-bank-item-editor-form .field-tool-block {
	padding:6px 10px;background:#fafafa;border-radius:8px;margin-bottom:10px;
}



.cocoon-question-row.phyton-box-row {
	padding:5px;
	padding-right:0px;
	padding-bottom:0px;
	width:33%;
	border:none;
}

.cocoon-question-row.phyton-box-row .phyton-box-row-inner {
	padding:0px;
	border:solid 1px #ddd;
	border-radius:8px;
	background:#fff;
}

.cocoon-question-row.phyton-box-row .phyton-box-row-inner > * {
	padding:5px;
}

.cocoon-question-row.phyton-box-row .item-holder-container {
	 height:300px;
	 overflow:auto;
}