html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video { margin:0; padding:0; border:0; font-size:100%; font:inherit; vertical-align:baseline; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
table { border-collapse:collapse; border-spacing:0; }
input, select, textarea, button { margin:0; padding:0; }

:focus { outline:none; }
* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
*:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box; }
.clearfix:after { visibility:hidden; display:block; content:''; clear: both; height:0; }
* html .clearfix { zoom:1; } /* IE6 */
*:first-child+html .clearfix { zoom:1; } /* IE7 */

body { font-family:Arial, sans-serif; font-size:12px; color:#7b7777; background:#fff; position:relative; }
a { color:inherit; text-decoration:none; display:inline-block; }
h1 { color:#3d3c3c; font-size:21px; font-weight:bold; }
h2 { color:#3d3c3c; font-size:16px; font-weight:bold; line-height:1.3; margin-bottom:20px; }
h3 { color:#3d3c3c; font-size:14px; font-weight:bold; line-height:1.5; }
h5 { color:#3d3c3c; font-size:12px; font-weight:bold; line-height:1.5; }
span { display:inline-block; }
label.block { margin-bottom:5px; }

.left { float:left; }
.right { float:right; }
.clear { clear:both; }
.txright { text-align:right; }
.block { position:relative; display:block; }
.inline { position:relative; display:inline-block; }
.label { cursor:default; }
.label-pointer { cursor:pointer; }
.hide { display:none; }
.width-full { width:100% !important; }

.menu-list { font-size:14px; color:#7f7f7f; margin-top:15px; }
.menu-list > .item { width:125px; margin-right:15px; margin-bottom:20px; line-height:1.5; }
#page-settings .menu-list > .item { width:170px; }
.menu-list > .item li { padding:5px 0; }
.menu-list > .item li > input { margin-right:5px; }
.menu-list > .item li > label { font-weight:normal; }

input[type="text"], input[type="password"], textarea { width:100%; height:28px; font-family:inherit; font-size:12px; line-height:1; color:#3d3c3c; border:1px solid #d9d9d9; padding:0 8px; border-radius:3px; box-shadow:inset 0 1px 3px #fcfcfc; transition:border 300ms; }
textarea { height:80px; resize:none; padding:8px; line-height:1.5; }
	.input-icon-left > input { padding-left:33px; }
	.input-icon-left [class*="icon-"] { position:absolute; display:inline-block; }
	.input-icon-right > input { padding-right:33px; }
input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border:1px solid #23b7d9; box-shadow:inset 0 1px 1px #d0f0f7; }
input[type="text"].error, input[type="password"].error, textarea.error { border:1px solid #ffa58e; box-shadow:inset 0 1px 1px #f5d6ce; }
input[type="text"][disabled] { background:#f7f8f8; }

.btn-green { min-width:90px; height:28px; background:#a8c800; font-family:inherit; font-size:12px; font-weight:bold; line-height:1; color:#fff; border:1px solid #8ea900; padding:0 15px; border-radius:3px; cursor:pointer; transition:background 300ms; }
.btn-green:hover { background:#90ab00; }
.btn-grey { min-width:90px; height:28px; background:#f4f4f4; font-family:inherit; font-size:12px; font-weight:bold; line-height:1; color:#3d3c3c; border:1px solid #d7d7d7; padding:0 15px; border-radius:3px; cursor:pointer; transition:background 300ms; }
.btn-grey.small { min-width:inherit; padding:0 12px; position:relative; }
.btn-grey:hover { background:#e8e8e8; }
.btn-grey.clicked { background:#e8e8e8; }
.btn-none { min-width:90px; height:30px; background:transparent; font-family:inherit; font-size:12px; font-weight:bold; line-height:1; color:#3d3c3c; border:none; padding:0 15px; cursor:pointer; }
.btn-black { background:#000; font-weight:bold; color:#fff; border-radius:3px; }
button[disabled] { color:#a8a8a8 !important; cursor: default !important; }
button[disabled]:hover { background: #f4f4f4 !important; }

#header { position:fixed; width:100%; min-width:910px; height:40px; top:0; left:0; right:0; background:#f7f8f8; color:#3d3c3c; border-bottom:1px solid #ededed; z-index:999; }
#header-inner { width:100%; height:35px; padding:4px 20px 0; }
#header .logo-pixaal { width:40px; float:left; }
#header .searchbox { width:160px; float:left; margin:3px 15px 0 0; }
#header .notification { float:left; margin-top:12px; }
#header .notification > ul {  }
	#header .notification > ul > li { position:relative; display:inline-block; margin-right:10px; }
#header .right { margin-top:9px; }
#header .profile { margin:0 25px; position:relative; cursor:pointer; }
	#header .profile .my-profile { position:relative; font-weight:bold; padding-right:15px; }
	#header .profile .my-profile:after { position:absolute; content:''; display:block; top:3px; right:0; border:5px solid transparent; border-width:5px 5px; border-top-color:#3d3c3c; }
#header .profile .drop { position:absolute; background:#fff; border:1px solid #d7d7d7; width:123px; padding:5px 0; top:26px; right:-13px; box-shadow:0 0 5px 1px #e7e7e7; border-radius:3px; display:none; }
#header .profile .drop:before { content:''; width:16px; height:10px; position:absolute; top:-10px; left:96px; background:url('images/header-drop.png') no-repeat 0 0; }
#header .profile .drop a { display:block; padding:5px 15px; line-height:1.5; }
#header .profile .drop a:hover { background:#f1f2f1; }

#container { position:static; }
#container-inner { position:relative; }

#sidebar { position:fixed; width:59px; top:40px; left:0; background:#e5e5e5; border-right:1px solid #dfdfdf; z-index:99; }
#sidebar:before { position:fixed; width:59px; content:''; display:block; top:0; bottom:0; left:0; right:auto; z-index:-1; background:#e5e5e5; border-right:1px solid #dfdfdf; }
#sidebar > ul {  }
	#sidebar > ul > li { position:relative; display:block; text-align:center; }
	#sidebar > ul > li > a { display:block; }
#sidebar [class*="icon-"] { width:20px; height:20px; margin:20px 0; background:transparent url('images/icon-menu.png') no-repeat 0 0; }
#sidebar .icon-activity { background-position:0 0; }
#sidebar > ul > li > a:hover .icon-activity, #sidebar > ul > li > a.active .icon-activity { background-position:-23px 0; }
#sidebar .icon-store { background-position:0 -20px; }
#sidebar > ul > li > a:hover .icon-store, #sidebar > ul > li > a.active .icon-store { background-position:-23px -20px; }
#sidebar .icon-website { background-position:0 -40px; }
#sidebar > ul > li > a:hover .icon-website, #sidebar > ul > li > a.active .icon-website { background-position:-23px -40px; }
#sidebar .icon-comment { background-position:0 -60px; }
#sidebar > ul > li > a:hover .icon-comment, #sidebar > ul > li > a.active .icon-comment { background-position:-23px -60px; }
#sidebar .icon-settings { background-position:0 -80px; }
#sidebar > ul > li > a:hover .icon-settings, #sidebar > ul > li > a.active .icon-settings { background-position:-23px -80px; }
#sidebar .icon-help { background-position:0 -100px; }
#sidebar > ul > li > a:hover .icon-help, #sidebar > ul > li > a.active .icon-help { background-position:-23px -100px; }

#sub-sidebar { position:fixed; width:159px; top:40px; left:59px; background:#f7f8f8; border-right:1px solid #dfdfdf; z-index:99; }
#sub-sidebar:before { position:fixed; width:159px; content:''; display:block; top:0; bottom:0; left:59px; right:auto; z-index:-1; background:#f7f8f8; border-right:1px solid #dfdfdf; }
#sub-sidebar > h3 { margin:20px 0; padding-left:20px; }
#sub-sidebar > ul {  }
	#sub-sidebar > ul > li { position:relative; display:block; }
	#sub-sidebar > ul > li > a { display:block; padding-left:20px; color:#7b7777; transition:background 300ms; }
	#sub-sidebar > ul > li a:hover { color:#3d3c3c; }
	#sub-sidebar > ul > li a.active { background:#f1f2f1; color:#3d3c3c; }
	/* #sub-sidebar > ul > li a:hover:before, */ #sub-sidebar > ul > li a.active:before { position:absolute; content:''; display:block; top:0; left:0; width:2px; height:100%; background:#cd3109; }
	#sub-sidebar [class*="icon-"] { width:15px; height:40px; margin-right:10px; vertical-align:middle; }
#sub-sidebar .icon-homepage { background:transparent url('images/icon-homepage.png') no-repeat 0 10.5px; }
#sub-sidebar > ul > li > a:hover .icon-homepage, #sub-sidebar > ul > li > a.active .icon-homepage { background-position:-18px 10.5px; }
#sub-sidebar .icon-pages { background:transparent url('images/icon-pages.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-pages, #sub-sidebar > ul > li > a.active .icon-pages { background-position:-18px 12.5px; }
#sub-sidebar .icon-main_menu { background:transparent url('images/icon-header.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-main_menu, #sub-sidebar > ul > li > a.active .icon-main_menu { background-position:-18px 12.5px; }
#sub-sidebar .icon-sidebar, #sub-sidebar .icon-home_menu { background:transparent url('images/icon-sidebar.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-sidebar, #sub-sidebar > ul > li > a.active .icon-sidebar { background-position:-18px 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-home_menu, #sub-sidebar > ul > li > a.active .icon-home_menu { background-position:-18px 12.5px; }
#sub-sidebar .icon-footer { background:transparent url('images/icon-footer.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-footer, #sub-sidebar > ul > li > a.active .icon-footer { background-position:-18px 12.5px; }
#sub-sidebar .icon-media { background:transparent url('images/icon-media.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-media, #sub-sidebar > ul > li > a.active .icon-media { background-position:-18px 12.5px; }
#sub-sidebar .icon-others, #sub-sidebar .icon-calendar, #sub-sidebar .icon-email { background:transparent url('images/icon-others.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-email, #sub-sidebar > ul > li > a.active .icon-email,
#sub-sidebar > ul > li > a:hover .icon-calendar, #sub-sidebar > ul > li > a.active .icon-calendar,
#sub-sidebar > ul > li > a:hover .icon-others, #sub-sidebar > ul > li > a.active .icon-others { background-position:-18px 12.5px; }

#sub-sidebar .icon-orders { background:transparent url('images/icon-orders.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-orders, #sub-sidebar > ul > li > a.active .icon-orders { background-position:-18px 12.5px; }
#sub-sidebar .icon-customers { background:transparent url('images/icon-customers.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-customers, #sub-sidebar > ul > li > a.active .icon-customers { background-position:-18px 12.5px; }
#sub-sidebar .icon-groups { background:transparent url('images/icon-groups.png') no-repeat 0 11.5px; }
#sub-sidebar > ul > li > a:hover .icon-groups, #sub-sidebar > ul > li > a.active .icon-groups { background-position:-18px 11.5px; }
#sub-sidebar .icon-products { background:transparent url('images/icon-products.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-products, #sub-sidebar > ul > li > a.active .icon-products { background-position:-18px 12.5px; }
#sub-sidebar .icon-collections { background:transparent url('images/icon-collections.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-collections, #sub-sidebar > ul > li > a.active .icon-collections { background-position:-18px 12.5px; }
#sub-sidebar .icon-locations { background:transparent url('images/icon-homepage.png') no-repeat 0 10.5px; }
#sub-sidebar > ul > li > a:hover .icon-locations, #sub-sidebar > ul > li > a.active .icon-locations { background-position:-18px 10.5px; }
#sub-sidebar .icon-discount { background:transparent url('images/icon-discount.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-discount, #sub-sidebar > ul > li > a.active .icon-discount { background-position:-18px 12.5px; }
#sub-sidebar .icon-payments { background:transparent url('images/icon-payments.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-payments, #sub-sidebar > ul > li > a.active .icon-payments { background-position:-18px 12.5px; }
#sub-sidebar .icon-shipping { background:transparent url('images/icon-shipping.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-shipping, #sub-sidebar > ul > li > a.active .icon-shipping { background-position:-18px 12.5px; }

#sub-sidebar .icon-general { background:transparent url('images/icon-general.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-general, #sub-sidebar > ul > li > a.active .icon-general { background-position:-18px 12.5px; }
#sub-sidebar .icon-website { background:transparent url('images/icon-websites.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-website, #sub-sidebar > ul > li > a.active .icon-website { background-position:-18px 12.5px; }
#sub-sidebar .icon-sharing { background:transparent url('images/icon-sharing.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-sharing, #sub-sidebar > ul > li > a.active .icon-sharing { background-position:-18px 12.5px; }
#sub-sidebar .icon-tools { background:transparent url('images/icon-tools.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-tools, #sub-sidebar > ul > li > a.active .icon-tools { background-position:-18px 12.5px; }
#sub-sidebar .icon-account { background:transparent url('images/icon-account.png') no-repeat 0 10.5px; }
#sub-sidebar > ul > li > a:hover .icon-account, #sub-sidebar > ul > li > a.active .icon-account { background-position:-18px 10.5px; }

#sub-sidebar .icon-overview { background:transparent url('images/icon-overview.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-overview, #sub-sidebar > ul > li > a.active .icon-overview { background-position:-18px 12.5px; }
#sub-sidebar .icon-referrals { background:transparent url('images/icon-referrals.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-referrals, #sub-sidebar > ul > li > a.active .icon-referrals { background-position:-18px 12.5px; }
#sub-sidebar .icon-search { background:transparent url('images/icon-searchs.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-search, #sub-sidebar > ul > li > a.active .icon-search { background-position:-18px 12.5px; }
#sub-sidebar .icon-onoff { background:transparent url('images/icon-onoff.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-onoff, #sub-sidebar > ul > li > a.active .icon-onoff { background-position:-18px 12.5px; }
#sub-sidebar .icon-delpoint { background:transparent url('images/icon-delpoint.png') no-repeat 0 12.5px; }
#sub-sidebar > ul > li > a:hover .icon-delpoint, #sub-sidebar > ul > li > a.active .icon-delpoint { background-position:-18px 12.5px; }

#main-content { position:relative; min-width:690px; min-height:100%; margin:40px 0 0 218px; }
#page-content { position:relative; background:#fff; margin-bottom:20px; }
.main-wrapper { position:relative; padding:0 20px; }

.breadcrumbs { margin-bottom:20px; padding-top:20px; }
.breadcrumbs h1 { display:inline-block; text-transform:uppercase; }
.breadcrumbs [class*="icon-"] { width:15px; height:40px; margin-right:10px; vertical-align:middle; background-position:0 36%; }
.breadcrumbs .icon-homepage { background:transparent url('images/icon-homepage.png') no-repeat -18px 8px; }
.breadcrumbs .icon-pages { background:transparent url('images/icon-pages.png') no-repeat -18px 9px; }
.breadcrumbs .icon-main_menu { background:transparent url('images/icon-header.png') no-repeat -18px 9px; }
.breadcrumbs .icon-footer { background:transparent url('images/icon-footer.png') no-repeat -18px 9px; }
.breadcrumbs .icon-media { background:transparent url('images/icon-media.png') no-repeat -18px 9px; }
.breadcrumbs .icon-others, .breadcrumbs .icon-calendar, .breadcrumbs .icon-email { background:transparent url('images/icon-others.png') no-repeat -18px 9px; }
.breadcrumbs .icon-general { background:transparent url('images/icon-general.png') no-repeat -18px 9px; }
.breadcrumbs .icon-website { background:transparent url('images/icon-websites.png') no-repeat -18px 9px; }
.breadcrumbs .icon-sharing { background:transparent url('images/icon-sharing.png') no-repeat -18px 9px; }
.breadcrumbs .icon-tools { background:transparent url('images/icon-tools.png') no-repeat -18px 9px; }
.breadcrumbs .icon-account { background:transparent url('images/icon-account.png') no-repeat -18px 6px; }
.breadcrumbs .icon-overview { background:transparent url('images/icon-overview.png') no-repeat -18px 9px; }
.breadcrumbs .icon-referrals { background:transparent url('images/icon-referrals.png') no-repeat -18px 9px; }

.breadcrumbs .icon-orders { background:transparent url('images/icon-orders.png') no-repeat -18px 9px; }
.breadcrumbs .icon-products { background:transparent url('images/icon-products.png') no-repeat -18px 9px; }
.breadcrumbs .icon-customers { background:transparent url('images/icon-customers.png') no-repeat -18px 9px; }
.breadcrumbs .icon-groups { background:transparent url('images/icon-groups.png') no-repeat -18px 9px; }
.breadcrumbs .icon-collections { background:transparent url('images/icon-collections.png') no-repeat -18px 9px; }
.breadcrumbs .icon-locations { background:transparent url('images/icon-homepage.png') no-repeat -18px 8px; }
.breadcrumbs .icon-discount { background:transparent url('images/icon-discount.png') no-repeat -18px 9px; }
.breadcrumbs .icon-payments { background:transparent url('images/icon-payments.png') no-repeat -18px 9px; }
.breadcrumbs .icon-shipping { background:transparent url('images/icon-shipping.png') no-repeat -18px 9px; }

text[x="1081"] { display:none !important; }
.stat-list { margin-bottom:40px; }
.stat-list .item { width:48.6%; border-bottom:2px solid #d3d4d4; text-align:center; padding:25px 0; cursor:pointer; margin-left:0.2%; }
.stat-list .item.active { background:#f7f8f8; border-color:#cd3109; }
.stat-list .item > span { display:block; }
.stat-list .item > span.count { font-size:26px; color:#3d3c3c; font-weight:bold; margin-bottom:5px; }
.stat-list .item > span.title {  }

.table-action { position:absolute; z-index:1; top:45px; }
.table-action.relative { position:relative; top:0; }
.table-action button { vertical-align:middle; margin-right:3px; }
.table-action button.btn-delete { padding:0 20px; }

.form-field { margin-bottom:30px; width:100%; }
.form-field label, .frm-action label { font-weight:bold; }
.form-field label em { font-size:11px; }
.form-field p { margin-bottom:5px; }

.frm-action [class*="icon-"] { margin-right:10px; vertical-align:middle; }

.icon-visible-select { background:transparent url('images/icon-visible-select.png') no-repeat 0 0; width:7px; height:8px; cursor:pointer; margin-left:8px; }
ul.select-visible { width:59px; list-style:none; margin:0; padding:0 0 4px; position:absolute; top:26px; left:-1px; background:#fff; border:1px solid #d7d7d7; border-radius:0 0 3px 3px; box-shadow:0 4px 5px rgba(0, 0, 0, 0.15); text-align:left; font-weight:400; display:none; }
	ul.select-visible > li { position:relative; display:block; padding:6.5px 8px; }
	ul.select-visible > li:hover { background:#f1f2f1; }
.hasDrop.clicked .icon-visible { background-position:-21px 0; }

form { position:relative; }
table.datalist {  }
table.datalist tr td, table.datalist tr th { padding:15px 5px; border-bottom:1px solid #ededed; vertical-align:middle; line-height:1.5; }
table.datalist tr th { font-weight:bold; text-align:left; }
.datalist a, .alink { color:#13b2d6; text-decoration:underline; cursor:pointer; }
.datalist a.draft, .alink.draft { color:#7b7777; cursor:pointer; }

.res-notification { position:fixed; width:230px; font-weight:bold; color:#fff; background:transparent url('images/res-notification-bg.png') repeat 0 0; top: 60px; right:20px; display:table; border-radius:3px; z-index:1001; }
.res-notification > .inner { display:table-cell; vertical-align:middle; text-align:left; padding:20px 17px; }
.res-notification > .inner [class*="icon-"] { margin-right:10px; }
.res-notification p { font-weight:400; line-height:21px; margin-top:15px; }

#modal-delete { position:fixed; width:400px; color:#fff; background:transparent url('images/res-notification-bg.png') repeat 0 0; top:250px; left:50%; margin-left:-200px; z-index:99; border-radius:3px; display:none; }
#modal-delete .inner { padding:20px; }
#modal-delete .inner .title { font-size:14px; font-weight:bold; display:table; }
#modal-delete .inner .title span { vertical-align:middle; display:table-cell; }
#modal-delete .inner .title .icon-confirm { width:10px; height:14px; background:transparent url('images/icon-confirm.png') no-repeat 0 0; padding-right:20px; }
#modal-delete .inner .content { margin:20px 0; }
#modal-delete .btn-none { color:#fff; }

#modal-confirm { position:fixed; width:400px; color:#fff; background:transparent url('images/res-notification-bg.png') repeat 0 0; top:250px; left:50%; margin-left:-200px; z-index:99; border-radius:3px; display:none; }
#modal-confirm .inner { padding:20px; }
#modal-confirm .inner .title { font-size:14px; font-weight:bold; display:table; }
#modal-confirm .inner .title span { vertical-align:middle; display:table-cell; }
#modal-confirm .inner .title .icon-confirm { width:10px; height:14px; background:transparent url('images/icon-confirm.png') no-repeat 0 0; padding-right:20px; }
#modal-confirm .inner .content { margin:20px 0; }
#modal-confirm .btn-none { color:#fff; }

.validation { display:none;; }
.validation.show { display:block; }
.validation .message { border:1px solid #ffa58e; border-width:1px 0; padding:15px 20px; font-weight:bold; color:#3d3c3c; background-color:#faeae6; line-height:1.5 }
.text-error { color:#cd3109; margin-bottom:13px; }

.box-media, .box-template, .box-widget { width:620px; border:1px solid #ededed; }
.box-title { background:#f7f8f8; padding:9px 20px; border-bottom:1px solid #ededed; }
.box-content { background:#fff; padding:25px 0 10px; }
.box-content.no-pad { padding-top:0; }
.box-content .form-field { margin-bottom:20px; }

.box-content .template-preview, .box-content .widget-preview { margin-bottom:20px; }
.template-img, .widget-img { position:relative; width:100px; height:120px; overflow:hidden; text-align:center; font-weight:bold; cursor:pointer; }
	.template-img > [class*="template-"], .widget-img > [class*="widget-"] { width:100px; height:100px; margin-bottom:8px; transition:background 300ms; }
	.template-img:hover > [class*="template-"], .template-img.selected > [class*="template-"],
	.widget-img:hover > [class*="widget-"], .widget-img.selected > [class*="widget-"] { background-color:#13b2d6; }
	.template-img .template-custom { background:#efefef url('images/template-blank.png') no-repeat 34px 29px; }
	.template-img .template-blank { background:#efefef url('images/template-blank.png') no-repeat 34px 29px; }
	.template-img .template-blog, .template-img .template-news { background:#efefef url('images/template-blog.png') no-repeat 30px 31px; }
	.template-img .template-gallery { background:#efefef url('images/template-gallery.png') no-repeat 26px 29px; }
	.template-img .template-index, .template-img .template-facilities { background:#efefef url('images/template-index.png') no-repeat 28.5px 28px; }
	.template-img .template-product { background:#efefef url('images/template-product.png') no-repeat 29.5px 31px; }
	.template-img .template-career { background:#efefef url('images/template-career.png') no-repeat 29px 31px; }
	.template-img .template-faq, .template-img .template-corner { background:#efefef url('images/template-testimonial.png') no-repeat 29px 31px; }
	.template-img .template-contact { background:#efefef url('images/template-contact.png') no-repeat 28.5px 33px; }
	.template-img .template-location { background:#efefef url('images/template-location.png') no-repeat 33.5px 29px; }
	
	.widget-img .widget-recent_post { background:#efefef url('images/template-blanks.png') no-repeat 34px 29px; }
	.widget-img .widget-text { background:#efefef url('images/template-blanks.png') no-repeat 34px 29px; }
	.widget-img .widget-pages { background:#efefef url('images/template-blanks.png') no-repeat 34px 29px; }
	.widget-img .widget-archieve { background:#efefef url('images/template-blanks.png') no-repeat 34px 29px; }


.box-image { width:480px; border:1px solid #ededed; }
.box-image.wide { width:580px; }

.box-media .box-content { min-height:260px; }
.box-from { color:#7f7f7f; font-weight:bold; margin-top:5px; }
	.box-from > span { position:relative; margin-right:25px; cursor:pointer; }
	.box-from > span.active:after { position:absolute; content:''; display:block; bottom:-15px; left:0; width:100%; height:0; border-bottom:2px solid #cd3109; }
.upload-preview { width:598px; height:230px; margin-bottom:20px; }
.media-img, .template-img, .widget-img { float:left; margin:0 7.5px 15px; }
.media-img { position:relative; width:100px; height:100px; overflow:hidden; display:table; }
	.media-img .img { display:table-cell; text-align:center; vertical-align:middle; }
	.media-img .img img { max-width:100px; max-height:100px; cursor:pointer; display:block; margin:auto; }
	.media-img .img.selected img { opacity:0.5; }
.role-content { width:100%; height:235px; margin-bottom:20px; }

#cover-image { width:100%; }
#cover-image .no-image { width:114px; height:114px; background:transparent url('images/cover-bg.png') no-repeat 0 0; }
#cover-image .has-image { width:113px; height:113px; border:1px solid #ededed; display:table; border-radius:2px; }
#cover-image .has-image div { display:table-cell; vertical-align:middle; }
#cover-image .has-image img { max-width:113px; max-height:113px; display:block; margin:auto; }
.update-cover { margin-top:5px; }
.update-cover a { display:block; }

ol.datalist { margin-bottom:50px; }
ol.datalist li { width:100%; }
ol.datalist li .inside { width:100%; display:table; }
ol.datalist li.dhead { font-weight:bold; }
ol.datalist li .inside > div { display:table-cell; vertical-align:middle; padding:10px 5px; border-bottom:1px solid #ededed; }
ol.datalist li .inside > div.in-check { width:20px; }
ol.datalist li .inside > div.in-drag { width:20px; }
ol.datalist li .inside > div.in-image { width:80px; }
ol.datalist li .inside > div.in-title { width:auto; }
ol.datalist li .inside > div.in-title .part { width:120px; padding-right:10px; }
ol.datalist li .inside > div.in-weight { width:80px; }
ol.datalist li .inside > div.in-quantity { width:80px; }
ol.datalist li .inside > div.in-price { width:100px; }
ol.datalist li .inside > div.in-adjust { width:250px; }
ol.datalist li .inside > div.in-action { width:120px; text-align:right; }
ol.datalist.sm li .inside > div.in-action { width:80px; }
ol.datalist li .inside > div.in-action > span { margin-left:10px; }
ol.datalist li > ol { padding-left:40px; }

#image-box-list { margin-top:20px; }
#image-box-list .item { float:left; width:162px; text-align:center; margin:0 20px 40px 0; position:relative; }
#image-box-list .item .img { width:160px; height:160px; border:1px solid #ededed; border-radius:3px; overflow:hidden; margin-bottom:10px; display:table; }
#image-box-list .item .img div { display:table-cell; vertical-align:middle; }
#image-box-list .item .img div .no-image { width:142px; height:142px; background:url('images/no-image.png') no-repeat 0 0; margin:auto; display:block; }
#image-box-list .item .img a { display:block; }
#image-box-list .item .img img { max-width:158px; max-height:158px; display:block; margin:auto; }
#image-box-list .item .title { width:130px; margin-left:4px; }
#image-box-list .item .title span { color:#13b2d6; text-decoration:underline; cursor:pointer; }
#image-box-list .item .title span.draft { color:#7b7777; }
#image-box-list .item.sm { float:left; width:114px; text-align:center; margin:0 10px 40px 0; position:relative; }
#image-box-list .item.sm .img { width:112px; height:112px; border:1px solid #ededed; border-radius:3px; overflow:hidden; margin-bottom:10px; display:table; }
#image-box-list .item.sm .img div { display:table-cell; vertical-align:middle; }
#image-box-list .item.sm .img a { display:block; }
#image-box-list .item.sm .img img { max-width:112px; max-height:112px; display:block; margin:auto; }

.image-box-list { margin-top:20px; }
.image-box-list .item { float:left; width:162px; text-align:center; margin:0 20px 40px 0; position:relative; }
.image-box-list .item .img { width:160px; height:160px; border:1px solid #ededed; border-radius:3px; overflow:hidden; margin-bottom:10px; display:table; }
.image-box-list .item .img div { display:table-cell; vertical-align:middle; }
.image-box-list .item .img div .no-image { width:142px; height:142px; background:url('images/no-image.png') no-repeat 0 0; margin:auto; display:block; }
.image-box-list .item .img a { display:block; }
.image-box-list .item .img img { max-width:158px; max-height:158px; display:block; margin:auto; }
.image-box-list .item .title { width:130px; margin-left:4px; }
.image-box-list .item .title span { color:#13b2d6; text-decoration:underline; cursor:pointer; }
.image-box-list .item .title span.draft { color:#7b7777; }
.image-box-list .item.sm { float:left; width:114px; text-align:center; margin:0 10px 40px 0; position:relative; }
.image-box-list .item.sm .img { width:112px; height:112px; border:1px solid #ededed; border-radius:3px; overflow:hidden; margin-bottom:10px; display:table; }
.image-box-list .item.sm .img div { display:table-cell; vertical-align:middle; }
.image-box-list .item.sm .img a { display:block; }
.image-box-list .item.sm .img img { max-width:112px; max-height:112px; display:block; margin:auto; }

.span-icon span { vertical-align:middle; }
.span-icon span:first-child { margin-right:5px; }

.page-no-content { width:400px; margin:100px auto; padding-top:140px; background:transparent url('images/page-no-content.png') no-repeat 152px 0; color:#3d3c3c; text-align:center; }


/* icon */
.icon-delete { background:transparent url('images/icon-delete.png') no-repeat 0 0; width:12px; height:14px; cursor:pointer; }
.icon-delete:hover { background-position:-15px 0; }
[class*="btn-"]:hover .icon-delete { background-position:-15px 0; }
.icon-visible { background:transparent url('images/icon-visible.png') no-repeat 0 0; width:18px; height:13px; cursor:pointer; }
.icon-visible:hover { background-position:-21px 0; }
[class*="btn-"]:hover .icon-visible { background-position:-21px 0; }

.icon-user-email { background:transparent url('images/user_email.png') no-repeat 0 0; width:13px; height:11px; top:12px; left:8px; }
.icon-user-pass { background:transparent url('images/user_pass.png') no-repeat 0 0; width:12px; height:17px; top:8px; left:9px; }
.icon-search { background:transparent url('images/icon-search.png') no-repeat 0 0; width:13px; height:13px; top:7px; left:9px; }
.icon-alert { background:transparent url('images/icon-alert.png') no-repeat 0 0; width:12px; height:12px; }
.icon-cart { background:transparent url('images/icon-cart.png') no-repeat 0 0; width:13px; height:11px; }
.icon-message { background:transparent url('images/icon-message.png') no-repeat 0 0; width:13px; height:10px; }
.icon-help { background:transparent url('images/icon-help.png') no-repeat 4px 1.5px; width:18px; height:17px; }
.icon-profile { background:transparent url('images/icon-profile.png') no-repeat 1px 0; width:18px; height:17px; }
.icon-view { background:transparent url('images/icon-view.png') no-repeat 0 1.5px; width:18px; height:17px; }

.icon-back { background:transparent url('images/icon-back.png') no-repeat 0 0; width:16px !important; }

.icon-drag { background:transparent url('images/icon-drag.png') no-repeat 0 0; width:5px; height:22px; cursor:move; }
.icon-edit { background:transparent url('images/icon-edit.png') no-repeat 0 0; width:11px; height:12px; cursor:pointer; }
.icon-edit:hover { background-position:-14px 0; }
.icon-calendar { background:transparent url('images/icon-calendar.png') no-repeat 0 0; width:14px; height:14px; cusor:pointer; }

.icon-saved { background:transparent url('images/icon-saved.png') no-repeat 0 0; width:16px; height:11px; }
.icon-close { background:transparent url('images/icon-close.png') no-repeat 0 0; width:230px; height:11px; }

#login-form { width:300px; margin:130px auto 0; padding:50px 0; border-radius:3px; text-align:center; }
#login-form .logo { margin-bottom:35px; }
#login-form form { width:100%; }
#login-form form .form-field { margin-bottom:15px; }
#login-form form .form-field input { height:38px; line-height:1; }
#login-form form input[type="submit"].btn-black { height:38px; font-family:inherit; font-size:12px; line-height:1; border:1px solid #049abc; border-radius:3px; cursor:pointer; background:#13b2d6; margin-bottom:5px; transition:background 300ms; }
#login-form form input[type="submit"].btn-black:hover { background:#049abc; }
#login-form a { color:#13b2d6; }
.request-send { width:66px; height:60px; background:url('images/request-send.png') no-repeat 0 0; margin:0 auto 35px; }
.reset-success { width:73px; height:73px; background:url('images/reset-success.png') no-repeat 0 0; margin:0 auto 35px; }
.validation { margin-bottom:20px; }

#page-settings { position:fixed; width:0; height:100%; background:#fff; border-left:1px solid #dfdfdf; top:0; right:0; z-index:1000; box-shadow:0 0 15px #e9e8e8; }
#page-settings .iclose { position:absolute; display:block; width:10px; height:9px; background:transparent url('images/icon-close.png') no-repeat 0 0; top:15px; right:20px; cursor:pointer; }
	#page-settings .iclose:hover { background-position:-13px 0; }
#page-settings .box-content { padding:0; height:100%; margin-top:20px; }
#page-settings .box-content form { height:100%; }
#page-settings .main-wrapper { height:100%; }
#page-settings .main-wrapper .info { overflow:hidden; position:relative; width:900px; height:100%; }
#page-settings .page-info { float:left; }
#page-settings .info-general { width:398px; }
#page-settings .info-additional { width:398px; }
#page-settings .frm-submit { position:absolute; bottom:20px; right:20px; }

.lang-left h5, .lang-right h5 { margin-bottom:10px; }
.lang-left { float:left; width:45%; }
.lang-left .lang-inner { background:#f9f9f8; margin-top:10px; border:1px solid #cfcfcf; padding:20px 18px 40px 20px; line-height:21px; }
.lang-left .lang-inner label { font-weight:bold; }
.lang-right { float:right; width:53%; }
.lang-right .lang-inner { line-height:21px; }

.share-list { margin-bottom:40px; }
.share-list .item { position:relative; width:100px; height:100px; overflow:hidden; text-align:center; font-weight:bold; cursor:pointer; transition:background 300ms; float:left; margin-right:10px; margin-bottom:20px; }
	.share-list .item.facebook { background:#efefef url('images/share-facebook.png') no-repeat 41px 20px; }
	.share-list .item.facebook.active { background-color:#4060ab; }
	.share-list .item.twitter { background:#efefef url('images/share-twitter.png') no-repeat 28.5px 22px; }
	.share-list .item.twitter.active { background-color:#48cfff; }
	.share-list .item.linkedin { background:#efefef url('images/share-linkedin.png') no-repeat 28px 20px; }
	.share-list .item.linkedin.active { background-color:#3a90c2; }
	.share-list .item.googleplus { background:#efefef url('images/share-googleplus.png') no-repeat 28.5px 21px; }
	.share-list .item.googleplus.active { background-color:#dc4e2a; }
	.share-list .item.tumblr { background:#efefef url('images/share-tumblr.png') no-repeat 37px 20px; }
	.share-list .item.tumblr.active { background-color:#375474; }
	.share-list .item.pinterest { background:#efefef url('images/share-pinterest.png') no-repeat 33px 19px; }
	.share-list .item.pinterest.active { background-color:#cc1f27; }
.share-list .item .title { position:absolute; top:75px; left:0; width:100%; text-align:center; font-size:11px; }
.share-list .item.active .title { color:#fff; }
	


.fancybox-inner { overflow:visible !important; }
.fancybox-close { width:10px; height:9px; background:transparent url('images/icon-close.png') no-repeat 0 0; top:15px; right:13px; }
.fancybox-close:hover { background-position:-13px 0; }
.fancybox-image { padding:10px; position:relative; z-index:9991; }

.chosen-container { font-size:12px; color:#3d3c3c; margin-top:-1px; }
.table-action .chosen-container { font-size:12px; color:#3d3c3c; margin-top:0; }
.chosen-container-single .chosen-single { height:28px; background:#f4f4f4; line-height:1; color:#3d3c3c; border:1px solid #d9d9d9; box-shadow:none; border-radius:3px; }
.chosen-container-single .chosen-single span { height:18px; margin-top:6px; }
.chosen-container-single .chosen-single div b { background-position:0 3px; }
.chosen-container-single .chosen-drop { border-radius:0 0 3px 3px; }
.chosen-container .chosen-drop { border:1px solid #d9d9d9; border-top:0; }
.chosen-container .chosen-results { padding:0; margin:0 0 4px; }
.chosen-container-active.chosen-with-drop .chosen-single { background:#fff; color:#3d3c3c; border:1px solid #d9d9d9; border-bottom:0; }
.chosen-container .chosen-results li { padding:6.5px 8px; word-wrap:break-word; }
.chosen-container .chosen-results li.parent { font-weight:bold; }
.chosen-container .chosen-results li.child { padding-left:25px; }
.chosen-container .chosen-results li.highlighted { background:#f1f2f1; color:#3d3c3c; /* padding:6.5px 8px; */ }
.chosen-container-multi .chosen-choices { border:1px solid #d9d9d9; border-radius:3px; background-image:inherit; box-shadow:inset 0 1px 3px #fcfcfc; }
.chosen-container-multi .chosen-choices li.search-field input[type="text"] { height:28px; font-family:inherit; font-size:12px; line-height:1; color:#3d3c3c; padding:0 8px; transition:border 300ms; }

.chosen-container .chosen-results { max-height: 120px; }
.select2-container-multi .select2-choices { height:28px; background:#fff; line-height:1; border:1px solid #d9d9d9; box-shadow:none; border-radius:3px; }
.select2-container-multi.select2-container-active .select2-choices { border:1px solid #d9d9d9; box-shadow:none; }
.select2-drop-active { border:1px solid #d9d9d9; }
.select2-results .select2-highlighted { background:#f1f2f1; color:#3d3c3c; }
.select2-results li { padding:6.5px 8px; }
.select2-no-results { display:none !important; }

img.ui-datepicker-trigger { vertical-align:middle; cursor:pointer; }
.ui-datepicker table { margin-bottom:10px; }
.ui-datepicker .ui-widget-header { border:0; background:transparent; }
.ui-datepicker .ui-datepicker-calendar td a { text-align:center; }
.ui-datepicker .ui-datepicker-calendar .ui-state-default { border:0; background:transparent; }
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-highlight { color:#cfcfcf; }
.ui-datepicker .ui-datepicker-calendar .ui-state-default.ui-state-active { background:#000; border-radius:3px; color:#fff; }
.ui-datepicker .ui-datepicker-buttonpane .ui-state-default { border:0; background:transparent; }
.ui-timepicker-div { padding-top:10px; border-top:1px solid #eee; }
.ui_tpicker_time_label { display:inline-block; margin-bottom:10px; margin-right:10px; }
.ui_tpicker_time { display:inline-block; margin-bottom:10px; }
.ui-timepicker-div .ui-slider-access .ui-state-default { border:0; background:transparent; }

span.mceEditor.defaultSkin { display:block; }

.ui-tooltip { background:#000; color:white; border:none; padding:0; opacity:1; filter:alpha(opacity=100); }
.ui-tooltip-content { position:relative; padding:8px 16px; }
.ui-tooltip-content::after { content:''; position:absolute; border-style:solid; display:block; width:0; }
.right .ui-tooltip-content::after { top:10px; left:-5px; border-color:transparent #000; border-width:5px 5px 5px 0; }
.left .ui-tooltip-content::after { top:18px; right:-10px; border-color:transparent #666; border-width:10px 0 10px 10px; }
.top .ui-tooltip-content::after { bottom: -10px; left: 72px; border-color: #666 transparent; border-width: 10px 10px 0; }
.bottom .ui-tooltip-content::after { top: -10px; left: 72px; border-color: #666 transparent; border-width: 0 10px 10px; }

.dataTables_filter input { padding-left:30px; background:transparent url('images/icon-search.png') no-repeat 8px 6px; }
.dataTables_filter.toleft { float:left; width:300px; margin:20px 0 15px; }
.dataTables_paginate.toright { float:right }

/* Custom radio / checkbox */
.mycheckbox { -webkit-appearance:none; background-color:#fff; border:1px solid #d7d7d7; width:12px; height:12px; border-radius:3px; display:inline-block; position:relative; }
.mycheckbox:checked:after { content:'\2714'; font-size:12px; position:absolute; top:-4px; left:2px; color:#13b2d6; }

.form-field .radio { margin-top:15px; }
.radio label { display:inline-block; font-weight:400; position:relative; padding-left:20px; margin-right:15px; }
.radio input[type="radio"] { display:none; }
.radio label:before { content:''; display:inline-block; width:12px; height:12px; margin-right:10px; position:absolute; left:0; bottom:1px; border:1px solid #ccc; }
.radio label:before { border-radius:6px; }
.radio input[type="radio"]:checked + label:before { content:'\2022'; color:#13b2d6; font-size:20px; text-align:center; line-height:12px; }

.checkbox label { display:inline-block; font-weight:400; position:relative; padding-left:20px; margin-right:15px; }
.checkbox input[type="checkbox"] { display:none; }
.checkbox label:before { content:''; display:inline-block; width:12px; height:12px; margin-right:10px; position:absolute; left:0; bottom:1px; border:1px solid #ccc; }
.checkbox label:before { border-radius:3px; }
.checkbox input[type="checkbox"]:checked + label:after { content:'\2714'; font-size:12px; position:absolute; top:-2px; left:3px; color:#13b2d6; }



.onoffswitch { position:relative; width:30px; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.onoffswitch-checkbox { display:none; }
.onoffswitch-label { display:block; overflow:hidden; cursor:pointer; border:0; border-radius:30px; }
.onoffswitch-inner { width:200%; margin-left:-100%; -moz-transition:margin 0.3s ease-in 0s; -webkit-transition:margin 0.3s ease-in 0s; -o-transition:margin 0.3s ease-in 0s; transition:margin 0.3s ease-in 0s; }
.onoffswitch-inner:before, .onoffswitch-inner:after { float: left; width: 50%; height: 18px; padding: 0; line-height: 18px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitch-inner:before { content: ""; padding-left: 5px; background-color: #A8C800; color: #FFFFFF; }
.onoffswitch-inner:after { content: ""; padding-right: 5px; background-color: #9D9D9D; color: #999999; text-align: right; }
.onoffswitch-switch { width: 15px; margin: 1.5px; background: #FFFFFF; border: 0; border-radius: 30px; position: absolute; top: 0; bottom: 0; right: 13px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-inner { margin-left: 0; }
.onoffswitch-checkbox:checked + .onoffswitch-label .onoffswitch-switch { right: 0; }

.onoffswitchdis { position:relative; width:45x; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; }
.onoffswitchdis-checkbox { display:none; }
.onoffswitchdis-label { display:block; overflow:hidden; cursor:pointer; border:0; border-radius:30px; }
.onoffswitchdis-inner { width:200%; margin-left:-100%; -moz-transition:margin 0.3s ease-in 0s; -webkit-transition:margin 0.3s ease-in 0s; -o-transition:margin 0.3s ease-in 0s; transition:margin 0.3s ease-in 0s; }
.onoffswitchdis-inner:before, .onoffswitchdis-inner:after { float: left; width: 50%; height: 18px; padding: 0; line-height: 18px; font-size: 10px; color: white; font-family: Trebuchet, Arial, sans-serif; font-weight: bold; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
.onoffswitchdis-inner:before { content: "ON"; padding-left: 5px; background-color: #A8C800; color: #FFFFFF; }
.onoffswitchdis-inner:after { content: "OFF"; padding-right: 5px; background-color: #9D9D9D; color: #FFFFFF; text-align: right; }
.onoffswitchdis-switch { width: 15px; margin: 1.5px; background: #FFFFFF; border: 0; border-radius: 30px; position: absolute; top: 0; bottom: 0; right: 28px; -moz-transition: all 0.3s ease-in 0s; -webkit-transition: all 0.3s ease-in 0s; -o-transition: all 0.3s ease-in 0s; transition: all 0.3s ease-in 0s; }
.onoffswitchdis-checkbox:checked + .onoffswitchdis-label .onoffswitchdis-inner { margin-left: 0; }
.onoffswitchdis-checkbox:checked + .onoffswitchdis-label .onoffswitchdis-switch { right: 0; }
/*  */

.jspVerticalBar { width:5px; }
.jspTrack { background:#ececea; }
.jspDrag { background:#9d9d9d; border-radius:5px; }

.ui-slider.ui-slider-horizontal { height:16px; border:1px solid #dfdfdf; border-radius:7px; }
.ui-slider-range.ui-widget-header { background:#a7c700; height:12px; border:0; border-radius:7px; margin:1px 0 0 1px; }
.ui-slider-handle.ui-state-default { background:#fff; border-radius:10px; height:16px; top:-1px; }



.mce_forecolor, .mce_backcolor { top:138px !important; }
.mceListBoxMenu[role="listbox"] { top:148px !important; }
.mceSplitButtonMenu[role="listbox"] { top:123px !important; }



.info-wrap { margin-bottom:30px; }
.thumb-list { margin-left:-7px; margin-right:-7px; }
.thumb-list .item { float:left; margin:0 7px 14px; }
.thumb-list .item .img { width:114px; height:114px; border:1px solid #ededed; border-radius:3px; box-shadow:1px 1px 1px #fbfbfb; display:table; position:relative; overflow:hidden; margin-bottom:7px; }
.thumb-list .item .img a { display:table-cell; text-align:center; vertical-align:middle; }
.thumb-list .item .img a img { max-width:112px; max-height:112px; display:block; margin:auto; }
.thumb-list .item .img a:hover img { opacity:0.75; filter:alpha(opacity=75); }

.popupbox { width:480px; border:1px solid #ededed; }
.popupbox.wide { width:580px; }

.sortables > li, #option-list > li { cursor:move; }

#history-list a { text-decoration:none; }
.order-action { margin-bottom:30px; }
ol.datalist li .inside .in-item-price { width:150px; text-align:right; vertical-align:top; }
ol.datalist li .inside .in-history-date { width:220px; text-align:right; vertical-align:top; }
.ainfo { width:100%; padding:18px 10px; background:#fdf6d7; border:1px solid #e2dcbf; font-weight:bold; margin-bottom:25px; line-height:1.5; }


#loading-state { width:100%; height:100%; position:fixed; background:url('images/load-bg.png'); top:0; left:0; z-index:99999; display:none; }
.load-ani { color:#fff; font-weight:bold; font-size:14px; margin:auto; width:155px; position:absolute; top:55px; left:45%; background:url('images/res-notification-bg.png'); padding:12px 20px 12px 20px; border-radius:3px; }
.load-img { width:16px; height:16px; background:url('images/0.gif'); margin-right:10px; }

.box-grey { padding: 5px 10px; border: 1px solid #d7d7d7; background: #f7f8f8; border-radius: 3px; color: #3d3c3c; font-size: 11px; }
.box-red { padding: 5px 10px; border: 1px solid #e15e3c; background: #ffd6cb; border-radius: 3px; color: #3d3c3c; font-size: 11px; }
.box-green { padding: 5px 10px; border: 1px solid #a8c800; background: #f8ffd1; border-radius: 3px; color: #3d3c3c; font-size: 11px; }