.js-editable {
	position: relative;
	z-index: 1;
}
.js-editable-wrapper {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.js-hover-box, .js-edit-box {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	border: 1px solid #dc9024;
	cursor: move;
	z-index: 9998;
}
.js-control-box {
	position: absolute;
	z-index: 9999;
	min-width: 225px;
    top: 0%;
    right: 100%;
}
.js-hover-caption {
	padding: 0 6px;
	font-size: 12px;
	line-height: 16px;
	background: #d3edff;
	color: #3899ec;
	white-space: nowrap;
	position: absolute;
	top: 0;
	left: 0;	
}
.js-edit-box {
	border: 1px solid #dc9024;
}
.js-control-box ul li {
	/* float: left; */
	    float: right !important
}
.logo-col a {
	display: inline-block;
}
.js-theme-controls {
	position: fixed;
	right: 0;
	z-index: 10;
}
.js-theme-elements {
	z-index: 10;
}

.js-modal {
	position: fixed;
	top: 50px;
	left: 80px;
	z-index: 10;
	background: #fff;
	min-width: 300px;
}
.js-setting {
	position: absolute;
	right: 5px;
	z-index: 10;
	top: 5px;
}
.js-modal .modal-header {
	cursor: move;
}

.js-theme-design ul li i {
	font-size: 30px;
}
.theme-default{color: #EC018E;}
.theme-blue{color: #083d90;}
.theme-yellow-green{color: #42570D;}
.theme-twitter{color: #00aced;}
.theme-flicker{color: #ff0084;}
.theme-bloger{color: #fb8f3d;}
/* logo */
.ob-header.ob-scroll-nav.open .js-draggable {
	position: inherit !important;
	left: 0 !important;
}


i.colorpic-box {display: inline-block;
height: 30px;
margin-right: 5px;
padding: 5px;
vertical-align: middle;
width: 30px;
background: #F7F7F7;
border: 1px #AAAAAA solid;
/*position: absolute;*/
top: 9px;
right: 0;
font-size: 26px;
cursor: pointer;}

#js-theme-customize-list li {position: relative;}

/*--- Gunjan Style Start ----*/
.js-editable-wrapper .js-theme-controls { top: 220px; border-radius: 0 0 0 10px; }
.js-editable-wrapper .js-theme-controls li { min-width: 100px; background: #fff; text-align: center; border-left: #ccc 1px solid; border-bottom: #f0f0f0; }
.js-editable-wrapper .js-theme-controls li a { display: block; border-bottom:#f0f0f0 1px solid; color: #666; font-size: 15px; height: 40px; line-height: 40px;  }
.js-editable-wrapper .js-theme-controls li:first-child { border-radius: 10px 0 0 0; border-top: #ccc 1px solid; }
.js-editable-wrapper .js-theme-controls li:last-child { border-radius: 0 0 0 10px; border-bottom: #ccc 1px solid; }
.js-editable-wrapper .js-theme-controls li:last-child a { border-bottom: none; }
.js-editable-wrapper .js-theme-controls li a:hover {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,4c4c4c+100 */
background: #000000; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#000000), color-stop(100%,#4c4c4c)); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, #000000 0%,#4c4c4c 100%); /* Chrome10+,Safari5.1+ */ /* Opera 12+ */ /* IE10+ */
background: -webkit-radial-gradient(center, ellipse, #000000 0%, #4c4c4c 100%);
background: radial-gradient(ellipse at center, #000000 0%,#4c4c4c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4c4c4c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ border-radius: inherit; color: #FFF; }

.btn-ss-manage { border-radius: 20px;border: #ccc 1px solid !important;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); background: #FFF; /* padding: 8px 20px !important; */ color: #666 !important; font-size: 14px !important; margin-right: 3px !important; font-family: 'robotoregular' !important; display: inline-block; padding: 8px 10px !important;}

.btn-ss { border-radius: 50px;border: #ccc 1px solid !important; background: #FFF;box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.19); padding: 8px 10px !important;  color: #666 !important;  font-size: 14px !important; width: 38px; text-align: center; margin: 0px 3px 0 !important; display: inline-block; }
.btn-ss .fa { font-size: 15px !important; color: #666 !important; }


#cssmenu{width:60px;margin-top:200px;border-radius: 0px 10px 10px 0px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,444444+96,9b9b9b+99,444444+99,000000+100 */
background: #000000; /* Old browsers */ /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#000000), color-stop(96%,#444444), color-stop(99%,#9b9b9b), color-stop(99%,#444444), color-stop(100%,#000000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #000000 0%,#444444 96%,#9b9b9b 99%,#444444 99%,#000000 100%); /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */
background: -webkit-linear-gradient(left, #000000 0%, #444444 96%, #9b9b9b 99%, #444444 99%, #000000 100%);
background: linear-gradient(to right,  #000000 0%,#444444 96%,#9b9b9b 99%,#444444 99%,#000000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 ); /* IE6-9 */
    position: fixed;
    z-index: 9999;
}
#cssmenu ul,#cssmenu ul li,#cssmenu ul ul{list-style:none;margin:0;padding:0}
#cssmenu ul{position:relative;z-index:597;float:left}
#cssmenu ul li{float:left;min-height:1px;line-height:1em;vertical-align:middle;margin: 10px 0;}
#cssmenu ul > li:first-child { border-radius: 10px 0 0 0; margin-top: 10px; }
#cssmenu ul > li:last-child { border-radius: 0 0 10px 0; margin-bottom: 10px; }
#cssmenu ul li.hover,#cssmenu ul li:hover{z-index:599;cursor:default}
#cssmenu ul ul{position:absolute;top:100%;left:0;z-index:598;width:100%}
#cssmenu ul ul li{/* float:none */}
#cssmenu ul ul ul{top:-2px;right:0}
/*#cssmenu ul li:hover > ul{visibility:visible}*/
#cssmenu ul ul{top:1px;left:60px; position: absolute; }
#cssmenu ul li{/* float:none */}
#cssmenu ul ul{margin-top:1px}
#cssmenu ul ul li{font-weight: 400;}
#cssmenu:before{content:'';display:block}
#cssmenu:after{content:'';display:table;clear:both}
#cssmenu a{display:block;padding:0 0 0 10px;color:#fff;text-decoration:none;text-transform:uppercase}
#cssmenu > ul{width:60px}
#cssmenu ul ul{width:250px; position: absolute; top: 0;}
#cssmenu > ul > li > a{color:#fff}
#cssmenu > ul > li > a:hover{color:#333}
#cssmenu > ul > li.active a{background:none;}
/*#cssmenu > ul > li a:hover,#cssmenu > ul > li:hover a{background:#1b9bff}*/
#cssmenu ul > li > a:hover span.icon, #cssmenu li.active a > span.icon {background: #FFF;padding: 10px 21px 10px 17px;min-width: 58px; color: #333;display: inline-block;margin-left: -8px; border-radius: 30px 0 0 30px; }
#cssmenu ul > li > a span {padding: 10px 24px 10px 10px;display: inline-block; }
#cssmenu ul ul li a { padding: 5px 10px; color: #333;}
#cssmenu ul li a span i.fa { font-size: 20px; }
/*#cssmenu li{position:relative}*/
#cssmenu ul li.has-sub > a:after{content:'';position:absolute;top:50%;right:15px;margin-top:-6px}
#cssmenu ul ul li.first{border-radius:0 3px 0 0}
#cssmenu ul ul li.last{border-radius:0 0 3px 0;border-bottom:0}
#cssmenu ul ul{border-radius:0 3px 3px 0}
#cssmenu ul ul a{font-size:12px;color:#fff}
#cssmenu ul ul a:hover{color:#fff}
#cssmenu ul ul li:hover > a{background:#f5f5f5;color:#333; border:#CCC 1px solid; display: inline-block; border-radius: 3px;}
#cssmenu.align-right > ul > li > a{border-left:4px solid #1b9bff;border-right:none}
#cssmenu.align-right{float:right}
#cssmenu.align-right li{text-align:right}
#cssmenu.align-right ul li.has-sub > a:before{content:'+';position:absolute;top:50%;left:15px;margin-top:-6px}
#cssmenu.align-right ul li.has-sub > a:after{content:none}
#cssmenu.align-right ul ul{visibility:hidden;position:absolute;top:0;left:-100%;z-index:598;width:100%}
#cssmenu.align-right ul ul li.first{border-radius:3px 0 0 0}
#cssmenu.align-right ul ul li.last{border-radius:0 0 0 3px}
#cssmenu.align-right ul ul{border-radius:3px 0 0 3px}

.ss-box { background: #FFF;min-height: 208px; box-shadow:0px 0px 8px 0px rgba(0,0,0,0.19); float: left;}
#cssmenu ul > li li:first-child  { margin-top: 0; }
#cssmenu ul ol { float: left; width: 100%;}
#cssmenu ul ol li { border: 1px solid transparent; margin: 0;  float: left; width: 100%;}
#cssmenu ul li .ss-my-themes ol li {width:auto;}

.ss-box h3 { padding: 10px 20px 20px 20px; }
.ss-box h3 span { float: right; }
.ss-box h3 span .fa-times { cursor: pointer; }

.ss-customize-design { width: 340px; padding-bottom:20px; float: left;}
.ss-customize-design ol li a { text-transform: none !important;}
.ss-customize-design .colorpic-box{ width: 100px; height: 21px; }
.ss-customize-design ol li span { float: right; padding: 3px 0px 3px 3px; border: #CCC 1px solid; }
.ss-customize-design ol li { margin-bottom: 10px !important }
#cssmenu ul ul li:hover .ss-customize-design a { border: none; background: none; display: block; }
.ss-customize-design ol li .fa-caret-down { margin-right: 5px; vertical-align:middle;}
.ss-customize-design ol li select{ float: right; height: 26px; width: 126px;}

.ss-my-themes { width: 320px; }
.ss-my-themes ol li{ display: inline-block; }
.ss-my-themes ol li i.fa-home { font-size: 26px; }
#cssmenu ul ul li:hover .ss-my-themes a { background: none; border: none; border-radius: 0; }

.selected { margin: 0 20px; }
.selected .selected-theme { width: 70px; float: left; text-align: center;border: #CCC 1px solid;padding: 17px 20px;font-size: 30px;box-shadow:0px 0px 3px 0px rgba(0,0,0,0.19); border-radius: 3px;}
.selected .selected-text { float: right; width: 200px;}
.selected .selected-text i{ color: #4BCF64 }
.selected .selected-text h6 { margin-bottom: 5px; }

.ss-upload { width: 350px; padding-bottom: 20px; }
.add-image-btn{position: absolute; right: 15px; top: 9px; padding: 0; height: 25px; font-family: 'roboto_condensedregular'; color: #343740; overflow: hidden;}
.add-image-btn i{position: static; font-size: 26px; cursor: pointer;}
.add-image-btn:hover i{color: #EC008B;}

.ss-upload-block { margin: 0 20px; border-bottom: #CCC 1px solid; padding-bottom: 20px; padding-top: 20px; position: relative; }
.ss-upload-block:nth-of-type(1) { padding-top: 0; }
.ss-upload-block:nth-of-type(3) { border-bottom: none; }
.ss-upload-block span.img {display: inline-block;width: 70px;background: #f00;border-radius: 3px;height: 70px;line-height: 70px;text-align: center;font-size: 32px;color: #FFF;margin-right: 10px; box-shadow: inset 0px -3px 0px 0px rgba(0,0,0,0.19);}
.ss-upload-block span.text { display: inline-block; width: 170px; }
.ss-upload-block span.text h6 { padding-bottom: 5px; color: #666; }
.ss-upload-block span.arrow-upload i { display: inline-block; width: 40px; text-align: right; font-size: 24px; color: #666; }
#cssmenu .ss-upload-block span.arrow-upload a { display: inline-block !important; }

.ss-logo-img span.img { background: #88CAC0; }
.ss-header-img span.img { background: #439DEA; }
.ss-background-img span.img { background: #F3A99B; }

.ss-upload-manage-block { border-radius: 5px; border: #CCC 1px solid; background: #F3F3F3; padding: 10px; margin: 0 20px; }
.ss-upload-manage-block span.icon { display: inline-block; color: #BDBDBD; float: left; padding-right: 5px; height: 21px; font-size: 24px; }
.ss-upload-manage-block span p { padding-bottom: 0; font-style: italic; }
.ss-upload-manage-block .file-button {width: 21px;height: 25px;}
.ss-upload-manage-block .file-button input {height: 25px; opacity: 0; position: absolute; top: 0; width: 22px;}
.file-button input {height: 55px;opacity: 0; position: absolute; top: 28px; right: 10px; width: 22px; cursor: pointer; }
.file-button{width: 21px; height: 25px;}

.js-modal { box-shadow: 0 0 8px 3px rgba(0,0,0,0.29) }
.js-modal .js-modal-close { float: right; color: #AFAFAF; }
.js-modal .js-modal-close:hover { color: #333; }
.fileUpload {position: relative;overflow: hidden;margin: 10px;background: #7E7D7E;padding: 4px 5px;white-space: nowrap; color: #FFF !important; }
.fileUpload input.upload {position: absolute;top: 0;right: 0;margin: 0;padding: 0;font-size: 20px;cursor: pointer; opacity: 0;filter: alpha(opacity=0);}
.js-elements .ui-state-default .input-group .input-group-addon { background-color: transparent !important; border-left: none; border-radius: 0; }
.js-elements .ui-state-default .input-group input[type="text"] { border-radius: 0; border-right: 0; background: #FFF; }

.ss-file-uploader { margin-top: 20px; }
.ss-file-uploader .control-label { padding-top:0 !important;  }
.ss-file-uploader input.form-control { height: 30px !important; }
.ss-file-uploader .fileUpload { margin: 0 10px; }

.ss-custom-block .ui-sortable-handle, .ss-custom-block  { margin-bottom: 15px; }
.ss-custom-block label { display: inline-block; width: 40%; font-size: 14px; background: url(../../bundles/officebrainsubshop/images/icon_dragnbrop.jpg) no-repeat; padding-left: 20px; background-position: 0 4px !important; }
.ss-custom-block input[type="text"] { display: inline-block; width: 60%; background: #FFF;  }

/*---- Layout style ----*/
.ob-logo-block .navbar-nav .dropdown { position: relative !important; }
.slidemenu { padding-top: 3px !important; }
/*---- Layout style ----*/
/*--- Gunjan Style Start ----*/ 
ul, ol { list-style: none; }