@charset "utf-8";

/************************************************************
     COMMON
************************************************************/
/************ Placeholder ************/
.page-editor ::-webkit-input-placeholder { color:#3d4245; }
.page-editor :-moz-placeholder { color:#3d4245; }
.page-editor ::-moz-placeholder { color:#3d4245; opacity:0.5; }
.page-editor :-ms-input-placeholder { color:#3d4245; }
.page-editor .placeholder { color:#3d4245; }

/************ Scrollbar ************/
/****** webkit scrollbar ******/
.page-editor ::-webkit-scrollbar { width:17px; }
.page-editor ::-webkit-scrollbar-track { background-color:#1c2227; }
.page-editor ::-webkit-scrollbar-thumb { background-color:#33393d; }
.page-editor ::-webkit-scrollbar-thumb:hover { background-color:#3b474e; }
.page-editor ::-webkit-scrollbar-corner { background-color:#292d32; }
.page-editor ::-webkit-scrollbar-button { width:17px; height:17px; background-color:#1c2227; background-image:url(../images/bg_icon_sprite.png); background-repeat:no-repeat; background-size:640px auto; }
.page-editor ::-webkit-scrollbar-button:vertical:decrement { background-position:0 -32px; }
.page-editor ::-webkit-scrollbar-button:vertical:increment { background-position:-32px -32px; }
.page-editor ::-webkit-scrollbar-button:horizontal:decrement { background-position:-64px -32px; }
.page-editor ::-webkit-scrollbar-button:horizontal:increment { background-position:-96px -32px; }

/****** IE scrollbar ******/
.page-editor.aside-r #asideContainer .content,
.page-editor.aside-r #mainContainer .main-content { scrollbar-base-color:#292d32; scrollbar-face-color:#33393d; scrollbar-track-color:#1c2227; scrollbar-arrow-color:#33393d; scrollbar-3dlight-color:#1c2227; scrollbar-highlight-color:#1c2227; scrollbar-shadow-color:#1c2227; scrollbar-darkshadow-color:#1c2227; }
/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.page-editor ::-webkit-scrollbar-button { background-image:url(../images/bg_icon_sprite@2x.png); }
}


/************************************************************
     LAYOUT
************************************************************/
.page-editor#pageContainer,
.page-editor #mainContainer,
.page-editor #mainContainer .main-content { background-color:#161b1e; }
.page-editor #mainContainer .main-content { padding:0; background-image:url(../images/bg_dotted.png); background-size:50px auto; }

.page-editor #navContainer,
.page-editor #headerContainer { background-color:#20282e; }
.page-editor #mainContainer .section-content { padding:0; background-color:transparent; }

.page-editor #navContainer .nav-content,
.page-editor #mainContainer { border-right:1px solid #161b1e; }
.page-editor #headerContainer { border-bottom:1px solid #161b1e; }
/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.page-editor #mainContainer .main-content { background-image: url(../images/bg_dotted@2x.png); }
}


/************************************************************
	HEADER CONTAINER
************************************************************/
.page-editor .header-content-inner.text-menu.icon > li a.disabled { opacity:.3; pointer-events:none; }
/*
.page-editor .header-content-inner.text-menu.icon > li a i.dicon:before { background-position-y:-64px; }
.page-editor .header-content-inner.text-menu.icon > li a:hover i.dicon:before { background-position-y:-96px; }
.page-editor .header-content-inner.text-menu.icon > li a i.dicon-undo:before { background-position-x:0; }
.page-editor .header-content-inner.text-menu.icon > li a i.dicon-redo:before { background-position-x:-32px; }
.page-editor .header-content-inner.text-menu.icon > li a i.dicon-run:before { background-position-x:-64px; }
.page-editor .header-content-inner.text-menu.icon > li a i.dicon-export:before { background-position-x:-96px; }
.page-editor .header-content-inner.text-menu.icon > li a i.dicon-reset:before { background-position-x:-128px; }
*/

.page-editor .header-content-inner.text-menu.icon > li a,
.page-editor .header-content-inner.text-menu.icon > li a i:before { color:#fff; }
.page-editor .header-content-inner.text-menu.icon > li a:hover,
.page-editor .header-content-inner.text-menu.icon > li a:hover i:before { color:#24bff3; }

.page-editor .header-content-inner.text-menu.icon > li.pull a,
.page-editor .header-content-inner.text-menu.icon > li.pull a i:before { color:#ed1c66; }
.page-editor .header-content-inner.text-menu.icon > li.pull a:hover,
.page-editor .header-content-inner.text-menu.icon > li.pull a:hover i:before { color:#db0c55; }


/************************************************************
	ASIDE CONTAINER
************************************************************/
.page-editor #asideContainer .panel-content { padding:12px 44px 12px 15px; border-bottom:1px solid #161b1e; }

.page-editor .checkbox-proportion { position:absolute; top:25px; right:15px; }
.page-editor .checkbox-proportion .checkbox label { height:23px; }
.page-editor .checkbox-proportion .checkbox label:before { width:24px; height:24px; }
.page-editor .checkbox-proportion .checkbox input[type=checkbox]+label:before { background-color:#1f272b; border:1px solid #161b1e; }
.page-editor .checkbox-proportion .checkbox input[type=checkbox]:checked+label:before { background-color:#67c9e0; border:1px solid #161b1e; }
.page-editor .checkbox-proportion .checkbox input[type=checkbox]+label:after { content:"\e911"; width:16px; height:16px; margin:-5.5px 0 0 4px; line-height:1; font-family:'dicon' !important; speak:none; font-size:16px; font-style:normal; font-weight:normal; font-variant:normal; text-rendering:auto; text-transform:none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; background:none; color:#54626f; }
.page-editor .checkbox-proportion .checkbox input[type=checkbox]:checked+label:after { content:"\e911"; color:#0c161e; }

.page-editor .checkbox-ratio { position:absolute; top:14px; right:15px; }
.page-editor .checkbox-ratio input[type=checkbox]+label:before { background-color:#1f272b; border:1px solid #161b1e; }
.page-editor .checkbox-ratio input[type=checkbox]:checked+label:before { background-color:#1f272b; border:1px solid #161b1e; }
.page-editor .checkbox-ratio input[type=checkbox]+label:after { background-position:-160px 0; }
.page-editor .checkbox-ratio input[type=checkbox]:checked+label::after { background-position:-192px 0; }


/************************************************************
	MAIN CONTAINER
************************************************************/
.page-editor .main-header { padding:5px 0 6px; position:relative; background-color:#282f35; border-bottom:1px solid #161b1e; }
.page-editor .main-header h1 { float:none; width:80%; line-height:1.42857143; margin:0 auto; color:#b5bec3; font-size:14px; font-weight:300; text-align:center; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden; }
.page-editor .main-header .main-header-inner { width:auto; position:absolute; top:0; right:0; }
.page-editor .main-header .main-header-inner .btn-icon { border:none; border-left:1px solid #161b1e; border-bottom:1px solid #161b1e; border-radius:0; background-color:transparent; color:#fff;}
.page-editor .main-header .main-header-inner .btn-icon i {  }



.page-editor .main-header .main-header-inner .btn-icon:hover { background-color:#3bc7f6; color:#fff; }
.page-editor .main-header .main-header-inner .btn-icon:focus,
.page-editor .main-header .main-header-inner .btn-icon:active,
.page-editor .main-header .main-header-inner .btn-icon.active { background-color:#17a7d7; color:#fff; }




.page-editor .collapse-history { min-width:210px; background-color:#21282e; border:1px solid #141414; border-radius:0; box-shadow:0px 0px 10px rgba(0,0,0,.5); }
.page-editor .collapse-history:before,
.page-editor .collapse-history:after { display:none; }
.page-editor .collapse-history .collapse-header { padding:5px 9px; background-color:#1a2025; border-bottom:1px solid #141414;;}
.page-editor .collapse-history .collapse-header h2 { line-height:1.42857143; color:#b5bec3; font-size:14px; }













.page-editor #mainContainer .section-container { margin-bottom:0; border:1px solid #161b1e; }
.page-editor #mainContainer .section-content { width:100%; display:table; text-align:center; }
/*
.page-editor #mainContainer .panel-container { }
.page-editor #mainContainer .panel-content { }
*/
.page-editor #mainContainer .figure-type { height:100%; margin:0 auto; display:table-cell; vertical-align:middle; }
.page-editor #mainContainer .figure-type figure,
.page-editor #mainContainer .figure-type figure img { line-height:0; font-size:0; }

/****** File Upload ******/
.drop-container { height:100%; padding:20px; }
.drop-container .drop-content { min-height:100%; padding:54px 54px; border:2px dashed #16c1f3; cursor:pointer; }
.drop-container .drop-content:hover { -webkit-animation:dropborder linear 2s infinite; animation:dropborder linear 2s infinite; }
.drop-container .txt-sect {margin-top:-207.5px; margin-left:-266.655px; position:absolute;top:50%;left:50%;}
.drop-container .txt-sect,
.drop-container .txt-sect * { cursor:pointer; }
.drop-container .txt-sect { text-align:center; }
.drop-container h3 { display:inline-block; color:#fff; font-size:28px; font-weight:300; }
.drop-container h3:before { content:""; width:192px; height:192px; margin:0 auto -20px; display:block; background-image:url(../images/bg_icon_sprite.png); background-repeat:no-repeat; background-position:0 -256px; background-size:640px auto; }
.drop-container p { display:block; color:rgba(255,255,255,0.7); font-size:16px; font-weight:300; }
.drop-container p.txt-pad { padding:20px 0; color:#fff; }
.drop-container .btn-primary { padding:10px 60px 8px; font-size:22px; }
.drop-container .txt-sect .controls-file,
.drop-container .txt-sect input[type="file"] { opacity:0;filter:alpha(opacity=0); }
									
@-webkit-keyframes dropborder {
      0% { border:2px dashed #24bff3; }
     25% { border:2px dashed #24f3ec; }
	 50% { border:2px dashed #16f3e6; }	 
	 75% { border:2px dashed #24f3ec; }
    100% { border:2px dashed #24bff3; }
}
@keyframes dropborder {
      0% { border:2px dashed #24bff3; }
     25% { border:2px dashed #24f3ec; }
	 50% { border:2px dashed #16f3e6; }	 
	 75% { border:2px dashed #24f3ec; }
    100% { border:2px dashed #24bff3; }
}

/*** retina-specific ***/
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
	.drop-fileupload h3:before { background-image:url(../images/bg_icon_sprite@2x.png); }
}




.page-editor .layer-container {}