.navbar-header-right { float: right; }
.navbar-header-right .minimalize-styl-2{ margin: 10px 0 5px 8px; }
.slimScrollDiv { position: fixed !important; z-index: 100;     background-color: #2f4050; }
.sidebar-collapse .tabs-container .panel-body { padding: 6px; border: 0; margin-top: 15px; background:transparent; }
.sidebar-collapse .tabs-container .panel-body .ibox { margin-bottom: 10px; }
.sidebar-collapse .ibox-title { border-width: 0 0 0; padding: 4px 4px 4px 10px; min-height: 32px; }
.sidebar-collapse .ibox-title span{ border-radius: 0; padding: 3px 0; width:24px; text-align: center; }
.sidebar-collapse .ibox-title h5 { margin: 6px 0 0; }
.sidebar-collapse .layout-view .linkxs .row-view div.unlink { background-color: #1c84c6 !important;}
.sidebar-collapse .layout-view .linksm .row-view div.unlink { background-color: #23c6c8 !important;}
.sidebar-collapse .layout-view .linkmd .row-view div.unlink { background-color: #f8ac59 !important;}
.sidebar-collapse .layout-view .linklg .row-view div.unlink { background-color: #ed5565 !important;}
.sidebar-collapse .layout-view .linkxl .row-view div.unlink { background-color: #6c757d !important;}
.sidebar-collapse .layout-view .linkxs .row-view.unlink { border: 1px solid #1c84c6 !important;}
.sidebar-collapse .layout-view .linksm .row-view.unlink { border: 1px solid #23c6c8 !important;}
.sidebar-collapse .layout-view .linkmd .row-view.unlink { border: 1px solid #f8ac59 !important;}
.sidebar-collapse .layout-view .linklg .row-view.unlink { border: 1px solid #ed5565 !important;}
.sidebar-collapse .layout-view .linkxl .row-view.unlink { border: 1px solid #6c757d !important;}
.sidebar-collapse .layout-view .linkxs .row-view.active.unlink { border: 2px dashed #1c84c6 !important;}
.sidebar-collapse .layout-view .linksm .row-view.active.unlink { border: 2px dashed #23c6c8 !important;}
.sidebar-collapse .layout-view .linkmd .row-view.active.unlink { border: 2px dashed #f8ac59 !important;}
.sidebar-collapse .layout-view .linklg .row-view.active.unlink { border: 2px dashed #ed5565 !important;}
.sidebar-collapse .layout-view .linkxl .row-view.active.unlink { border: 2px dashed #6c757d !important;}
.sidebar-collapse .ibox-content .row-view.active { border: 1px solid #1ab394;}
.sidebar-collapse .ibox-content .row-view:hover { border: 1px solid #fddd9b;}
.sidebar-collapse .ibox-content .row-view div:hover { background-color: #c3d08b;}
.sidebar-collapse .ibox-content .row-view div { background-color: #fff; border: 3px solid #2f4050; height: 20px; padding: 0; transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000);}
.sidebar-collapse .ibox-content .row-view .col_active { background-color: #1ab394; border: 3px dashed #1ab394;}
.sidebar-collapse .tabs-container { margin-top: 5px;}
.sidebar-collapse .tabs-container .module ,.sidebar-collapse .tabs-container .logs { margin-top: 20px; }
.sidebar-collapse .tabs-container .module .ibox-content,.sidebar-collapse .tabs-container .logs .ibox-content { padding: 0; margin: 0 0; border: 0; background-color: #fff; border-radius: 3px;}
.sidebar-collapse .tabs-container .module .btn { width:100%; padding: 10px 0; cursor: move; }
.sidebar-collapse .tabs-container .module .btn p { margin: 0; font-size: 13px;}
.sidebar-collapse .tabs-container .module .col-md-6 { padding: 0px; }
.sidebar-collapse .tabs-container .logs .col-md-11,.sidebar-collapse .tabs-container .logs .col-md-1 { padding: 0px; }
.sidebar-collapse .tabs-container .logs .morehistory { padding: 25px 0; width: 100%; }

.sidebar-collapse .tabs-container .logs button { width: 100%; text-align: left; font-size: 11px; padding: 5px 10px; }
.sidebar-collapse .tabs-container .logs button p { margin: 0; color:#676a6c; }
.sidebar-collapse .tabs-container .logs button:hover p, .sidebar-collapse .tabs-container .logs button:focus p{ color:#ffffff; }
.sidebar-collapse .tabs-container .logs button .var {float: left;}
.sidebar-collapse .tabs-container .logs button .type {float: right;font-weight: bold;}
.sidebar-collapse .tabs-container .logs button .title {clear: both; font-weight: bold; }
.sidebar-collapse .tabs-container .logs button .name, .sidebar-collapse .tabs-container .logs button .date { text-align: right; }

.sidebar-collapse .tabs-container .logs button .type.isPublish {color:#1c84c6;}
.sidebar-collapse .tabs-container .logs button:hover  .type.isPublish {color:#fff;}

.html_mod .slimScrollRail {display:block !important; opacity:0 !important; cursor: e-resize;z-index:100 !important; }
.editrow { position: relative; min-height: 160px; width:100%; margin-bottom:15px; }
.editor { min-height: 140px; }
.editor.active { background-color: #d1d1d1ab; }
.editor:hover { -webkit-box-shadow: 0 0 0 2px #6c757d; box-shadow: 0 0 0 2px #6c757d;}
.editor:hover .row_header , .hiderow .row_header { display: block; }

.row_boxs .editrow-found { border: 1px dashed #000; border-radius: 3px; cursor: pointer; }
.editrow-nullline { width: 100%; margin: 0 auto; min-height: unset; text-align: center; }
.editrow-nullline p { text-align: center; padding: 10px; display: inline-block; margin: 0; }
.editrow-nullline i { vertical-align: sub; }
.editrow-nullline:hover { border: 1px dashed #000; }

.row_boxs {background-repeat: no-repeat;}
.row_boxs .editrow-found { display: none; }
.row_boxs .col_1 { width: 8%;}
.row_boxs .col_2 { width: 16%;}
.row_boxs .col_3 { width: 24%;}
.row_boxs .col_4 { width: 32%;}
.row_boxs .col_5 { width: 40%;}
.row_boxs .col_6 { width: 48%;}
.row_boxs .col_7 { width: 56%;}
.row_boxs .col_8 { width: 64%;}
.row_boxs .col_9 { width: 72%;}
.row_boxs .col_10 { width: 80%;}
.row_boxs .col_11 { width: 88%;}
.row_boxs .col_12 { width: 96%;}
.row_boxs .offset_1 {width: 7.5%; margin-right: 0%; }
.row_boxs .offset_2 {width: 15.5%; margin-right: 0%; }
.row_boxs .offset_3 {width: 23.5%; margin-right: 0%; }
.row_boxs .offset_4 {width: 31.5%; margin-right: 0%; }
.row_boxs .offset_5 {width: 39.5%; margin-right: 0%; }
.row_boxs .offset_6 {width: 47.5%; margin-right: 0%; }
.row_boxs .offset_7 {width: 55.5%; margin-right: 0%; }
.row_boxs .offset_8 {width: 63.5%; margin-right: 0%; }
.row_boxs .offset_9 {width: 71.5%; margin-right: 0%; }
.row_boxs .offset_10 {width: 78.5%; margin-right: 0%; }
.row_boxs .offset_11 {width: 87.5%; margin-right: 0%; }
.row_box { min-height: 140px; width: 8%; margin: 8px 0; float: left; position: relative; left: 2%; transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); border: 0; }
.row_box .ibox-tools { position: absolute; top: 0px; right: -39px;display: none; width: 40px; z-index: 99; bottom: 0; }
.stoptransition, .stoptransition .row_box { transition: all 0ms ; }
.modules_mod #inputHtmlBox { display: none; }
#inputHtmlBox #bindpath {margin: 0 2px 0 24px;}
#inputHtmlBox #odinPDC .dropdown-toggle::after {margin-left: 6px;}
#inputHtmlBox #odinPDC { position: relative; display: inline-block; }
#inputHtmlBox .open > .dropdown-toggle.btn-primary:hover, #inputHtmlBox .open > .dropdown-toggle.btn-primary:focus {
	background-color: #18a689;
	border-color: #18a689;
	color: #FFFFFF;
}
.modules_mod #tab-file {
	display: none;
}
.html_mod #rows { display: none; }
.html_mod #tab-module { display: none; }
.colhandle #cols { display: block; }
.edit_box { background-color: #fff; cursor: col-resize; }
.edit_box:hover { -webkit-box-shadow: 0 0 1px 1px #23c6c8; box-shadow: 0 0 1px 1px #23c6c8; z-index:50; }
.edit_box:hover .ibox-tools { display: block; }
#cols { display: none; height: 100%; position: fixed; top: 0; padding-right: 15px; padding-top: 71px; left: 235px; padding-left: 0; right: 0; width: auto; }
#cols .col:first-child { margin-left:2%;  border-left: 4px dashed #797272;}
#cols .col:last-child { border-right: 4px dashed #797272;}
#rows { z-index: 2; width: 100%; user-select: none; }
#rowsSelect { display: none; width:100% !important; }
.col { min-height: 100vh; width: 8%;float: left;  height:100%; border-left: 2px dashed #797272; border-right: 2px dashed #797272; opacity: 0.5; }
.rowstemplate { height: 80px; width: 120px; margin: 10px; display: inline-block; }
.rowstemplate div { height:100%; padding: 0 2px; }
.rowstemplate div:before { content: "";background-color: #e0e0e088; height:100%; width: 100%;display: inline-block; }
.rowstemplate:hover div:before{ background-color: #d1d1d1ab; }
#userowlist { max-height: 300px; overflow-y: auto;}
#userowlist p { cursor: pointer; }
#userowlist .active { color:#000; }
#styleedit { background-color: #fff; padding: 5px; color: #000; font-size: 11px; }
#styleedit input, #styleedit select { padding: 3px; height: 26px; font-size: 11px; margin-bottom: 8px; }
#styleedit .item { color :#c80000; }
#styleedit .progress { height: 5px; margin: 0; }
.row_header { display: none; position: absolute; top: -40px; z-index: 10; left: -2px; right: -2px; }
.row_header input { background: #0000; border: 0; outline: none; width: 250px; position: absolute; float: left; z-index: 3; color: #fff; }
.row_header input::placeholder {  color: #ccc; }
.active .row_boxs .editrow-found { display: block; }
.only_administrator { display: none;}
.administrator .only_administrator { display: unset;}
.colmodel { margin-right: 5px; margin-left: 15px; cursor: default; }
.col-name { user-select: none; background: #0000; border: 0; outline: none; width: 100%; padding: 3px; margin-left: 15px;}
.offset-handle { position: absolute; left: 4px; top: 5px; bottom: 5px; background-color: #00000021; width: 8px; border-radius: 3px; cursor: pointer; }
.offset { background-color: #cccc; margin-right: -0.5%; }
.hiderow { min-height: 0; height: 1px; min-height: 0; height: 40px;}
.hiderow .row_boxs { display: none; }
.hiderow .row_header { position: initial; }
.hiderow .ibox-title { border-width: 2px 0 2px; border-style: dashed; }
.layout-view .ibox { transition: all 600ms cubic-bezier(0.190, 1.000, 0.220, 1.000); }
.layout-view .ibox-content { background-color: transparent; padding: 0; }
.layout-view .ibox-content .row-view { border: 1px solid #fff; margin: 5px 0; padding: 8px; }
.tooltab button {background-color: #fff; padding-top: 10px; border: 1px solid #e7eaec;}
#styleSetting { display: none; }
#row_search { font-size: 12px; display: inline-block; margin: 10px -30px 5px 0; width: 328px; float: left; padding: 0px 12px; height:30px; }
#row_search_box { display: inline-block; }
#row_search_box:hover #row_search_list { display: block !important; }
#row_search_box .col-md-12 { padding: 0; }
#row_search_box .col-md-12 div { background-color: #fff; margin: 0;}
#row_search_box .col-md-12 p { margin: 2px 0; text-overflow: ellipsis; overflow: hidden;}
#row_search_box button { border-radius: 0px; border: 0; width: 100%; text-align: left;}
#row_search_list { position: absolute; width: 328px; border-color: #1ab394; border: 1px solid #1ab394; top: 39px; padding: 0; display: none; }
.rowpreview { opacity: 0.8; -webkit-box-shadow: 0 0 0 2px #1ab394; box-shadow: 0 0 0 2px #1ab394;}
.rowpreview .row_header { display: none; }

#backgroundSizeWvalue, #backgroundSizeHvalue, #positionXvaluebox, #positionYvaluebox { display: none; }
.sub_tool.animated { z-index: 10;}
#goaway { display: none; }
.CodeMirror,.CodeMirror-merge .CodeMirror { height: calc(100vh - 95px); margin-top: 10px; }
.CodeMirror-merge-gap { height: calc(100vh - 95px);}
.CodeMirror-merge {height: auto;}
#inputHtmlBox { margin-top: -65px; }
#theme-edit .CodeMirror { margin-top: 0px; }
#search_theme { color: #676a6c; }
.ql-toolbar .ql-formats-custom { display: block; padding: 0 15px; }
.ql-toolbar .ql-formats-custom button{ width:auto; color:#ccc; }
.ql-toolbar .ql-formats-custom button:hover { width:auto; color:#fff; }
#translation tbody textarea { resize: none; overflow: auto; }
#translation tbody img { max-width: 100% }
#translation .translation_img { position: relative; }
.window_switch { background: #1ab394; color: white; padding: 3px 10px 0; height: 28px; margin: 1px 2px; }
#tab-2 { padding-top: 19px; }
#tab-2 .panel-body { margin-top: 0px; }
.trigger_rule, .trigger_btn { background-color: #fff; padding: 10px 10px; border-bottom: 1px solid #e7eaec; line-height: 22px;}
.trigger_select { border: 0; padding: 0;}
.select_trigger .sub_tool { box-shadow: 0 0 0 2px #1c84c6;}
.select_trigger .sub-header, .select_trigger .ibox-tools { display: none !important; }
.select_trigger .edit_box:hover { box-shadow: unset; }
.select_trigger .sub_tool:before { content: ""; width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 200; background-color: #676a6c; opacity: 0.4;}
.select_trigger .sub_tool:hover { box-shadow: 0 0 0 2px #23c6c8;}
.select_trigger .sub_tool:hover:before{ opacity: 0.2; }
.select_trigger .editrow .row_header { display: block; }
.select_trigger .editrow .row_header .ibox-title { background-color: #f8ac59; }
.btn-import { position: relative; }
.trigger_btn { text-align: right; }
.trigger_region { white-space: normal; }
#viewstyle { left: 288px; right: auto;}
#viewstyle .viewselect, #pdclist li { padding: 5px; font-size: 12px; }
#viewstyle .viewselect i{ margin-left:10px; margin-top: 3px; }
#viewstyle .viewselect:hover, #pdclist li:hover { background-color: #23c6c8; color :#fff; }
#pdclist li.more {	background-color: #fff;    color: #676a6c;}
#pdclist li.more a {display: inline-block;	border: 0;background-color: #fff;}
#fileupload {display: none;}
.slick-list:hover { overflow: initial; }
.slick-slide { opacity: 0; transition: opacity 0.1s; transition-delay: 0s; pointer-events: none; }
.slick-slide.slick-current { opacity: 1; transition: opacity 0.3s; transition-delay: 0.4s; pointer-events: auto; }
.gu-mirror .ibox-content{ background-color: transparent; border: 0; }
.gu-transit {width:100%; text-align: center; float: none; }
.gu-mirror .col-md-6 {width:100%;}
.draging .colmodel { min-height: 100px; }
.sub-header { background-color: #1c84c6;padding: 2px; text-align: right;  cursor: move; position: absolute; top: -23px; min-width: 150px; z-index: 99;display: none; left: -1px; right: -1px;}

.sub_tool .submodel {  border-right: 1px dashed transparent;}
.draging .submodel , .sub_tool:hover .submodel {  border-right: 1px dashed #6c757d;}
.sub_tool .submodel:last-child {  border-right: 0;}
.submodel .sub_tool { margin-top: -5px;}
.sub-ibox-tools { display: inline-block; }
#page-wrapper {  margin: 0 0 0 220px; right: 0; z-index: 2011; }

.sub-header h5{ float: left; margin: 0; padding: 3px;color: #fff; }
#setting-sub textarea { height : 350px;}
.sub_tool:hover { -webkit-box-shadow: 0 0 0 1px #1c84c6; box-shadow: 0 0 0 1px #1c84c6; }
.sub_tool { position: relative; }
.sub_tool:hover>.sub-header { display: block !important;  }
.sub_tool button { background-color: #0000; border: 0; padding: 0; }
.ql-bubble .ql-tooltip {min-width: 300px; z-index: 3000;}
#container-sub .progress { height: 5px; margin: 0; }
.upload_click { position: relative; display: inline-block; cursor: pointer; color: #337ab7;}
.upload_click input{ position: absolute; opacity: 0; left: 0;top: 0;right: 0; bottom: 0; }
#history { display: none; padding: 70px 10px 40px;}
#page-wrapper.show #history { display: block;}
#page-wrapper.show .wrapper-content { display: none;}
.setting-tool .ibox-content { padding: 10px 15px 10px 15px }
.pagedescription { resize: none; }
.loading .top-nav, .loading .wrapper-content { visibility: hidden; }
.open>.dropdown-toggle.btn-success:focus, .open>.dropdown-toggle.btn-success:hover { background-color: #1a7bb9; border-color: #1a7bb9;}
#logslist li button.openlogbtn { text-align: right; margin-top: 2px;}
#logslist  button.selected{ background-color: #1c84c6; }
#logslist  button.selected *{color:#fff; }
#logslist li:first-child button.openlogbtn { margin-top: 0;}
#translation_content td { word-break: break-all; }
.f-title { font-size: 36px; font-weight: 600;}
.f-mark { background-color: #FFEB3B; display: inline-block; }
.f-subhead { font-size: 24px; font-weight: 400;}
.f-comment{ color: #666; }
.advanced_box { padding: 15px; clear: both; background-color: #ffffff;}
#preview { margin-right: 0px; }
.dropdown-toggle { width: 10px; margin-left: -1px;}
.dropdown-toggle::after { display: inline-block; width: 0; height: 0; margin-left: -3px; vertical-align: .255em; content: ""; border-top: .3em solid; border-right: .3em solid transparent; border-bottom: 0; border-left: .3em solid transparent; }

.codeeditor.opencompare>div { display: none;}
#compareBox  { display: none;}
.codeeditor.opencompare #compareBox { display: block;width:100%}
.CodeMirror-merge-2pane .CodeMirror-merge-pane { width: calc(50% - 15px); }
.CodeMirror-merge-2pane .CodeMirror-merge-gap { width: 30px; }
#compareBox .compareVersion .select2-container {vertical-align: text-top;}
#compareBox .compareVersion {     width: calc(50% - 15px);; float: right;  margin-top: -19px;}
#compareBox .compareVersion a.select2-choice{background-color: #1ab394;border: 0; line-height: 17px; color: #FFFFFF !important;padding: 1px 5px; font-size: 12px;  border-radius: 3px;background-image:unset; height:auto;  display: inline-block;-webkit-box-shadow:unset; box-shadow:unset; }
#compareBox .compareVersion a.select2-choice .select2-chosen {margin-right: 15px;}
#compareBox .compareVersion a.select2-choice abbr {display:none;}
#compareBox .compareVersion a.select2-choice .select2-arrow{ height:auto; background:unset;top: 2px;border-left:0; width: 9px;}
#compareBox .compareVersion a.select2-choice .select2-arrow::after {display: inline-block; width: 0; height: 0; margin-left: -3px; vertical-align: 0.255em; content: ""; border-top: 0.3em solid;border-right: 0.3em solid transparent; border-bottom: 0; border-left: 0.3em solid transparent;
}
.compareVersionList .select2-results { padding: 0}
.compareVersionList .select2-results .favorite { background-color: #23c6c8;}
.sharebox {display:none;}
.sharebox.shareed {display:block;}
.compareView  .navbar-default,.compareView #inputHtmlBox>a, .compareView #inputHtmlBox>#odinPDC,.compareView .compareVersion,.compareView .wrapper-content {display:none;}
.compareView #inputHtmlBox {margin:0}
.compareView  #page-wrapper {margin:0}

/**/
.model-image  {  text-align: center; }
.model-image button { position: relative;}
.model-image .fa-image {  padding: 10px 0;  position: relative;}

.model-image .imagesupload,#translation .imagesupload ,#import_translation  { width: 100%; position: absolute; bottom: 0; height: 100%; top: 0; left: 0;right: 0;opacity: 0;  cursor: pointer; z-index:1;}
.model-image .progress, #translation .progress  {height: 5px; margin: 10px 5px; display: none;}
.model-image .progress .bar, #translation .progress .bar {width: 0%; background-color: #333; height: 5px;}
.model-image .pvimg {user-select: none; max-width:100%}
.model-code  { margin: 5px 0; text-align: center;}
.text-left .model-image { text-align: left;}
.text-right .model-image { text-align: right;}
.text-center .model-image { text-align: center;}

.model-textslick {overflow: hidden;}
.model-textslick:hover {overflow: unset;}
.model-imageslick .button {  padding: 10px 0; position: relative;}
.model-imageslick .imagesupload  { width: 100%; position: absolute; bottom: 0; height: 100%; top: 0; left: 0;right: 0;opacity: 0;     cursor: pointer;}
.model-imageslick .progress { height: 5px; margin: 0; }
.model-imageslick  { margin: 5px 0; text-align: center; overflow: hidden;}
.model-imageslick .progress { display: none;}
.model-imageslick .pvimg {user-select: none; max-width:100%}

.model-table .ql-editor { height: auto; padding:0;  }
.model-table  { margin: 5px 0; }
.table-width-none .model-table .table  { width: auto }
.table-width-none .model-table .table td  { min-width: 22px; }
.text-left .model-table .table { margin-right: auto; margin-left: 0; }
.text-right .model-table .table{ margin-right: 0; margin-left: auto; }
.text-center .model-table .table { margin-right: auto; margin-left: auto; }
.model-table .table .table-th td { background-color: #f5f5f6;  font-weight: bold; }
.model-table td{ border : 2px dotted #e7e7e7; }
.bordered .model-table td{  border: 1px solid #c7c7c7; }

.model-slider .button {  position: relative; }
.model-slider .imagesupload  { width: 100%; position: absolute; bottom: 0; height: 100%; top: 0; left: 0;right: 0;opacity: 0;     cursor: pointer;}
.model-slider .progress { height: 5px; margin: 0; }
.model-slider  { margin: 5px 0; text-align: center;}
.model-slider .progress { display: none;}
.model-slider .pvimg { user-select: none; max-width:100% }
.model-slider .slick-prev,
.model-slider .slick-next { width: 20px; height: 40px; }
.model-slider .slick-prev::before,
.model-slider .slick-next::before { font-size: 60px; }
.model-slider .slider-container { display: flex; outline: none; }
.model-slider .slider-container .image-box { flex: 1; }
.model-slider .slider-container .editimg { width: 100%; }

.model-slider .slider-container .text-box { flex: 1; }
.model-slider .slider-container .text-box .ql-container { padding: 0 10%; }
.model-slider .slider-container .image-box.align-right { order: 1; }
.model-slider .align-middle .slider-container { align-items: center; }
.model-slider .align-bottom .slider-container { align-items: flex-end; }
.model-slider .slick-list {margin:0;}
.model-slider .slick-list {background-color: #f5f5f5;}
.model-banner .button { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.model-banner .banner-container { position: relative; width: 100%; background-position: center center; background-size: cover;}
.model-banner .imagesupload  { width: 100%; position: absolute; bottom: 0; height: 100%; top: 0; left: 0;right: 0;opacity: 0;     cursor: pointer;}
.model-banner .progress { height: 5px; margin: 0; position: absolute; width: 100%; left: 0; bottom: 0; display: none;}
.model-banner .quillboxname { position: absolute; background-color: rgba(255,255,255,0.4); min-width: 200px; height: auto; }
.model-banner .banner-container.text-justify-left.text-vertical-top .quillboxname { left: 0; top: 0; }
.model-banner .banner-container.text-justify-center.text-vertical-top .quillboxname { left: 50%; top: 0; transform: translateX(-50%); }
.model-banner .banner-container.text-justify-right.text-vertical-top .quillboxname { right: 0; top: 0; }
.model-banner .banner-container.text-justify-left.text-vertical-center .quillboxname { left: 0; top: 50%; transform: translateY(-50%); }
.model-banner .banner-container.text-justify-center.text-vertical-center .quillboxname { left: 50%; top: 50%; transform: translate(-50%, -50%); }
.model-banner .banner-container.text-justify-right.text-vertical-center .quillboxname { right: 0; top: 50%; transform: translateY(-50%); }
.model-banner .banner-container.text-justify-left.text-vertical-bottom .quillboxname { left: 0; bottom: 0; }
.model-banner .banner-container.text-justify-center.text-vertical-bottom .quillboxname { left: 50%; bottom: 0; transform: translateX(-50%); }
.model-banner .banner-container.text-justify-right.text-vertical-bottom .quillboxname { right: 0; bottom: 0; }
.model-banner .slick-prev,
.model-banner .slick-next { width: 20px; height: 40px; }
.model-banner .slick-prev::before,
.model-banner .slick-next::before { font-size: 60px; }
.model-banner .bannerslickbox.arrow-inside .slick-prev { left: 60px; }
.model-banner .bannerslickbox.arrow-inside .slick-next { right: 60px; }
.model-banner .banner-container .editimg { width: 100%; }

.model-banner .ql-editor { padding:0;}
.model-banner .quillboxname  { padding:15px;}


.marginbox *:focus {outline:none;}


.itop {   padding: 3px; }
.iright { position: absolute; right:6px; top:50%; margin-top: -6px; padding: 3px; }
.ibottom { position: relative; padding: 3px; }
.ileft { position: absolute; left:6px;  top:50%; margin-top: -6px; padding: 3px; }
.marginbox { position: relative; height: 165px; border: 1px dashed  #fff; margin-bottom: 5px; background-color:#f9cc9d ; text-align: center; padding: 6px 12px;  color: #000; }
.marginbox h6 {  top: 0; color: #000; margin: 0 0 -15px; text-align: left; font-family: Helvetica, Arial, sans-serif; }
.borderbox { border: 1px solid #000;  margin: 3px 8px; position: relative; height: 114px;  padding: 6px 12px; background-color:#fddd9b;}
.paddingbox { border: 1px dashed  #808080; margin: 3px 8px;  position: relative; height: 64px;  padding: 6px 12px;  background-color:#c3d08b;}
.cbox  { border: 1px solid  #808080;  background-color:#8cb6c0; height: 20px; margin: 2px 5px;}
.ileft:focus , .iright:focus , .itop:focus , .ibottom:focus  { z-index :5; background-color:#fff;  }
#styleSetting .style_title h6 { color:#ffffff; display: inline-block;  margin: 6px 0; }
#styleSetting .marginbox span br { display: none; }

#filetree { color: #fff; margin-top:15px; margin-left: -20px; }
.vakata-context { z-index:1500;}

.input-group-append {width: 10%; float: right; position: relative; }
#setting-sub .upload {width:90%; display: inline-block; }
#setting-sub .uploadbt { opacity: 0; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%;}





.row_boxs {
  font-family:  Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.5;
  color: #2c2c2c;
  text-align: left;
}

.row_boxs .ql-editor h1, .row_boxs .ql-editor h2, .row_boxs .ql-editor h3, .row_boxs .ql-editor h4, .row_boxs .ql-editor h5, .row_boxs .ql-editor h6 {
  margin-top: 0;
  font-weight: 500;
  line-height: 1.2;
  margin-bottom: 6px;
}
.row_boxs .ql-editor h1 {
  font-size: 30px;
}

.row_boxs .ql-editor h2 {
  font-size: 24px;
}

.row_boxs .ql-editor h3 {
  font-size: 21px;
}

.row_boxs .ql-editor h4 {
  font-size: 18px;
}

.row_boxs .ql-editor h5 {
  font-size: 15px;
}

.row_boxs .ql-editor h6 {
  font-size: 12px;
}
.row_boxs .ql-editor em {
  font-style: italic
}
.row_boxs .ql-editor p {
  margin-top: 0;
  margin-bottom: 1rem;
}
.row_boxs .ql-editor sup {
  font-size: 0.65em;
  top: -1.5em;
  position: relative;
  vertical-align: super;
}
.row_boxs img {
  vertical-align: middle;
  border-style: none;
  max-width: 100%;
}
.row_boxs .f-title {
  font-size: 135%;
  font-weight: 600;
  padding: 0.5em 0;
}
.row_boxs .f-subhead {
  font-size: 120%;
  font-weight: 500;
  padding: 0.3em 0;
}
.row_boxs .f-mark {
  padding: 0.2em;
  background-color: #fcf8e3;
}
.row_boxs table.table {
  width: 100%;
  margin-bottom: 1rem;
  color: #212529;
}

.row_boxs table.table th,
.row_boxs table.table td {
  padding: 0.75rem;
  vertical-align: top;
  border-top: 1px solid #dee2e6;
}

.row_boxs table.table p{
    margin: 0.3rem 0;
}
.clearleft {
    clear: left;
}
.submodel { min-height: 100px;}
.model-col2 { display: flex; padding: 5px 0; }
.model-col2 .colmodel {     padding-top: 26px;  margin: 0; }
.model-col3 { display: flex; padding: 5px 0; }
.model-col3 .colmodel {     padding-top: 26px;  margin: 0; }

.draging .sub_tool[data-modulename=col2], .sub_tool[data-modulename=col2]:hover, .draging .sub_tool[data-modulename=col3], .sub_tool[data-modulename=col3]:hover  { -webkit-box-shadow: 0 0 0 1px #6c757d; box-shadow: 0 0 0 1px #6c757d; }
.sub_tool[data-modulename=col2]>.sub-header, .sub_tool[data-modulename=col3]>.sub-header { background-color: #6c757d; padding: 3px; text-align: right;  cursor: move; position: absolute; top:-25px; min-width: unset; z-index: 99; display: none; left: 0; right: auto; opacity: 0.4;}
.sub_tool[data-modulename=col2]>.sub-header:hover, .sub_tool[data-modulename=col3]>.sub-header:hover  { background-color: #6c757d; padding: 3px; text-align: right;  cursor: move; position: absolute; top:-25px; min-width: unset; z-index: 99;   left: 0; right: auto; opacity: 1;}
.sub_tool[data-modulename=col2]>.sub-header .btn-success, .sub_tool[data-modulename=col3]>.sub-header .btn-success {background-color: #6c757d;}

.submodel.col-1 { flex: 0 0 8.3%;  max-width: 8.3%; }
.submodel.col-2 { flex: 0 0 16.6%;  max-width: 16.6%; }
.submodel.col-3 { flex: 0 0 25%;  max-width: 25%; }
.submodel.col-4 { flex: 0 0 33.3%;  max-width: 33.3%; }
.submodel.col-5 { flex: 0 0 41.6%;  max-width: 41.6%; }
.submodel.col-6 { flex: 0 0 50%;  max-width: 50%; }
.submodel.col-7 { flex: 0 0 58.3%;  max-width: 58.3%; }
.submodel.col-8 { flex: 0 0 66.6%;  max-width: 66.6%; }
.submodel.col-9 { flex: 0 0 75%;  max-width: 75%; }
.submodel.col-10 { flex: 0 0 83.3%;  max-width: 83.3%; }
.submodel.col-11 { flex: 0 0 91.6%;  max-width: 91.6%; }

.mcolumns div { display: inline-block; width:10px;height:24px; background-color: #1c84c6; margin: 0 1px;}
.btn-success:hover .mcolumns div {background-color: #fff;}

.model-tab .tag_style2 .tabList .tabListItem {
	margin: 0 10px;
    border-radius: 26px;
    padding: 6px 15px;
	border: 1px solid gray !important;
}
.model-tab .tag_style2 .tabList .tabListItem.tabActive{
	border: 1px solid #26AAE5 !important;
	color: #26AAE5 !important;
}
.model-tab .tag_style2 .tabList {
	background-color: transparent;
    padding: 10px 0;
}
.model-tab .tag_style2.tabContainer ,.model-tab .tag_style2.tabContainer:not(.tabPositionBottom) .tabContent,.model-tab .tag_style2.tabContainer.tabPositionBottom .tabContent {
    border: 0 !important;
}
.model-tab .tag_style2 .tabContent {
	align-items: center;
}
.model-tab .tag_style2 .ql-editor {
    padding: 0 10%;
}
.model-tab .tag_style2.tabContainer.dashBorder .tabListItem {
	border-style: dashed !important;
}
.model-slogan {
	padding: 15px 0;
}
.model-slogan .ql-editor {
	padding: 0
}
.model-slogan .sloganline {
	width: 62px;
    display: block;
}
.model-slogan .sloganline.left {
	margin: 0 auto 0 0;
}
.model-slogan .sloganline.center {
	margin: 0 auto;
}
.model-slogan .sloganline.right {
	margin: 0 0 0 auto;
}