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; }
article, aside, details, figcaption, figure,  footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }

body, input, select { font-family: 'Open Sans', sans-serif; font-size: 14px; line-height: 1.4; }
input, select, textarea { outline: none; }

#login { position: fixed; top: 50%; left: 50%; width: 250px; height: 180px; margin-top: -115px; margin-left: -150px; border: 1px solid #d9d9d9; padding: 24px; }
#login input { width: calc(100% - 14px); padding: 6px; border: 1px solid #d9d9d9; outline: 0; margin-bottom: 18px; }
#login input[type="submit"] { width: 100%; border: 0; color: #fff; background: #146eb4; display: inline-block; padding: 9px 15px; white-space: nowrap; border-radius: 3px; text-decoration: none; font-weight: bold; cursor: pointer; margin-bottom: 0; }

#topbar { position: fixed; left: 224px; right: 0; top: 0; height: 64px; background: #f7f7f7; border-bottom: 1px solid #d9d9d9; }
#sidebar { position: fixed; left: 0; top: 0; bottom: 0; width: 224px; background: #1b181e; overflow-y: auto; }
#content { position: fixed; left: 224px; right: 0; top: 65px; bottom: 0; background: #fff; overflow-y: auto; }

#topbar h1 { font-weight: 600; padding: 24px; font-size: 16px; line-height: 1; }
#topbar h1 a { color: #666; text-decoration: none; }
#topbar h1 a:hover { color: #333; }
#topbar h1 span { color: #d9d9d9; padding: 0 10px; display: inline-block; }
#topbar .buttons { position: absolute; right: 24px; top: 16px; }
#topbar a.button { color: #fff; background: #146eb4; display: inline-block; padding: 6px 12px; white-space: nowrap; border-radius: 3px; text-decoration: none; font-weight: bold; cursor: pointer; }

#sidebar .shop_name { color: #fff; font-weight: 600; padding: 24px; font-size: 16px; line-height: 1; }
#sidebar .shop_name a { color: #fff; text-decoration: none; }
#sidebar ul { padding: 9px; border-top: 1px solid #2e2c31; }
#sidebar ul li a { display: block; line-height: 18px; cursor: pointer; text-decoration: none; }
#sidebar ul li.group { margin: 3px 0; }
#sidebar ul li.group a { color: #ccc; padding: 9px 15px; font-weight: 600; border-radius: 3px; }
#sidebar ul li.group a:hover { background: #272429; }
#sidebar ul li.group a.active { background: #323035; color: #fff; }
#sidebar ul li.item { margin: 9px 0; }
#sidebar ul li.item a { margin: 9px 0; color: #b2b2b2; padding: 3px 15px 3px 33px; font-size: 13px; line-height: 18px; }
#sidebar ul li.item a.active { color: #fff; font-weight: 600; }

#content .status { padding: 12px; margin-bottom: 24px; }
#content .status b { font-weight: bold; }
#content .status_success { background: #e0f7e0; color: #339933; border: 1px solid #99cc99; }
#content .status_error { background: #f7e0e0; color: #993333; border: 1px solid #cc9999; }
#content .status_info { background: #e0e0f7; color: #333399; border: 1px solid #9999cc; }

#content section { padding: 24px; position: relative; }
#content h2 { font-weight: 600; padding: 0 0 24px 0; font-size: 16px; }
#content h3 { font-weight: 600; padding: 0 0 12px 0; font-size: 16px; }
#content strong { font-weight: 600; }
#content a { color: #146eb4; text-decoration: none; }
#content table { width: 100%; }
#content th { background: #f2f2f2; text-align: left; padding: 12px; font-weight: bold; border-top: 1px solid #f2f2f2; }
#content td { background: #fff; text-align: left; padding: 12px; border-top: 1px solid #f2f2f2; }

#content tr:last-child th { border-bottom: 1px solid #f2f2f2; }
#content tr:last-child td { border-bottom: 1px solid #f2f2f2; }

#content th[width="1"] { white-space: nowrap; }
#content th.subtitle { background: #fff; font-size: 16px; border-top: 0; }
#content th.checkbox, #content td.checkbox { width: 1px; padding-right: 0; }
#content .buttons { padding-top: 24px; }
#content a.button { color: #fff; background: #146eb4; display: inline-block; padding: 9px 15px; white-space: nowrap; border-radius: 3px; text-decoration: none; font-weight: bold; cursor: pointer; }
#content input[type="submit"] { border: 0; color: #fff; background: #146eb4; display: inline-block; padding: 9px 15px; white-space: nowrap; border-radius: 3px; text-decoration: none; font-weight: bold; cursor: pointer; }
#content input[type="text"] { border: 1px solid #999; padding: 2px 4px; }
#content input[type="checkbox"] { border: 1px solid #999; padding: 2px 4px; height: 16px; width: 16px; position: relative; top: 3px;  }
#content textarea { border: 1px solid #999; padding: 2px 4px; }
#content th.buttons { padding-top: 0; text-align: right; }
#content th.buttons a.button { margin-top: 6px; margin-bottom: -6px; }

#content table input[type="text"], #content table input[type="email"], #content table input[type="number"] { width: calc(100% - 10px); }
#content table textarea { width: calc(100% - 10px); height: 100px; resize: none; }
#content table select { width: 100%; border: 1px solid #999; padding: 1px 4px; }
#content table .select2-container { width: 100% !important; }
#content table th { vertical-align: middle; }
#content table th.expandable { cursor: pointer; }
#content table th.expanded { width: 90%; }
#content table tr.before_filters th { padding-bottom: 0; }
#content table tr.filters th { padding-top: 3px; padding-bottom: 15px; }

.html_editor .toolbar { border: 1px solid #ccc; padding: 5px; }
.html_editor .editor { border: 1px solid #ccc; min-height: 200px; padding: 10px; }
.html_editor button { margin: 0 5px; }

.html_editor .editor { font-size: 15px; height: 200px; overflow-y: auto; }
.html_editor .editor ul { margin: 10px 0 20px 0; list-style: disc; }
.html_editor .editor ul li { margin-left: 30px; }
.html_editor .editor p { margin: 10px 0; }
.html_editor .editor b { font-weight: bold; }
.html_editor .editor strong { font-weight: bold; }
.html_editor .editor *:first-child { margin-top: 0; }
.html_editor .editor *:last-child { margin-bottom: 0; }

#content #tabs { padding-bottom: 0; }
#tabs ul { border-bottom: 1px solid #d9d9d9; padding-left: 20px; margin: 0 -20px; }
#tabs li { display: inline-block; cursor: pointer; background: #f7f7f7; color: #666; border: 1px solid #f7f7f7; border-bottom: 1px solid #d9d9d9; padding: 10px 20px; margin-bottom: -1px; border-radius: 5px 5px 0 0; font-weight: bold; user-select: none; }
#tabs li.active { color: #000; background: #fff; border: 1px solid #d9d9d9; border-bottom: 1px solid #fff; margin-bottom: -1px; }
.tabbed { display: none; }

#draggable-table .tr[draggable="true"] { cursor: move; }
#draggable-table tr.dragging { background-color: #f0f0f0; opacity: 0.7; }