[button], [button] > * {
  -webkit-user-select: none; /* Safari 3.1+ */
  -moz-user-select: none; /* Firefox 2+ */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Standard syntax */
}

.maui-component-page *,
.panel-polynesia-maui-editor-main * {
	box-sizing:border-box;
}

[contenteditable=true]:empty:before {
  content: attr(placeholder);
  color:#888;
  display: block; /* For Firefox */
}

.contenteditable-ie-blocker {
	display:none;
}

.maui-page-container :focus {
    outline:none;
}

.maui-component-container[data-container=true] > .maui-component-core[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color:#888;
  display: block; /* For Firefox */
}

video::-internal-media-controls-download-button {
    display:none;
}

video::-webkit-media-controls-enclosure {
    overflow:hidden;
}

video::-webkit-media-controls-panel {
    width: calc(100% + 30px); /* Adjust as needed */
}


.maui-maui-list {
	position:absolute;
	left:0px;
	left:0px;
	width:200px;
	top:0px;
	bottom:0px;
	border-right:solid 1px #ccc;
	overflow-y:auto;
}

.maui-page-editor {
	position:absolute;
	left:200px;
	right:0px;
	top:0px;
	bottom:0px;
}


.maui-page-space-holder {
	background:url(../img/repeating-left.png);
}

@media (max-width:1000px) {
	
	.maui-maui-list {
		display:none;
	}

	.maui-page-editor {
		left:0px;
	}

}

.maui-component-drop {
	display:none;
}

.maui-component-drop.droppable {
	display:block;
	min-height:10px;
	background:#eee;
}

.maui-component-drop.droppable.full {
	min-height:100px;
}

.maui-component-drop.droppable.highlight {
	min-height:30px;
	background:orange;
}

.maui-component-drop.droppable.full.highlight {
	min-height:100px;
}


/********** basic **********************/
.maui-page-container .theme-background {
	background-color:#f1f1f1;
}

.maui-page-container .theme-foreground {
	color:#444;
}

.maui-page-container {
	font-size:16px;
	text-align:left;
	position:relative;
	background:#fff;

}

/*******************************************************************

MAUI-COMPONENT

*******************************************************************/
/* maui-component */
.maui-component-container {
	position:relative;
	
}

.maui-component-container.pointer {
	cursor:pointer;
}


.maui-component-container > .maui-component-core {
	padding:.3em;
	text-align:left;
}

.maui-page-container .maui-component-type-part {
	padding:1em;
	min-height:100%;
}

.maui-page-viewer[data-device=mobile] .maui-component-container {
	padding:.1em;
}

.maui-page-viewer[data-device=mobile] .maui-component-container > .maui-component-core {
	padding:.1em;
}



@media (max-width:700px) {

	.maui-component-container {
		padding:.1em;
	}

	.maui-component-container > .maui-component-core {
		padding:.2em;
	}
}

.maui-component-container[data-type=section]  {
	padding:0px !important;
	1border:solid 1px blue;
}

.maui-component-container[data-type=section] > .maui-component-core {
	padding:0px !important;
	1border:solid 1px blue;
}

.maui-component-type-button {
	display:inline-block;
}

.maui-component-type-card > .maui-component-core {
	border:solid 1px #444;
}


.maui-component-type-text > .maui-component-core > .component-data-field {
	line-height:1.63em;

}


/************ item ********************/
.maui-component-type-item-response-select [button=option-anchor] {
	display:inline-block;
	1padding:4px 4px;
	border-radius:50%;
	1font-size:.8em;
	text-align:center;
	line-height:1em;
	1width:20px;
	1height:20px;
	1line-height:20px;
}

.maui-component-type-item-response-select .item-option-holder table {
	width:100%;
}

.maui-component-type-item-response-select [button=option-anchor].selected {
	background:dodgerblue;
	color:#fff;
}

.maui-component-type-item-response-select .item-option-data-field {
	cursor:pointer;
}


.maui-component-type-item-response-select .item-option-data-field.selected {
	color:dodgerblue;
}


.maui-component-type-item-response-select .failed-answer {
	color:red;
}

.maui-component-type-item-response-select .failed-answer [button=option-anchor] {
	background:red;
	color:#fff;
}

.maui-component-type-item-response-select .passed-answer {
	color:dodgerblue;
}


.maui-component-type-item[data-passYn=Y] .field-holder[data-field=question]  {
	1background:url(../img/item/correct.gif) no-repeat -5px 10px;
	1border:solid 1px red;
	color:dodgerblue;
	1width:80px;
	1height:80px;
}

.maui-component-type-item[data-passYn=N] .field-holder[data-field=question]  {
	1background:url(../img/item/incorrect.gif) no-repeat -5px 10px;
	1border:solid 1px red;
	color:red;
	1width:80px;
	1height:80px;
}

[data-mode=view] .field-holder[data-field=explanation]
,[data-mode=preview] .field-holder[data-field=explanation] {
	background:#eaeaea;
	border-radius:10px;
}


.maui-component-type-item-response-input .input-order-heading {
	display:inline-block;
	width:1.8em;
	height:1.8em;
	line-height:1.5em;
	background:#eaeaea;
	border-radius:50%;
	text-align:center;
}

.maui-component-type-item-response-input .item-user-row-heading-cell {
	display:none;
}

.maui-component-type-item-response-input .item-user-row-action-cell {
	display:none;
}

.maui-component-type-item-response-input[data-multiYn=Y] .item-user-row-heading-cell {
	display:table-cell;
}

.maui-component-type-item-response-input[data-multiYn=Y] .item-user-row-action-cell {
	display:table-cell;
}


.maui-component-type-container-tab > .component-body {
	border:solid 1px #ccc;
}

.maui-component-type-container-tab .tab-anchor {
	
	border:solid 1px red;
	display:inline-block;
	padding:4px 8px;
	border:solid 1px #ccc;
	border-left:none;
	border-bottom:none;
	background:#f1f1f1;
	border-radius:5px 5px 0px 0px;
	min-width:80px;
	text-align:center;
	cursor:pointer;

}

.maui-component-type-container-tab .tab-anchor:first-child {
	border-left:solid 1px #ccc;
	margin-left:10px;
}

.maui-component-type-container-tab .tab-anchor.selected {
	background:dodgerblue;
	color:#fff;
	zoom:1.2;
}



.maui-component-container[data-type="text/title"][data-attr-textSize="7"] > .maui-component-core {
	font-size:2em;
}

.maui-component-container[data-type="text/title"][data-attr-textSize="6"] > .maui-component-core {
	font-size:1.7em;
}

.maui-component-container[data-type="text/title"][data-attr-textSize="5"] > .maui-component-core {
	font-size:1.3em;
}

.maui-component-container[data-type="text/title"][data-attr-textSize="4"] > .maui-component-core {
	font-size:1.3em;
}

.maui-component-container[data-type="text/title"][data-attr-textSize="3"] > .maui-component-core {
	font-size:1.3em;
}
.maui-component-container[data-type="text/title"][data-attr-textSize="2"] > .maui-component-core {
	font-size:1.3em;
}

.maui-component-container[data-type="text/title"][data-attr-textSize="1"] > .maui-component-core {
	font-size:1.3em;
}


.maui-component-type-card  {
	width:300px;
}

.maui-component-type-card img {
	width:100%;
}



.maui-component-type-container-list-item .list-cell-control {
	display:none;
	color:silver;
	padding:2px;
}

.maui-component-type-container-list-item.selected > .list-cell-body > .list-cell-control {
	display:table-cell;
	color:dodgerblue;
}




/*******************************************************************

[EDIT] MAUI-COMPONENT

*******************************************************************/


.maui-page-container[data-mode=edit] .maui-component-container:hover {
	1background:#f1f1f1;
	1color:#222;
}

.maui-page-container[data-mode=edit] .maui-component-container:hover > .maui-component-core {
	1color:#222;
}


.maui-page-container[data-mode=edit] .maui-component-type-section {
	padding:0px;
	1position:relative;
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	1border:solid 3px red;
	1overflow-y:scroll;
	overflow-y:auto;
}

.maui-page-container[data-mode=edit] .maui-component-type-section:hover {
	background:none;
}

.maui-page-container[data-mode=edit] .maui-component-type-part {
	padding:10px;
	min-height:100%;
	padding-bottom:200px;
}

.maui-page-container[data-mode=edit] .maui-component-type-part:hover {
	background:none;
}



/*********** core에 보더를 주는 경우 **************/
/*
.maui-page-container[data-mode=edit] .maui-component-container.selected > .maui-component-core {
	border:solid 3px dodgerblue !important;
	background:#f1f1f1;
}

.maui-page-container[data-mode=edit] .maui-component-type-section.maui-component-container.selected > .maui-component-core {
	border:none !important;
	background:#none;
}


.maui-page-container[data-mode=edit] .maui-component-type-part.maui-component-container.selected > .maui-component-core {
	border:none !important;
	background:none;
}


.maui-page-container[data-mode=edit] .maui-component-container[data-container=true] > .maui-component-core {
	border:dashed 1px silver;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-type=section][data-container=true] > .maui-component-core {
	border:none;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-type=part][data-container=true] > .maui-component-core {
	border:none;
}
*/

/************** container에 보더를 주는 경우 ****************/
.maui-page-container[data-mode=edit] .maui-component-container.selected  {
	border:solid 3px dodgerblue !important;
	1background:#f1f1f1;
}

.maui-page-container[data-mode=edit] .maui-component-container.selected > .maui-component-core  {
	color:#222;
}

.maui-page-container[data-mode=edit] .maui-component-type-section.maui-component-container.selected {
	border:none !important;
	background:#none;
}


.maui-page-container[data-mode=edit] .maui-component-type-part.maui-component-container.selected  {
	border:none !important;
	background:none;
}


.maui-page-container[data-mode=edit] .maui-component-container[data-container=true]  {
	border:dashed 1px silver;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-type=section][data-container=true]  {
	border:none;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-type=part][data-container=true]  {
	border:none;
}





.maui-page-container[data-mode=edit] .maui-component-container[data-container=true] > .maui-component-core:empty {
	min-height:100px;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-container=true][data-type="table/cell"] > .maui-component-core:empty {
	min-height:2em;
}

p {
	margin:0px;
	padding:0px;
}

.maui-component-container > .maui-component-core p {
	margin:0px;
	padding:0px;
}

.maui-component-container > .maui-component-core ul,
.maui-component-container > .maui-component-core ol {
    margin:.3em 1em;
	padding:.3em 1em;
}

.maui-component-container > .maui-component-core a:link {
	1border:solid 1px red;
	text-decoration:underline !important;
}

.maui-component-container > .maui-component-core font[size="7"] {
	font-size:2.0em;
}

.maui-component-container > .maui-component-core font[size="6"] {
	font-size:1.7em;
}

.maui-component-container > .maui-component-core font[size="5"] {
	font-size:1.3em;
}

.maui-component-container > .maui-component-core font[size="4"] {
	font-size:1em;
}

.maui-component-container > .maui-component-core font[size="3"] {
	font-size:.8em;
}

.maui-component-container > .maui-component-core font[size="2"] {
	font-size:.6em;
}

.maui-component-container > .maui-component-core .maui-contenteditable-border-boxing {
	border:solid 1px maroon;
	border-radius:10px;
	vertical-align:baseline;
	padding:0px 4px;
	margin:0px 4px;
}

.maui-border-button > .maui-component-core,
.maui-component-container > .maui-component-core.maui-border-button {
	display:inline-block;
	1cursor:pointer;
	1color:#444;
	text-align:center;
	padding:0.5em 1em;
	border:solid 1px #ccc;
	min-width:100px;
	text-align:center;
	border-radius:8px;
	font-size:1em;
}


/********* quiz item ****************/
.maui-component-container[data-type=item] .field-holder[data-field=action] {
	text-align:center;
}

.maui-component-container[data-type="container/list/item"] .component-data-field[name=text] {
	padding:.2em;
}

.maui-page-container[data-mode=edit] .maui-component-container[data-type="item"] [button=check-answer]:hover {
	border:solid 1px #ccc;
	background:#fff;
	color:#444;
}


/***** component level ********/
.maui-component-container[data-type=title] > .maui-component-core.test1 {
	border:solid 1px blue;
	font-size:22px;
}

.maui-component-container[data-type=title] > .maui-component-core.test2 {
	background:red;
	color:#fff;
	font-style:italic;
}

.maui-component-container[data-type=title] > .maui-component-core.test3 {
	background:#000;
	color:#fff;
	font-style:italic;
}



/************** table *************************/
.maui-component-container[data-type=table] > .maui-component-core {
	display:table;
	width:100%;
	table-layout:fixed;
	border-collapse:collapse;
	1border:solid 1px red;
}

.maui-component-container[data-type=table] > .maui-component-core > .component-row {
	display:table-row;
	width:100%;
	1border:solid 1px blue;
}


.maui-component-container[data-type=table] > .maui-component-core > .component-row > .component-col {
	display:table-cell;
	position:relative;
	height:auto;
	vertical-align:top;
	border:solid 1px #bbb !important;
	min-height:1em;
	1border-width: 1px 0;
}


.maui-component-container[data-type=table]  .component-row:first-child .column-splitter {
	border-top:solid 2px #8cc3f9;
}

.maui-component-container[data-type=table]  .component-row:last-child .column-splitter {
	border-bottom:solid 2px #8cc3f9;
}

.maui-component-container[data-type=table] .component-row:first-child .maui-component-container.component-col {
	border-top:solid 2px #8cc3f9;
}

.maui-component-container[data-type=table] .component-row:last-child .maui-component-container.component-col {
	border-bottom:solid 2px #8cc3f9;
}

.maui-component-container[data-type=table][data-attr-headerYn=Y] .component-row:first-child  {
	background:#ecf6fb;
	color:#333;
	1font-weight:600;
}

.maui-component-container[data-type=table][data-attr-headerYn=Y] .component-row:first-child .maui-component-container.component-col {
	border-top:solid 2px #8cc3f9;
	border-bottom:solid 1px #8cc3f9;
}

.maui-component-container[data-type=table][data-attr-headerYn=Y] .component-row:last-child .maui-component-container.component-col {
	border-bottom:solid 2px #8cc3f9;
}

.maui-component-container[data-type=table][data-attr-headerYn=Y] .component-row .maui-component-container.component-col:first-child {
	border-left:none;
}

.maui-component-container[data-type=table][data-attr-headerYn=Y] .component-row .maui-component-container.component-col:last-child {
	border-right:none;
}

/**************** tile **********************/
.maui-component-container[data-type=tile] > .maui-component-core {
	display:table;
	width:100%;
	table-layout:fixed;

}

.maui-component-container[data-type=tile] > .maui-component-core > .component-row {
	display:table-row;
	width:100%;
	1border:solid 1px blue;
}


.maui-component-container[data-type=tile] > .maui-component-core > .component-row > .component-col {
	display:table-cell;
	height:auto;
	vertical-align:top;
}


/********** dropdown *********************/
.maui-component-type-tile[data-attr-dropDownYn=Y] > .maui-component-core > .component-row {
	border:solid 1px #ccc;
	background:#fff;
}

.maui-component-type-tile[data-attr-dropDownYn=Y] > .maui-component-core > .component-row .glyphicons {
	1color:#eee;
}

.maui-component-type-tile[data-attr-dropDownYn=Y] > .maui-component-core > .component-row[data-row="1"] > .maui-component-type-tile-cell {
	border:solid 1px #ccc;
	border-top:none;
	background:#eee;
	1color:#fff;
}

.maui-component-type-tile[data-attr-dropDownYn=Y] > .maui-component-core > .component-row[data-row="0"] {
	cursor:pointer;
}

.maui-component-type-tile[data-dropped=Y] > .maui-component-core > .component-row[data-row="0"] {
	background:#ccc;
	color:#000;
}

.maui-component-type-tile[data-dropped=Y] > .maui-component-core > .component-row[data-row="0"] .glyphicons {
	color:#000;
}



/****************** maui-page ********************/
.maui-page-viewer[data-device=mobile] .maui-component-container[data-type=tile] {
	display:block;
}

.maui-page-viewer[data-device=mobile] .maui-component-container[data-type=tile] > .maui-component-core > .component-row {
	display:block;
}

.maui-page-viewer[data-device=mobile] .maui-component-container[data-type=tile] > .maui-component-core > .component-row > .component-col {
	display:block;
}




/******** 아래 처짐 *******************/
@media (max-width:700px) {

	.maui-component-container[data-type=tile] {
		display:block;
	}

	.maui-component-container[data-type=tile] > .maui-component-core > .component-row {
		display:block;
	}

	.maui-component-container[data-type=tile] > .maui-component-core > .component-row > .component-col {
		display:block;
	}
}



/* webVTT */
video::cue {
 1background-image: linear-gradient(to bottom, dimgray, lightgray);
 1color: papayawhip;
}
video::cue(b) {
 1color: peachpuff;
}


/****************** maui-editor ************************/
.panel-polynesia-maui-editor-info .form-field-block  {
	padding:10px;
	margin-bottom:3px;
	1border:solid 1px red;
	
}

.panel-polynesia-maui-editor-info .form-field-title {
	color:#124e83;
	border-radius:8px;
	background:#d8e5f1;
	padding:4px 10px;
	margin-bottom:5px;
	font-size:12px;
}


.panel-polynesia-maui-editor-info .form-field-description {
	padding:4px;
	margin-bottom:5px;
	font-size:.9em;
	color:#888;
}

.panel-polynesia-maui-editor-info .form-field-attr-title {
	margin-bottom:5px;
	font-size:10px;
	color:#063a6c;
}

.panel-polynesia-maui-editor-info .form-field-block input[type=text] {
	border:solid 1px #ccc;
	border-radius:8px;
	padding:4px 6px;
	width:100%;
}

.panel-polynesia-maui-editor-info .form-field-block select {
	border:solid 1px #ccc;
	border-radius:8px;
	padding:4px 6px;
	width:100%;
}

.panel-polynesia-maui-editor-info .form-field-block [contenteditable] {
	border:solid 1px #ccc;
	border-radius:8px;
	padding:4px 6px;
	width:100%;
	min-height:1em;

}

.panel-polynesia-maui-editor-info .form-field-attr-block {
	margin-bottom:5px;
}

.panel-polynesia-maui-editor-info .form-field-attr-block:last-child {
	margin-bottom:0px;
}


.maui-editor-info-tab-anchor {
	display:table-cell;
	text-align:center;
	border-right:solid 1px #ccc;
	vertical-align:middle;
	font-size:10px;
	color:#aaa;
	background:#f1f1f1;
	cursor:pointer;
}

.maui-editor-info-tab-anchor.selected { 
	color:dodgerblue;
	background:#fff;
}


.maui-editor-info-tab-anchor .glyphicons {
	margin-top:4px;
	font-size:15px;

}


.maui-editor-info-tab-anchor .label {
	font-size:10px;
	margin-top:4px;
}

.maui-editor-info-tab-holder {
	display:none;
}

.maui-editor-info-tab-holder.selected {
	display:block;
}


.panel-polynesia-maui-editor-main .maui-editor-top-right {
	padding-right:15px;
	vertical-align:middle;
	text-align:right;
	width:50%;
}

.panel-polynesia-maui-editor-main .maui-editor-top-left {
	vertical-align:middle;
	padding-left:10px;
}

.panel-polynesia-maui-editor-main [name=css-template] {
	padding:3px;
	border:solid 1px #ccc;
	border-radius:6px;
	border:none;
	background:none;

}

.panel-polynesia-maui-editor-main [name=css-template]:hover {
	border:solid 1px #ccc;
	background:#fff;
	border-radius:8px;
}


.panel-polynesia-maui-editor-main [button=save-page].alert {
	font-size:1em;
	background:#c73a73;
	color:#fff;
	border:solid 1px #ccc;
}

.panel-polynesia-maui-editor-main .maui-editor-top [name=page-title] {
	width:200px;
	border:none;
	background:#ddd;
	padding:3px;
	border-radius:6px;
}

.panel-polynesia-maui-editor-main .maui-editor-top [name=page-title]:hover {
	background:#ffe800;
	
}

.panel-polynesia-maui-editor-main [name=pageNm] {
	display:inline-block;
	border:none;
	background:none;
	padding:3px;
	min-width:100px;
	width:auto;
}

.panel-polynesia-maui-editor-main [name=pageNm]:hover {
	border:solid 1px #ccc;
	background:#fff;
	border-radius:8px;
}

.panel-polynesia-maui-editor-main [button=tab-page-mode] {
	display:inline-block;
	background:#eaeaea;
	border:solid 1px #ccc;
	min-width:80px;
	height:26px;
	line-height:26px;
	border-left:none;
	text-align:center;
	border-radius1:10px;
	1padding:3px 8px;
	1margin-right:5px;
	color:#888;
}

.panel-polynesia-maui-editor-main [button=tab-page-mode].selected {
	background:#fff;
	color:#000;
}

.panel-polynesia-maui-editor-main [button=tab-page-mode]:first-child {
	border-left:solid 1px #ccc;
	border-radius:8px 0px 0px 8px;
}

.panel-polynesia-maui-editor-main [button=tab-page-mode]:last-child {
	border-radius:0px 8px 8px 0px;
}

.panel-polynesia-maui-editor-main [button=show-section] {
	background:#fff;
	border:solid 1px #ccc;
	border-radius:10px;
	padding:3px 8px;
	margin-right:5px;
	color:#888;
}

.panel-polynesia-maui-editor-main [button=show-section].selected {
	background:dodgerblue;
	color:#fff;
}

.panel-polynesia-maui-editor-main [button=device-change] {
	background:#fff;
	border:solid 1px #ccc;
	border-radius:10px;
	padding:3px 8px;
	margin-right:5px;
	color:#888;
}

.panel-polynesia-maui-editor-main [button=device-change].selected {
	background:dodgerblue;
	color:#fff;
}

.panel-polynesia-maui-editor-main [button=text-size] {
	display:inline-block;
	background:#fff;
	border:solid 1px #ccc;
	border-left:none;
	width:25px;
	text-align:center;
	border-radius1:10px;
	padding:3px 8px;
	1margin-right:5px;
	color:#888;
}


.panel-polynesia-maui-editor-main [button=text-size]:first-child {
	border-left:solid 1px #ccc;
	border-radius:8px 0px 0px 8px;
}

.panel-polynesia-maui-editor-main [button=text-size]:last-child {
	border-radius:0px 8px 8px 0px;
}


/* maui-component-tool-block */
.maui-component-tool-block {
	border-radius:10px;
	padding:8px;
	background:#fff8b2;
}

.maui-component-tool-block > * {
	margin-right:5px;
}

.maui-component-tool-block > [button] {
	padding:3px 8px;
	font-size:11px;
}

.maui-component-tool-block > select {
	vertical-align:middle;
	border:solid 1px #ccc;
	border-radius:5px;
	font-size:11px;
	padding:3px 5px;
}

/* maui-component-info */
.maui-component-info {
	background:#444;
	color:#fff;
	font-size:10px;
	1padding:2px 8px;
	position:absolute;
	margin-top:-20px;
	height:20px;
	right:0px;
	top:0px;
	display:none;
	z-index:10;
	padding-left:5px;
}

.maui-component-info > .info > * {
	margin-right:5px;
}

.maui-component-info > .info > *:first-child {
	1margin-left:0px;
}


.maui-component-container.selected > .maui-component-info > .info >  [name=id] {
	color:#ffe800;
}

.maui-component-container.selected > .maui-component-info {
	display:block;
}

.panel-polynesia-maui-editor-main .maui-component-type-part[data-id=modal] > .maui-component-core >  .maui-component-container {
	margin-bottom:10px;
}

.panel-polynesia-maui-editor-main .maui-component-type-part[data-id=modal] > .maui-component-core >  .maui-component-container > .maui-component-core {
	border:solid 1px #ccc;
	padding:10px;
}

.panel-polynesia-maui-editor-main .maui-component-type-part[data-id=modal] > .maui-component-core >  .maui-component-container > .maui-component-info {
	position:static;
	padding:3px;
	1height:20px;
	display:table;
	margin-top:0px;
	width:100%;
	background:#999;
}


.panel-polynesia-maui-editor-main .maui-component-type-part[data-id=modal] > .maui-component-core >  .maui-component-container > .maui-component-info > * {
	display:table-cell;
}

.panel-polynesia-maui-editor-main .maui-component-type-part[data-id=modal] > .maui-component-core >  .maui-component-container > .maui-component-info > .tool {
	text-align:right;
}


/*************** component-anchor ******************/
.maui-component-append-anchor {
	cursor:pointer;
	border-bottom:solid 1px #eee;
}

/************* text-edit-tool *******************/

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar {
	display:none;
	background:#eaeaea;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar > * {
	vertical-align:middle;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button {
	background: #fff;
	background: -webkit-linear-gradient(#EEF1F5, #fefefe);
	background: -moz-linear-gradient(#EEF1F5, #fefefe);
	background: -ms-linear-gradient(#EEF1F5, #fefefe);
	background: -o-linear-gradient(#EEF1F5, #fefefe);
	background: linear-gradient(#EEF1F5, #fefefe);
	color:#444;
	font-size:9pt;
	border:solid 1px #CDCECF;
	1margin:2px;
	border-radius:5px;
	text-align:center;
	1height:26px;
	1line-height:20px;
	padding:2px 6px 2px 6px;



	width:26px;
	height:30px;
	margin:0px;
	border-right:none;
	border-radius:0px;
	margin-top:4px;
	white-space:nowrap;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button.thin {
	width:22px;
	font-size:10px;
}



.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button.block-left {
	border-radius:5px 0px 0px 5px;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button.block-right {
	border-radius:0px 5px 5px 0px;
	border-right:solid 1px #ccc;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button:hover {
	color:#BC2328;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar .seperator {
	display:inline-block;
	width:7px;;
	height:30px;
	1border:solid 1px red;
}

.panel-polynesia-maui-editor-main .maui-editor-text-edit-tool-bar button {
	1background:url(/common/icons/png/glyphicons_102_bold.png) no-repeat center center;
}


/***************** layout-boxing **********************/
.component-layout-boxing-table {
	table-layout:fixed;

}

.component-layout-boxing-table td {
	width:10%;
	background:#fafafa;

}

.component-layout-boxing-table th {
	font-size:12px;
	font-weight:normal;
	background:#eaeaea;
}

.component-layout-boxing-table thead th {
	
}


.component-layout-boxing-table tbody th {
	width:20%;
}

.component-style-border-table {
	width:100%;
	table-layout:fixed;
}

.component-style-border-table th {
	font-size:12px;
	font-weight:normal;
	background:#eaeaea;
}

.component-style-border-table td {
	font-size:12px;

}


.component-style-border-radius-table {
	width:100%;
	table-layout:fixed;
}

.component-style-border-radius-table th {
	font-size:12px;
	font-weight:normal;
	background:#eaeaea;
}

.component-style-border-radius-table td {
	font-size:12px;
}

.component-style-border-radius-table td input {
	text-align:center;
}


.panel-polynesia-maui-editor-info .form-field-block input[type=text].component-layout-boxing {
	width:100%;
	border:none;
	text-align:center;
	background:#fff;
}

.panel-polynesia-maui-editor-info .form-field-block input[type=text].component-layout-boxing:invalid  { 
	background:#ccc;
}


.maui-dom-tree-item {

	border:solid 1px #ccc;
	padding:4px 8px;
	border-radius:8px;
	margin-bottom:4px;
}

.maui-dom-tree-item.current {
	background:#ffe800;
	color:#444;
}

.movie-playback-table {
	
}

.movie-playback-table th {
	font-size:10px;
	font-weight:normal;
	text-align:center;
	
}

.movie-playback-table td {
	text-align:center;
}




.movie-caption-table {
	
}

.movie-caption-table th {
	font-size:10px;
	font-weight:normal;
	text-align:center;
	
}

.movie-caption-table td {
	text-align:center;
}



@keyframes carousel-forward-in {
  0% { left: 100%; }
  100% { left: 0%; }
}

@keyframes carousel-forward-out {
  0% { left: 0%; }
  100% { left: -100%; }
}

@keyframes carousel-backward-in {
  0% { left: -100%; }
  100% { left: 0%; }
}

@keyframes carousel-backward-out {
  0% { left: 0%; }
  100% { left: 100%; }
}



.maui-component-container.forward-in {
	animation:carousel-forward-in .3s;
	-webkit-animation:carousel-forward-in .3s;
}

.maui-component-container.forward-out {
	border:solid 1px blue;
	animation:carousel-forward-out .3s;
	-webkit-animation:carousel-forward-out .3s;

}

.maui-component-container.backward-in {
	animation:carousel-backward-in .3s;
	-webkit-animation:carousel-backward-in .3s;
}

.maui-component-container.backward-out {
	animation:carousel-backward-out .3s;
	-webkit-animation:carousel-backward-out .3s;
}


.maui-component-type-container-list-item .list-component-heading-holder {
	vertical-align:top;width:.5em;white-space:nowrap;padding-left:.2em;padding-right:.2em;
}

.maui-component-type-container-list-item .list-component-heading {
	display:inline-block;
	line-height:1em;
	width:1em;
	padding-left:.5em;
	font-size:.5em;
	padding-right:1em;
}

.maui-component-type-container-list-item .list-component-heading[data-attr-depth="0"]::before {
	content:"●";
}

.maui-component-type-container-list-item .list-component-heading[data-attr-depth="1"]::before {
	content:"■";
}

.maui-component-type-container-list-item .list-component-heading[data-attr-depth="2"]::before {
	content:"○";
}

.maui-component-type-container-list-item .list-component-heading[data-attr-depth="3"]::before {
	content:"□";
}

.maui-component-type-container-list-item .list-component-heading[data-attr-depth="4"]::before {
	content:"•";
}




.maui-component-type-web-embed .component-inner-browser-block {
	1border:solid 1px #ccc;
}


.maui-component-type-web-embed .iframe-holder {
	margin:0px;
	padding:0px;
	height:500px;

}

.maui-component-type-web-embed .embed-info-block {
	padding:10px;
	background:#f1f1f1;
	1border-top:solid 1px #ccc;
	border:solid 1px #ccc;
	border-top:none;

}

.maui-component-type-web-embed iframe {
	width:100%;
	min-height:500px;
	border:solid 1px #ccc;
}

.maui-component-type-web-embed .url-holder a { 
	color:inherit;
	text-decoration:none;
}

.maui-component-container[data-attr-fullSizeYn=Y] {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	
}

.maui-component-container[data-attr-fullSizeYn=Y] iframe {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	bottom:0px;
	height:100%;
	
}


.maui-page-container[data-mode=edit] .maui-component-container[data-attr-fullSizeYn=Y] {
	border:solid 10px #888;
}



/******* editor *****************/
[ctrl=polynesia-maui-editor-append] .maui-component-append-anchor > * {
	display:table-cell;
}

[ctrl=polynesia-maui-editor-append] .maui-component-append-anchor > *:first-child {
	width:20px;
	padding-right:10px;
}

/* */
.caption-custom-holder {
	text-align:center;
	transition:bottom 1s;
	-webkit-transition:bottom 1s;
	1text-shadow:0px 0px 5px rgba(0,0,0,1);
	1color:#fff;
	1padding:15px;
}



/********* video-custom-controller *********/
.maui-video-custom-controls {
	1display:none;
	opacity:0;
	position:absolute;left:0px;right:0px;bottom:0px;height:38px;
	background-color:rgba(0,0,0,0.5);
	transition:opacity .5s, background .5s;
	-webkit-transition:opacity .5s, background .5s;
	z-index:10;
	1padding:10px;
}

/*** show ****/
.video-player-holder:not(.nohover):hover .maui-video-custom-controls {
	display:block;
	opacity:1;
	1background-color:blue;
}

.video-player-holder .caption-custom-holder {
	position:absolute;
	left:0px;
	right:0px;
	bottom:0px;
	padding:10px;
	1text-shadow:0px 0px 3px rgba(0,0,0,1);
	1color:red;
	color:#fff;
	font-size:25px;
	margin-bottom:10px;
}



@media ( max-width:500px ) {
	.video-player-holder .caption-custom-holder {
		font-size:15px;
		margin-bottom:5px;
	}
}


.video-player-holder .caption-custom-holder span {
	color:#fff;
	background:rgba(0,0,0,0.6);
	padding:0px .5em;
}

.video-player-holder:not(.nohover):hover .caption-custom-holder {
	margin-bottom:40px;
}


.maui-video-custom-controls-back1 {
	position:absolute;left:0px;right:0px;top:0px;bottom:0px;
	background:rgba(0,0,0,0.5);
	z-index:0;
	background:red;
}

.maui-video-custom-controls-progress {
	position:relative;
	z-index:1;
	padding:0px;
	height:5px;
}
.maui-video-custom-controls-progress:hover {

}

.maui-video-custom-controls-progress .progress-bar {
	height:3px;
	background:rgba(255,255,255,.3);
	position:relative;
	transition:height .2s;
	-webkit-transition:height .2s;
	cursor:pointer;
}



.maui-video-custom-controls-progress:hover .progress-bar {
	height:5px;
	background:rgba(255,255,255,.8);
}

@media ( max-width:500px ) {

	.video-player-holder:hover .maui-video-custom-controls:hover {
		height:50px;
	}

	.video-player-holder:hover .maui-video-custom-controls:hover .maui-video-custom-controls-bottom {
		margin-top:10px;
	}

	.video-player-holder:hover .maui-video-custom-controls:hover .maui-video-custom-controls-progress .progress-bar {
		height:12px;
	}
	
}


.maui-video-custom-controls-progress .progress-current {
	position:absolute;top:0px;left:0px;width:0%;height:100%;
	background:red;
	transition:width .3s;

}

.maui-video-custom-controls-bottom {
	z-index:1;
	margin-top:3px;
	display:table;
	width:100%;
	1padding:10px;
	padding-top:0px;
	color:#fff;
	1background:blue;
	height:30px;
}


.maui-video-custom-controls-bottom [button] {
	vertical-align:middle;
	color:#fff;
	1width:30px;
	width:26px;
	line-height:24px;
	font-size:22px;
	text-align:center;
}

.maui-video-custom-controls-left {
	display:table-cell;
	height:30px;
	padding-left:5px;
}

.maui-video-custom-controls-left > * {
	vertical-align:middle;
	height:30px;
	display:inline-block;
	margin-left:3px;
	1border:solid 1px #ccc;

}

.maui-video-custom-controls-right {
	height:30px;
	display:table-cell;
	text-align:right;
	width:50%;
	white-space:nowrap;
	padding-right:10px;
}

.maui-video-custom-controls-right > * {
	vertical-align:middle;
	height:30px;
	display:inline-block;
	margin-left:3px;
	1border:solid 1px #ccc;

}

.maui-video-custom-controls .progress-time-label {
	margin-left:5px;
	font-size:15px;
}

.maui-video-custom-controls .media-play-rate-anchor > * {
	vertical-align:middle;
	height:30px;
	display:inline-block;
	margin-left:2px;
	1border:solid 1px blue;
}

.maui-video-custom-controls [button=pipButton] {
	font-size:26px;
	line-height:22px;
}


.maui-video-custom-controls .media-play-rate-label {
	font-size:12px;
	display:inline-block;
	1border:solid 1px #ccc;
	line-height:24px;
	margin-right:5px;
}

.maui-video-custom-controls .media-play-rate-value {
	color:#fff;
	font-size:15px;
	line-height:22px;
	margin-left:0px;
	1border:solid 1px #ccc;
}


.maui-video-custom-controls [button=full-screen] {
	font-size:20px;
}

.maui-component-type-media-video[fillScreenYn=Y] {
	1border:solid 10px red;
}

.maui-component-type-media-video[fillScreenYn=Y] .caption-custom-holder {
	position:absolute;
	left:0px;
	bottom:0px;
	right:0px;
	transition:bottom 1s;
	-webkit-transition:bottom 1s;
	font-size:60px;
	margin-bottom:40px;
	text-shadow:0px 0px 5px rgba(0,0,0,1);
	color:#fff;
}

/***** 배속 콘트롤 *******************************/
.media-play-rate-anchor {
	1border:solid 1px red;
	margin-top:0px;
	padding-left:10px;
	padding-right:10px;
	cursor:pointer;
	font-size:15px;
	border1:solid 1px red;
}

.media-play-rate-anchor > * {
	vertical-align:middle;
}

[button=media-play-rate-minus] {
	margin-left:0px;
	display:none;
	font-size:.3em;
	margin-right:.2em;
	opacity:0;
	transition:opacity 1s,font-size 1s;
	-webkit-transition:opacity 1s,font-size 1s;
}

[button=media-play-rate-plus] {
	margin-left:0px;
	display:none;
	font-size:.3em;
	margin-left:.2em;
	opacity:0;
	transition:opacity 1s, font-size 1s;
	-webkit-transition:opacity 1s,font-size 1s;
}

.media-play-rate-anchor .media-play-rate-label {
	margin-right:.2em;
}


.media-play-rate-anchor:hover [button] {
	display:inline-block;
	font-size:1em;
	opacity:1;
	
}

/*
.media-play-rate-anchor:hover [button=media-play-rate-plus] {
	display:inline-block;
	font-size:1em;
	opacity:1;
}
*/

.media-play-rate-anchor:hover .media-play-rate-label {
	display:none;
}

.maui-video-custom-controls [button].glyphicons {
	font-family:'Glyphicons Regular'
}


/*** 커스텀 콘트롤 안에 있는 것 */
.maui-video-custom-controls [button=media-play-rate-minus] {
	margin-left:0px;
	display:none;
	font-size:10px;
}

.maui-video-custom-controls [button=media-play-rate-plus] {
	margin-left:0px;
	display:none;
	font-size:10px;
}


.maui-video-custom-controls .media-play-rate-anchor:hover [button=media-play-rate-minus] {
	display:inline-block;
	font-size:13px;
	
}

.maui-video-custom-controls .media-play-rate-anchor:hover [button=media-play-rate-plus] {
	display:inline-block;
	font-size:13px;
}

.maui-video-custom-controls .media-play-rate-anchor:hover .media-play-rate-label {
	display:none;
}


.video-volume-holder {
	height:30px;
	margin-bottom:6px;
}

.video-volume-holder > * {
	vertical-align:middle;
}

.volume-slide-current { 
	cursor:pointer;
	transition:width .5s;
}

.volume-slide-inner {
	height:4px;
	margin-top:2px;
	cursor:pointer;
	transition:height .5s, margin-top: .5s;
}

.maui-volume-slider {
	display:none;
}

.maui-volume-slider:hover .volume-slide-inner {
	height:10px;
	margin-top:6px;

}

.video-volume-holder:hover .maui-volume-slider {
	display:inline-block;
}





[data-css-template] .maui-component-type-part > .maui-component-core > .maui-component-container > .maui-component-core.scu-vod-frame {
	padding:15px !important;
	margin-bottom:2em;
}

.scu-vod-frame > .component-row > .maui-component-container:first-child > .maui-component-core {
	padding-right:0px;
}

.scu-vod-frame > .component-row > .maui-component-container:last-child > .maui-component-core {
	padding-left:0px;
}

.scu-vod-frame > .component-row  {
	padding:15px;
	1border:solid 1px blue;
	background:#2D2F31;
}

.scu-vod-frame .custom-caption-holder-placeholder .caption-custom-holder {
	margin-top:10px ;
	1border:solid 1px red !important;
}

.scu-vod-frame > .component-row  {
	padding:15px;
	1border:solid 1px blue;
	background:#2D2F31;
}

.scu-vod-frame .caption-custom-holder {
	color:#fff !important;
}

.maui-caption-lang-selector {
	text-align:right;
	position:absolute;left:0px;right:0px;top:-34px;
	padding-right:5px;
	z-index:50;
	display:none;
}


.maui-caption-lang-anchor {
	font-size:12px !important;
	background:#fff;
	color:#000;
	padding:0px 5px;
	border-radius:9px;
	1border:solid 1px #eee;
	transition:background .5s;
	margin-left:5px;
	cursor:pointer;
}

.maui-caption-lang-anchor.selected {
	background:dodgerblue;
	font-size:12px !important;
	color:#fff;
	
}


/********* carousel ******************/
.maui-component-type-container-carousel > .maui-component-core > .component-inner > .component-body {
	border:solid 1px #ccc;
}

.maui-component-type-container-carousel .component-tab2 .component-anchor {
	background:#ccc;
	margin:0px 5px; 
	display:inline-block;
	width:6px;
	height:6px;
	border-radius:50%;
}

.maui-component-type-container-carousel .component-tab2 .component-anchor.selected {
	background:dodgerblue;
}

.maui-component-type-container-carousel .component-tab1 [button]  {
	color:#ccc;
}

.maui-component-type-container-carousel .component-tab1 [button].enable  {
	color:dodgerblue;
}



.polynesia-event-modal-holder {
	background:#fff;
	color:#fff;
	text-align:center;


}


.polynesia-event-modal-holder [button=close-event-popup] {
	display:inline-block;
	width:30px;
	height:30px;
}

.polynesia-event-modal-header-holder {
	position:absolute;
	left:0px;
	right:0px;
	top:0px;
	height:30px;
	background:#fff;
	border-bottom:solid 1px #ccc;
	text-align:right;
	padding:5px;
}

.polynesia-event-modal-inner-holder {
	position:absolute;
	left:0px;
	right:0px;
	top:30px;
	bottom:0px;
}