.docx					   { position: relative; width: 100% }
.docx .row 				   { background-color: #fefefe; color: #000; height: 41px; line-height: 40px; }
.docx .row:hover		   { background-color: #fafafa; }
.docx .row.rowbook	   	   { background-color: #3C92D0; color: #eee; }
.docx .row.rowbook:hover   { background-color: #3181bb; }

.docx .itemBook,
.docx .itemChapter,
.docx .itemParagraph,
.docx .itemPage				{ cursor: pointer; }


.docx .rightAction  	   { display: inline-block; cursor: pointer; width: 22px; text-align: center; }

.docx #search 			   { position: relative; margin-top: 10px; display: block; }
.docx #search input.search { background: url(../icons/_basic/_SVG/basic_magnifier.svg) center left no-repeat; background-position-x: 1px; background-size: 24px; padding-left: 30px; }

.docx #index 					{ position: relative; margin-top: 10px; display: block; }
.docx #index #newBook,
.docx #index #newLink           { text-align: right; cursor: pointer; }
.docx #index #newLink			{ width: 22px; line-height: 40px; text-align: center; border-bottom: 1px solid #bbb; }
.docx #index #new 				{ margin-bottom: 10px; }
.docx #index #new #bookName,
.docx #index #new #chapterName,
.docx #index #new #paragraphName,
.docx #index #new #pageName		{ width: calc(100% - 22px); }

.docx #index .book			{ margin-left: 0px;  border-bottom: 1px solid #bbb; background-size: 24px; padding-left: 8px; width: calc(100% - 30px); display: inline-block; }
.docx #index #new.book	    { width: calc(100% - 30px); }
.docx #index .chapter		{ margin-left: 16px; border-bottom: 1px solid #bbb; background: url(../icons/_basic/_SVG/basic_notebook.svg) center left no-repeat; background-size: 24px; padding-left: 30px; display:inline-block; width: calc(100% - 68px); }
.docx #index #new.chapter	{ width: calc(100% - 46px); }
.docx #index .paragraph		{ margin-left: 16px; border-bottom: 1px solid #bbb; background: url(../icons/_basic/_SVG/basic_paragraph.svg) center left no-repeat; background-size: 24px; padding-left: 30px; display:inline-block; width: calc(100% - 68px); }
.docx #index #new.paragraph	{ width: calc(100% - 46px); }
.docx #index .page			{ margin-left: 32px; border-bottom: 1px solid #bbb; background: url(../icons/_basic/_SVG/basic_sheet_txt.svg) center left no-repeat; background-size: 24px; padding-left: 30px; }

.docx#docx						    { position: relative; display: block; height: 100%; width: 100%; }

.docx#docx #breadcrumb			    { text-align: left; padding: 0 6px; }
.docx#docx #breadcrumb #path 	    { float: left; width: 69%; text-align: left; }
.docx#docx #breadcrumb #pagename	{ float: right; width: 29%; text-align: right; font-weight: bold; }
    
    
.docx#docx #contents				{ background-color: #fff; height: calc(100% - 98px); overflow-y: scroll; }
.docx#docx #contents.readonly		{ height: calc(100% - 56px) !important; }

.docx#docx #contents #page			{ padding: 8px 8px 0 8px; }

.docx #btnwrite .doing				{ background-color: #e0e0e0; font-weight: bold; color:#666; pointer-events: none; cursor:pointer; }

.docx strong 						{ text-decoration: none; font-weight: bold; }

.docx .ql-toolbar					{ text-align: left; }
.docx .ql-container					{ font-family: 'Titillium Web', sans-serif; font-size: inherit;}

.ql-undo{background:no-repeat scroll 50% 50% transparent!important;background-size:60%!important;background-image:url('/images/svg/undo.svg')!important;text-align:center;}
.ql-undo:hover{background-image:url('/images/svg/undo_hover.svg')!important }
.ql-redo{background:no-repeat scroll 50% 50% transparent!important;background-size:60%!important;background-image:url('/images/svg/redo.svg')!important;text-align:center;}
.ql-redo:hover{background-image:url('/images/svg/redo_hover.svg')!important }