/* Minification failed. Returning unminified contents.
(445,13): run-time error CSS1030: Expected identifier, found ' '
(445,13): run-time error CSS1031: Expected selector, found ' '
(445,13): run-time error CSS1025: Expected comma or open brace, found ' '
(585,17): run-time error CSS1031: Expected selector, found '&'
(585,17): run-time error CSS1025: Expected comma or open brace, found '&'
 */
html { margin: 0; padding: 0; }
body { background-color: #115e8b; /*border-top: solid 10px #000;*/ color: #666; font-size: 1.0em; margin: 0; padding: 0; min-width: 970px;}
#body { margin: 0 auto; background-color: #fff; clear: both; padding-bottom: 20px; }
html .ui-state-default, html .ui-state-hover, html .ui-state-active, html .ui-widget-header{border:0px!important;}
html .ui-widget-content, html .ui-widget-content .ui-widget, body{font-family: Verdana, Arial, Sans-Serif;}

/* Navbar */
a:link, a:visited, a:active, a:hover { color: #333; }
.shadow { -moz-box-shadow: 0px 0px 2px 2px #dcdcdc; -webkit-box-shadow: 0px 0px 2px 2px #dcdcdc; box-shadow: 0px 0px 2px 2px #dcdcdc;}
.navbar-button img { vertical-align: middle; }
.navbar-button span {  vertical-align: middle; margin-left:5px;}
#navbar-div { display: block; padding: 15px 0px; background-color: #EFF1F2; height: 46px; color:#666; border-bottom:5px solid #ddd;}
#navbar-div a{color:#666;}
#navbar-div .currently-selected, #navbar-ul li.currently-selected:hover { background-color: #115e8b; color:#fff; font-weight: bold;}
#navbar-div .currently-selected>a {color:#fff;}
#navbar-ul { text-align: center; padding: 0px 7px; margin: auto; width: fit-content; }
#navbar-ul li:first-child img { margin-left: 8px;}
#navbar-ul li { list-style: none; display: block; float: left; min-width: 130px; height: 46px; text-align: center; margin-right: 4px;}
#navbar-ul li.slightly-larger { min-width: 154px; }
#navbar-ul li.slightly-smaller { min-width: 115px; }
#navbar-ul li:last-child { border-right: none; }
#navbar-ul li:hover {background-color: #3399ff; color:#fff; font-weight: bold;}
#navbar-ul li:hover a{color:#fff;}
#navbar-ul li img { vertical-align:middle; margin-left: 4px;}

#navbar-ul li>a{ text-decoration:none; display:block; line-height:40px; text-align:left;}

header {background: #EFF1F2;}
footer{color:#fff; clear: both; font-size: .8em;}
header, hgroup, nav, section { display: block; }
.float-left { float: left; }
.float-right { float: right; }
.clear-fix:after { content: "."; clear: both; display: block; height: 0; visibility: hidden; }
h1, h2 { color: #000; margin-bottom: 0; padding-bottom: 0; }
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }



/* main layout */
.content-wrapper { margin: 0 auto; max-width: 970px;}
/*#body { background-color: #efeeef; clear: both; }*/
.main-content { background: url("../Images/accent.png") no-repeat; padding-left: 10px; padding-top: 30px; }
header .content-wrapper { padding-top: 0px; height: 50px; width: 970px; position: relative; margin: 0 auto; }
/* site title */
.site-title-container { position: absolute; top: 10px; left: 0px; }
.site-title { background: transparent url('../images/logo.png') no-repeat; background-size: contain;  width: 120px;  height: 45px;  margin: 0px}
.site-title a, .site-title a:hover, .site-title a:active {  background: none; color: #c8c8c8;  outline: none;  text-decoration: none;  }
/* login bar (upper right) */
#login { display: block; font-size: .85em;  margin: 0 0 10px;  text-align: right;  color: #000;}
#login a { margin-left: 10px; margin-right: 3px;  padding: 2px 3px;  text-decoration: none;}
#login a.username { background: none;  margin: 0;  padding: 0;  text-decoration: underline; }
#login ul { margin: 0; margin-top: 15px; }
#login li { display: inline; list-style: none;    }
/* menu (just under login bar)*/
ul#menu { font-size: 1.3em; font-weight: 600; margin: 0 0 5px; padding: 0; text-align: right; }
ul#menu li { display: inline; list-style: none; padding-left: 15px; }
ul#menu li a { background: none; color: #666; text-decoration: none; }
ul#menu li a:hover { color: #333; text-decoration: none; }
ul.homepage-ul { list-style:none ; padding: 0px 0px 0px 10px; }
ul.homepage-ul li { margin-bottom: 5px; margin-top: 0px; width: 180px;}
ul.homepage-ul li a { text-decoration: none; }
ul.homepage-ul li a:hover { font-weight: bold; }

/* forms */
label { display: block; }
label.checkbox { display: inline; }
input[type=text], input[name=Pwd], textarea { border: 1px solid #ccc; background: #f3f3f3; color: #333; font-size: 1.2em; margin: 5px 0 6px 0; padding: 5px; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; width: 100%; }
input[type=text].weekday { border: none; background: transparent; margin: 5px 0 6px 0; width: 97%; -moz-box-shadow: initial; -webkit-box-shadow: initial; box-shadow: initial;}

.float-left-button input[type=text] { margin: 2px 0px 0px 0px; padding-left: 5px; width:120px;}
textarea { font-family: inherit; width: 100%; overflow: hidden; resize:none;}
input:focus, textarea:focus { border: 1px solid #7ac0da; }
input[type="checkbox"] { background: transparent; border: inherit; width: auto; }
input[disabled], textarea[disabled] { background-color: #F6F6F6; color: #B5B5B5; border: 1px solid #AAA; }
input[type="submit"], input[type="button"], button { cursor: pointer; font-size: 1.2em; font-weight: 600; padding: 7px; margin-right: 8px; width: auto; }
td input[type="submit"], td input[type="button"], td button { font-size: 1em; padding: 4px; margin-right: 4px; }
input[type="radio"] { margin-bottom: 10px; }

select, input[type="text"], input[type="number"], input[name=Pwd], textarea { border: 1px solid #ccc; background: #f3f3f3; color: #333; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; padding: 3px; /*font-size: 13pt;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


/* info and errors */
.message-info { border: 1px solid; clear: both; padding: 10px 20px; }
.message-error { clear: both; color: #e80c4d; font-size: 1.1em; font-weight: bold; margin: 20px 0 10px 0; }
.message-success { color: #7ac0da; font-size: 1.3em; font-weight: bold; margin: 20px 0 10px 0; }
.error { color: #e80c4d; }
/* styles for validation helpers */
.field-validation-error { color: #e80c4d; font-weight: bold; font-size: 12px; position: relative; top: -4px;}
.field-validation-valid { display: none; }
input.input-validation-error { border: 1px solid #e80c4d; }
input[type="checkbox"].input-validation-error { border: 0 none; }
.validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; }
.validation-summary-valid { display: none; }

/* tables */
th { font-size: 1.2em; text-align: left; border: none 0px; padding-left: 0; }
tr { margin: 0px; padding: 0px; }
td { margin: 0px; }

table.hours-table { border-collapse:collapse; width: 100%; }
table.hours-table tr:first-child td { padding-bottom: 10px; font-weight: bold;}
table.hours-table.no-top-row tr:first-child td { padding-bottom: 0px; font-weight: normal;}
table.hours-table tr:nth-child(even) { background: #F2F2F2 }
table.hours-table tr:nth-child(odd) { background: #FFF }
table.hours-table td { padding: 0px 10px 0px 10px;}
table.hours-table tr td:last-child { text-align: center; }
table.hours-table input[type=checkbox] { -ms-transform: scale(1.3); -moz-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); transform: scale(1.3); }

.ui-menu { width: 150px; }
.clear{ clear: both; height: 0; visibility: hidden; display: block; }

/* Dashboard page tab stylings */
#tab-container{font-size: 12px; /*line-height:14px;*/ margin: 10px auto; width: 970px; overflow: hidden; }
#tab-container ul{ list-style: none; list-style-position: outside; width: 100%; }

#tab-container ul.tab-menu li{ display: block; float: left; position: relative; cursor: pointer; font-weight: bold; padding: 5px 5px 5px 5px; border: 1px solid #ddc; border-bottom: none; border-width: 1px; color: #666; height: 14px; margin-bottom: -1px; margin-right: 5px;  border-top-left-radius: 3px; border-top-right-radius: 3px; text-indent:23px; }
#tab-container ul.tab-menu li.active{ background: #fff; color: #0088CC; height: 15px; border-bottom: 0; cursor: default;}
.tab-top-border { border-bottom: 1px solid #d0ccc9; }
.tab-content{ margin: 0 auto; background: #efefef; background: #fff; border-top-style: none; text-align: left; padding: 20px; font-size: 11px; display: none; min-height: 250px; overflow: hidden; }
.possibly-hidden, .always-hidden { display: none; }
div.active, div.show { display: block; }

/* Dialogs */
.dlg-no-title .ui-dialog-titlebar { display: none; }
.no-close .ui-dialog-titlebar-close { display: none; }
.ui-dialog-titlebar .ui-state-default .ui-icon { background-image: url(themes/base/images/ui-icons_e0fdff_256x240.png); }
.ui-dialog-titlebar .ui-state-default { background: transparent; border: none; }
.hidden-buttons .ui-dialog-buttonpane { display: none; }
#dialog{ display: table; margin: 0 auto; padding: 0px; overflow: hidden; }

/* Date related items */
div.ui-datepicker{ font-size:10px; }
div.ui-timepicker { font-size:12px; }
.date-input { width: 105px; margin-bottom: 0px; margin-top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.date-time-input { width: 50px; margin-bottom: 0px; margin-top: 0px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;}
.input-error { border-color: red; }

/* Alignment items that are most likely not used properly */
div.vertical-align{ display: table-cell; vertical-align: middle; }
.centered { display: block; margin-left: auto; margin-right: auto; text-align: center;}
.centered img, .centered div { display: block; margin-left: auto; margin-right: auto; }

/* JQgrid Styles */
input.ui-pg-input, .ui-jqgrid .ui-pg-selbox { width: auto; height: 20px !important;}
div.ui-jqgrid-view table.ui-jqgrid-btable, div.ui-jqgrid-view table.ui-jqgrid-htable { border-style:none; border-collapse:separate; }
div.ui-jqgrid-view table.ui-jqgrid-btable td, div.ui-jqgrid-view table.ui-jqgrid-btable th { border-left-style:none; }
.ui-tabs.ui-widget-content { border: 0px; padding: 0px;}
.ui-pager-control { padding-top: 1px; }
/* Flot Styles */
.axisLabels { font-size: 12px; color: black !important }
.beforeload { background: #cccccc;}

.admin-content { text-align: left; min-height: 250px; overflow: hidden; margin: 0px auto;}

/* Buttons and button related styles */
#select-stores-button { width: 124px; }
.styled-button, .styled-button ul, .img-only-btn, .styled-button-compact { background-color: #eee; -moz-box-shadow: 0px 0px 2px 2px #DCDCDC; -webkit-box-shadow: 0px 0px 2px 2px #DCDCDC; box-shadow: 0px 0px 2px 2px #DCDCDC;}
.styled-button.styled-button-disabled, .img-only-btn.styled-button-disabled, .disabled-button { background-color: #EEE; color: #C5C5C5; -moz-box-shadow: 0px 0px 2px 2px #DCDCDC; -webkit-box-shadow: 0px 0px 2px 2px #DCDCDC; box-shadow: 0px 0px 2px 2px #DCDCDC;}
.styled-button:hover:not(.styled-button-disabled), .styled-button-compact:hover, .img-only-btn:not(.styled-button-disabled):hover { color: #fff; font-weight: bold; cursor: pointer; background-color: #79C9EC;}


fieldset.navfieldset { float: left; border: 1px solid #CDCDCD; background-color: #FFF; margin-top: -10px; padding-left: 7px; padding-right: 7px; padding-bottom: 3px; margin-left: 0px; margin-right: 10px;}
.fieldset-col {  float: left;  width: 115px; }
div.float-left-button{ float:left; text-align:left; margin-right: 5px;  height: 70px; }
.styled-button { width: 120px; float: left; text-align: center; height: 58px; padding: 10px 0px 3px; margin:0px 5px 0px 0px; }
.styled-button.styled-button-disabled img, .img-only-btn.styled-button-disabled img { opacity: .5;}
.styled-button ul { background-color: #79C9EC; display: none; width: 110px; font-size: small; font-weight: normal; list-style: none; padding: 0px 5px 5px 5px; margin-top: -18px;}
.styled-button ul li { list-style-image: url(data:0); } /*This is a hack to get list-style: none to work in IE 11*/
.styled-button.styled-button-disabled:hover ul { display: none; }
.styled-button:hover ul { display: inline; float: left; position: relative; text-align: left; outline-style: none; z-index: 10; overflow: hidden; -moz-box-shadow: 0px 7px 5px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 7px 5px rgba(0,0,0,0.3); box-shadow: 0px 7px 5px rgba(0,0,0,0.3); }
.styled-button:hover ul li:hover { font-weight: bold; }
.styled-button.small-margin-left {margin-left: 5px;}

.img-only-btn { width: auto; height: auto; padding-top:4px; float: none; margin: 0px 2px; min-height: 36px; min-width: 36px; }
.img-only-btn img{ display: block; margin-left: auto; margin-right: auto; }
.img-only-btn:not(.styled-button-disabled):hover img { height: 28px; width: 28px; margin-top: 3px;}

.styled-select { position: relative; float: left; border: 1px solid #D6D6D6; -webkit-border-radius: 5px 5px 5px 5px; -moz-border-radius: 2px; border-radius: 2px; height: 30px; overflow: hidden; }
.styled-select:after{ content: url(../Images/Icons32/bullet_arrow_down.png); text-align: center; line-height:32px; position: absolute; width: 32px; height: 32px; background: #f3f3f3; right: 0px; top: 0px; pointer-events: none;}
.styled-select select { border: none; height: 32px; width: 210px; padding: 3px 5px; }

.styled-button-compact { display: table; width: 75px; margin: auto; float: left; text-align: center; padding-left: 7px;  padding-right: 7px; margin-left: 5px; margin-right: 5px; margin-bottom: 7px; height: 32px; background-color: #fff;}
.styled-button-compact img { float: left; vertical-align: middle; display: table-cell; }
.styled-button-compact span {  vertical-align: middle; display: table-cell; }
.disabled-button { display: table; width: 75px; margin: auto; float: left; text-align: center; padding-left: 7px; padding-right: 7px; margin-left: 5px; margin-right: 5px; margin-bottom: 7px; height: 32px;}
.disabled-button img { float: left; vertical-align: middle; display: table-cell; opacity: .5; }
.disabled-button span { vertical-align: middle; display: table-cell; cursor: default; }

.assign-role-button { display: table; width: 95px; margin: auto; float: left; padding-right: 5px; margin-right: 0px;  margin-bottom: 5px; height: 20px;}
.assign-role-button.larger { width: 115px; }
.assign-role-button.largest { width: 140px; }
.assign-role-button:hover { font-weight: bold; cursor: pointer; }
.assign-role-button img { float: left; vertical-align: middle; display: table-cell; margin-right: 3px;}
.assign-role-button span {  vertical-align: middle; display: table-cell; }
.assign-role-button.role-button-disabled { color:#AAA; }
.assign-role-button.role-button-disabled:hover { font-weight: normal; cursor: default; text-decoration: none; }
.assign-role-button.role-button-disabled img { opacity: .5; }

/* Fix pager input size */
.ui-jqgrid .ui-jqgrid-htable th div { height: 24px !important; line-height: 24px;}
/* Work Wrap */
/*.ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; vertical-align:text-top; padding-top:2px; }*/
.word-wrap { white-space: normal !important; height: auto; padding-top: 2px; /*vertical-align:text-top;*/ }
.word-wrap-ff { white-space: normal !important;}
/* Gives loading bar an image */
.ui-progressbar .ui-progressbar-value { margin: 0px !important;}
.ui-progressbar .ui-progressbar-overlay { background: url("../Images/animated-overlay.gif"); height: 100%; filter: alpha(opacity=25); opacity: 0.25;}
#progressbar, #rpt-progress-bar, #creds-loadbar { width: 350px; margin: auto; margin-top: 25px; }
#busyText, #rpt-busy-text, #creds-busy-text { position: absolute; width: 350px; background-color: transparent; text-align: center; font-size: larger; line-height: 34px; color: white;}


/* Overwrites alert css */
.alert { padding: 1em; text-align: center; white-space: nowrap; width: auto; -ms-word-wrap: normal; word-wrap: normal}
.ui-dialog .ui-dialog-buttonpane { padding: 2px !important; }

#summary, #sales, #weekly-sales, #website, #menu-order, #general-payment, #promotions, #stages, #pixels, #nutritions, #order, #rewards,#email {
    background-repeat: no-repeat !important;
    -moz-background-origin: content-box !important;
    -webkit-background-origin: content-box !important;
    background-origin: content-box !important;
}

#summary { background-image: url("../Images/Icons16/columnchart.png") !important;}
#sales { background-image: url("../Images/Icons16/chart_column.png") !important;}
#weekly-sales { background-image: url("../Images/Icons16/chart_stock.png") !important;}
#website { background-image: url("../Images/Icons16/globe_network.png") !important;}
#menu-order { background-image: url("../Images/Icons16/restaurant_menu.png") !important;}
#order { background-image: url("../Images/Icons16/restaurant_menu.png") !important;}
#general-payment { background-image: url("../Images/Icons16/money_dollar.png") !important;}
#promotions { background-image: url("../Images/Icons16/phone_Android.png") !important;}
#stages { background-image: url("../Images/Icons16/time.png") !important;}
#pixels { background-image: url("../Images/Icons16/chart_stock.png") !important;}
#nutritions { background-image: url("../Images/Icons16/pizza.png") !important;}
#rewards { background-image: url("../Images/Icons16/image_add.png") !important ;}
#email { background-image: url("../Images/Icons16/email_add.png") !important;}
#logout-text:hover { cursor: pointer; text-decoration: underline;}


div.twocolumns { width: calc(50% - 5px); float:left; padding-right: 5px;}
div.twocolumns + div.twocolumns { padding-left: 0px; padding-right: 0px;}

span.distext, input[type="text"]:disabled, textarea:disabled { color: #B2B2B2; }
div.display-name{ font-size: small; font-weight: bold;}
.ui-tabs{ margin-bottom: -1px; padding-bottom: 1px }
#config-form fieldset > legend { font-weight: bold; font-size: small; }

fieldset, .config-text { font-size: .85em; }
fieldset { border: 1px solid #ccc; margin-top: 5px; margin-bottom: 2px; margin-right: 10px;margin-left: 10px;}
fieldset.system-fieldset { border: 1px solid #CDCDCD; background-color: #EEE;  padding: 15px; margin-left: 0px; margin-top: 10px;}
fieldset.system-fieldset-right { border: 1px solid #CDCDCD; background-color: #EEE; padding: 15px; margin: 10px 0px 10px 10px; }
fieldset.smallheight { min-height: 265px;}
fieldset.medheight { min-height: 325px; }
fieldset.bottom-row { margin-bottom: 0px; }
fieldset.largeheight { min-height: 505px;}
fieldset textarea { resize: none; height: 80px; }
.textbox-overwrite { line-height: 50px; color: green;}
.checkbox-overwrite { color: green;}

.grid-cell { padding: 3px;}
.grid-cell span { font-weight: bold;}
.grid-cell img { float: left; margin-right: 5px; vertical-align: middle;}

/*filters*/
.ui-filter { padding: 5px; text-align: center; font-size: 12px; border-bottom: 1px solid #AAA; background: #EEE; }
.ui-filter input[type="radio"] { vertical-align: middle;}
.ui-filter fieldset { width: auto; padding: 2px; background: #DDD; margin-top: -2px; margin-bottom: 2px;}
.ui-filter legend { font-weight: bold;}
.ui-filter button { padding: 0px 3px; margin-top: 3px; margin-left: 3px;}
.ui-filter .rightmost-button { padding: 0px 3px; margin: 3px 0px 3px 3px }
.ui-filter input[type="text"] { font-size: 11pt !important; margin: 0px; height: 32px;}
.ui-filter select { font-size: 11pt !important; width: 180px }
.ui-filter .holder { width: 300px; margin: 0px 10px }
.ui-jqgrid-title { font-size: 16px; padding: 3px;}
div.error-brick-large { width: calc(100% - 20px); max-height: 255px; float: left; display: block; margin: 10px 10px 5px 10px; }
div.error-brick-large div.error-body { width: 100%; max-height: 200px; overflow-y: auto; overflow-x: hidden; display: block; border: solid #CDCDCD; border-width: 0px 1px 1px; background: white }
div.error-brick-small { width: calc(50% - 20px); height: 175px; float: left; margin: 10px 10px 5px 10px; display: block; }
div.error-brick-small div.error-body { width: 100%; height: 120px; overflow-y: auto; overflow-x: hidden; display: block; border: solid #CDCDCD; border-width: 0px 1px 1px; background: white }
div.error-head { width:100%; background: #DDD; border: solid 1px #CDCDCD; }
div.error-head h4 { padding: 10px; margin: 0px; }

#assign-stores-pager_center { display: none; }
#pager-content_center { display: none; }

.iframe-holder{width: 100%; height: 500px; line-height: 500px;}
.iframe-holder iframe {margin:5px; width: calc(100% - 20px); height: 480px; margin-top: 10px;}
body.iframe-body { background-color: white; min-width: 700px;}

/*Left aligned tabs*/
#tabs-left {  display:flex;justify-content:center; } 
#tabs-left .ui-tabs-nav {width: 25%; display:flex; flex-direction:column;padding:0; } 
#tabs-left .ui-tabs-nav li { overflow: hidden; margin: 0.2em 0;} 
#tabs-left .ui-tabs-nav li.ui-tabs-selected, 
#tabs-left .ui-tabs-nav li.ui-state-active { border-right: 2px solid transparent; } 
#tabs-left .ui-tabs-nav li a { float: right; width: 100%; text-align: right; padding: 0.15em .25em !important; margin: 0px 0px 0px 0px; } 
#tabs-left .ui-widget-header { }
#tabs-left .ui-tabs .ui-tabs-nav li { border-bottom: 1px solid !important; }
#tabs-left .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { margin-bottom: 0px !important; }
/*There are some #tabs-left items inline in _UploadImagesDialog because I needed access variables*/

/*Upload images dialog specifics*/
#upload-images-dialog table, #sugg-sales-landing table {width: 100%; border-spacing: 0px; border-collapse: collapse; }
#upload-images-dialog td, #sugg-sales-landing td { padding: 4px 4px;}
#upload-images-dialog tr:nth-child(even), #sugg-sales-landing tr:nth-child(even) { background: #EEE;}
#upload-images-dialog tr:first-child { font-weight: bold;}
#upload-images-dialog .itemrowstyle, #sugg-sales-landing .itemrowstyle { /*overflow: hidden;*/ padding: 0px; margin: 0px; height: 24px; /*width:calc(100% - 115px)*/}

#upload-images-dialog .itemrowstyle.xbt{margin-right: 10px;}
#upload-images-dialog .itemrowstyle.xbt.noimage span.remove-btn,
#upload-images-dialog .itemrowstyle.elps span.no-image,
#upload-images-dialog .itemrowstyle.elps.noimage span.hasimage{display:none;}
#upload-images-dialog .itemrowstyle.xbt span.remove-btn,
#upload-images-dialog .itemrowstyle.elps.noimage span.no-image,
#upload-images-dialog .itemrowstyle.elps span.hasimage{display:block;}

#upload-images-dialog .btn-padding, #sugg-sales-landing .btn-padding { padding: 0px 4px; font-weight: 300; width: 100%; height: 25px; font-size: small;}
#upload-images-dialog .elps, #sugg-sales-landing .elps { overflow: hidden; color: #666; -ms-text-overflow: ellipsis; -o-text-overflow: ellipsis; text-overflow: ellipsis; }
#upload-images-dialog .sm { max-height: 24px; width:auto; height:auto; }
#upload-images-dialog .sm:hover  { max-height: 300px; display: block; position: absolute;}

/*For promotion image*/
.smallimg { max-height: 40px; width:auto; height:auto;}
.largeimg {display:block; position:absolute; width:0; height:0; border:0; top:0; left:0;}
.smallimg:hover + .largeimg {display:block; position:absolute; width:auto; height:auto; z-index: 9999; max-width: 95% ; max-height: 95%}

/* Per Page Specifics - From here down is mainly cleaning up inline styles */
.home-div {margin: 20px auto 0px; width:970px;}
.rpt-div, .users-div, .stores-div, .logon-div, .system-div,
.dash-div {background:#fff;}

#optionsDiv, #tab-container, .admin-content-holder { width: 1100px; margin: 0px auto; padding: 15px 0px 0px; }
#optionsPlaceholder{}

/* Home specific */
div.home-div .admin-content { font-size: 1.1em}
div.home-div .left-content { width: 73%; float: left; }
div.home-div .right-content {width: 25%; float: left; margin-left: 2%;}
div.home-div fieldset.system-fieldset { padding-top: 0px; }

/* Dashboard Specific */
div.dash-div .fifty-left { width: 50%; float: left;}
div.dash-div .fifty-left .centered { width: 430px; height: 250px; }
div.dash-div #sales-by-category-graph { width: 100%; height: 350px; }
.pct48 { width:48%; }
.pct52 { width:52%;}
div.dash-div .pct52 .centered { width: 470px; height: 205px; }

/* Reports Specific */


.dropdown-header {height: 30px; text-align: center;}
div.rpt-div .triple-option table { width: 120px; }
div.rpt-div .triple-option tr:first-of-type td { height: 22px; text-align: center; }

/* Users Specific */

.users-div #assign-role-fieldset {height: 64px; margin: -8px 10px 10px 5px; padding-left: 10px; width: auto; float: left; background: #EEE; -moz-box-shadow: 0px 0px 2px 2px #DCDCDC ; -webkit-box-shadow: 0px 0px 2px 2px #DCDCDC ; box-shadow: 0px 0px 2px 2px #DCDCDC ; border: 0px solid}
.users-div div.not-first { margin-left: 10px;}
.users-div #assign-stores-button { width: 150px; }
.users-div #assign-admin-button { width: 135px; }
.users-div #rad-set { font-size: 1.1em !important; }
.users-div #filter-input-holder { margin: 5px auto; width:42%; }
.users-div #filter-input-holder div:first-child { width: 80%; padding-bottom:5px;}
.users-div #filter-input { height: 32px; }
.users-div #role-type-select { width: 315px; }
.users-div #filter-btn { width: 17%; margin-bottom: 8px; margin-top: 0px; padding: 0px; height: 32px; }

#find-admin-button { padding: 3px 10px; margin-top: -1px; margin-left: 3px; }
#find-admin-table { width: 100%; }
#find-admin-table td:first-child { width: 99%; }
#find-admin-table td:first-child + td { white-space: nowrap; }
#find-admin-table-holder { padding: 20px 10% }

/* Stores Specific */
.less-by-25 {width: calc(100% - 25px)}
.stores-div .upload-col { width:150px;}
.stores-div .update-col { width:150px;}
.stores-div .add-edit-col { width: 85px; }
.stores-div .hours-col, .stores-div .edit-config-col { width: 110px; }
hr.short, td.setwidth { width: 200px; }
hr.thin { height: 1px; }
fieldset.cards-fs { height: 100px; }
fieldset.cards-fs table { margin: auto; }
fieldset.cards-fs table  td img { width: 38px; }
table td.padded-right { padding-right: 5px; }
fieldset .left-spacer { margin-left: 10px; }
table.edit-store-table { width: 100%; }
td.static-size { width: 90px; }
td.static-size-larger { width: 180px; }

td.pct40-transp { width:40%; background: transparent; }
td.pct60-transp { width:60%; background: transparent; }
.xbt { width: 20px; padding-right: 5px; cursor:pointer; }
.browse-btn-holder { width: 90px;}

.auto-y-overflow { overflow-y: auto; }
#hours-dialog { font-size: 16px; }
#hours-dialog .top-section { width: 100%; height: 60px; display:block; }
#hours-dialog .top-section .first-part { width: 10%; float: left; }
#hours-dialog .top-section .first-part img { padding-left: calc(50% - 24px); padding-top: calc(50% - 24px); }
#hours-dialog .top-section .second-part { width: 90%; float: left;}
#hours-dialog .top-section .second-part span { margin-bottom: 20px;  margin-top: 20px; display: block; font-weight: bold; }
#hours-dialog .radio-holder { padding-left: 10% }
#hours-dialog .spacer { height:40px; }
#hours-dialog .styled-select { margin-left: 30px; }
#hours-dialog .styled-select select { width: 300px; }

/* Shared Folder dialogs */
#basic-message-dialog { max-height: 400px; overflow-y: auto; background-color: #fff; }
#basic-message-dialog h3 { text-align: center;}
#basic-message-dialog li.not-error { color: green; }

/* LogOn Page */
.logon-div .logon-content-holder { width: 500px; margin: 20px auto; }
.logon-div .filed-validation-error { margin-left: 40px }
.logon-div ul { list-style-type: none;}
.logon-div input:not([type="submit"]) { width: 425px; }
.logon-div input[type="submit"] { margin-right: 20px; }
.logon-div .spacer { clear: both; height:10px; }

.logon-div .forgotpasswordlink { margin-left: 37px; }



/* Lost Page, Trouble Page, and No Permissions Page*/
.error-page-div { text-align: center; padding: 20px 10%; background-color: #fff; }
.error-page-div .header-div{ font-size:50px; margin-bottom: 20px;}
.error-page-div .desc{ font-size:20px;}
.error-page-div ul { text-align: left; font-size:15px; }

/* System Page - notification dialog */
#notification-dialog textarea {resize: none; height: 275px; overflow-y: auto; overflow-x: hidden; }
#notification-dialog .btn-holder { margin-right: 5px;}

/* System Page*/
legend img { vertical-align: middle; }
.system-div .save-btn-holder { width: 85px;}
.system-div .push-btn-holder {
    width: 95px;
}
.system-div .notification-btn-holder{ width: 138px;}
.system-div .push-notification-btn-holder {
    width: 100px;
}
.system-div .
.system-div .terms-btn-holder, .system-div .privacy-btn-holder { width: 155px;}
.system-div hr { width: 50%; margin-top: 20px; margin-bottom: 15px; }
.system-fieldset legend, .system-fieldset-right legend { font-size:larger;}
.system-div .navfieldset.float-right { float: right; margin-right: 0px;}
.system-div .spacer { height: 15px; width: 100%; clear: both; }
.system-div table { margin: auto; }
.system-div select { width: 250px;}

div.holiday-table-holder { height: 200px; overflow-y: auto; overflow-x: hidden; }
div.add-holiday {margin-top: 15px;}
div.add-holiday fieldset div {font-size: .8em;}
div.add-holiday input[type=text] { width: 100px; }


span.remove-btn { color: red; float: right; margin-right: 5px; cursor: pointer;}
span.link-btn { cursor: pointer; }
span.link-btn img { max-height: 16px; vertical-align: middle; }
.lightly-padded { padding-top: 5px; padding-bottom: 6px;}

.datepicker-container { text-align: center; font-size: small !important; }
.datepicker-center { margin: 0px auto; display: inline-block; }
.login-fields-holder { padding-bottom: 15px;}
.login-validation-summary { padding: 20px 38px 0px}
#login-content {padding-top: 20px;}
.logo-and-text-holder { display: inline-block; }
.admin-portal-text-holder { padding-left: 20px; padding-top: 40px; font-size: 2em; vertical-align: text-bottom; }
#login-header { padding: 10px; }
.promotion {padding: 10px;}
.nutrition{
    padding: 10px;
}
.nutritionUnit {
    padding: 10px;
}

/* holidays-calendar Borderline hacks. Need to be changed if the jquery ui theme is changed. */
.css-highlight-date > a {background: #6EAC2C !important; color: #fff !important}
#holidays-calendar .ui-state-active { border: 1px solid #F8DA56; background: url("images/ui-bg_flat_55_fbeba2_40x100.png") repeat-x scroll 50% 50% #FBEBA2; color: #915608; }

/*This is for the Quick Tasks button the navbar*/
#navbar-div #liQuickTasks { min-width: 170px;}
#liQuickTasks fieldset { background-color: #3399ff; display: none; width: 140px; font-weight: normal; list-style: none; padding: 10px 0px 17px 8px; margin-top: -1px; border: 0px solid; z-index: 100}
#liQuickTasks fieldset li { list-style-image: url(data:0); height:25px;} /*This is a hack to get list-style: none to work in IE 11*/
#liQuickTasks:hover fieldset { display: inline; float: left; position: relative; text-align: left; outline-style: none; overflow: hidden; -moz-box-shadow: 2px 4px 4px rgba(0,0,0,0.3); -webkit-box-shadow: 2px 4px 4px rgba(0,0,0,0.3); box-shadow: 2px 4px 4px rgba(0,0,0,0.3); }
#liQuickTasks:hover fieldset li:hover { font-weight: bold;}

/* This is mainly for system page so that the save button doesn't need to be duplicated*/
#optionsPlaceholder.fixed-options{position:fixed; top:0; left:0; right:0; background-color: #FAFAFA; /*background-color:#eff1f2;*/ z-index:1; -moz-box-shadow: 0px 0px 2px 2px #dcdcdc; -webkit-box-shadow: 0px 0px 2px 2px #dcdcdc; box-shadow: 0px 0px 2px 2px #dcdcdc;}
#optionsPlaceholder.fixed-options #optionsDiv{ padding-bottom: 15px;}

.trouble-404-body { margin: 0px auto; width: 500px; }

#second-time-inputs {margin-left: 29px; }

/* Keep the search dialog from being resizable because their API doesn't tell me how to do this*/
/*#searchmodfbox_content-grid .jqResize { display: none !important; }*/
#searchmodfbox_content-grid table { margin: 0 auto;}

.ui-buttonset .ui-button { margin-right: -0.4em !important;}

#content-editor { margin: 50px 10px 10px 10px; }

#toolbar { margin:10px; }


#priority-table { table-layout: fixed; }
.cart-items { margin-bottom: 5px; }
.fake-td-header { display: block; float: left; width: 150px; margin: 0px 0px 5px 0px; font-size: large; text-align: center}
.margin-all, .margin-left, .margin-tl, .margin-bl {margin-left:10px;}
.margin-all, .margin-right, .margin-tr, .margin-br{margin-right:10px;}
.margin-all, .margin-top, .margin-tl, .margin-tr, .margin-tb{margin-top:10px;}
.margin-all, .margin-bottom, .margin-bl, .margin-br, .margin-tb{margin-bottom:10px;}
.margin-none{margin:0px;}

.padding-all, .padding-left, .padding-tl, .padding-bl {padding-left:5px;}
.padding-all, .padding-right, .padding-tr, .padding-br{padding-right:5px;}
.padding-all, .padding-top, .padding-tl, .padding-tr, .padding-tb{padding-top:5px;}
.padding-all, .padding-bottom, .padding-bl, .padding-br, .padding-tb{padding-bottom:5px;}
.padding-none{padding:0px;}

#trackerDiv { margin: 2em auto; }

#tracker{position:relative;  list-style-type: none; list-style:none; display:block; counter-reset: step; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tracker li{ cursor: pointer; float:left; height: 100%; width:20%; position:relative;  margin:0; padding:0; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
#tracker li .material-icons{position:relative; z-index: 1; font-size: 2.5em; width: 2em; height: 2em; border-radius: 50%; display:block; line-height: 2em; text-align: center; }
#tracker li .text{ transform: translateX(calc(-50% + 2em));   -webkit-transform: translateX(calc(-50% + 2em));   
                   padding: 0;   overflow: hidden;   font-weight: 400;   display: block;   overflow: hidden;
                   text-overflow: ellipsis; text-align:center; }
 #tracker li .text>span{display:block;} 
 #tracker li:not(:last-child) .line { display: block; position: absolute; z-index: 0; top: 2.5em; width: 100%; height: 3px; 
                                       border:none; }

 #trackerContent h4{text-align:right; padding-right: 0.2em;}
  #trackerContent td{width: 25%;}
  #trackerContent td:first-child{width:25%;}
  #trackerContent{width: 80%; margin: 15px auto;}
  .center {text-align:center!important;}
  .inlineicon, .inlineicon .ui-icon {display:inline-block; vertical-align:bottom;}
 #divPixelBottom input[type="checkbox"]+label{display: inline-block; font-size: 12px; width: 138px; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
 #divPixelEditor textarea{height: 290px; overflow-y: scroll; font-size: 12px;}
 #pixelDiv a{text-decoration: none; color: #115e8b; font-size: 12px; font-weight: bold;}

#nutritionDiv a {
    text-decoration: none;
    color: #115e8b;
    font-size: 12px;
    font-weight: bold;
}

/*Sugg Sell*/
 #sugg-sales-landing #scroll-me{float: left; width: 100%; height: 175px; overflow: auto;}

#sugg-sales-landing select.group-select,
#sugg-sales-landing select.item-select,
#sugg-sales-landing select.size-select,
#sugg-sales-landing select.style-select,
#sugg-sales-landing select.items-select,
#sugg-sales-landing select.mod-select { width: 150px; }
 #sugg-sales-landing span.del-x{color: red; cursor: pointer;}
 #sugg-sales-landing div.cart-items>span.del-x:first-child{display:none;}
 #scroll-me>div.itemOpts{float:left; width: 30%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; margin:10px 0px; padding:0;}

#sugg-sales-landing[data-itemopt="True"] #suggsizename,
#sugg-sales-landing[data-itemopt="True"] #suggstylename { display: none; }

#tabs-left .auto-y-overflow { border-width: 1px; padding: 0 0.5em; width: 75%; max-height: 600px;}
#MaxWidth, #MaxHeight, #gtMaxWidth, #gtMaxHeight, #gbMaxWidth, #gbMaxHeight {width: 70px; height: 22px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
#upload-images-dialog > #imageOpts { text-align: center; margin: 0 0 1em 0}
#imageOpts > div {display: inline-block;margin-right: 5px;}

.anchor {
    width: 15%;
    margin-bottom: 8px;
    margin-top: 0px;
    padding: 0px;
    height: 32px;
}

.xml-viewer-style { border-bottom: 2px solid black; padding-bottom: 5px; margin: 10px; }
div.collapsible > div.hidden { display: none; }
.pretty-print { margin-top: 1em; margin-left: 20px; font-family: monospace; font-size: 13px; }
#webkit-xml-viewer-source-xml { display: none; }
.collapsible-content { margin-left: 1em; }
.comment { white-space: pre; }
.button { -webkit-user-select: none; cursor: pointer; display: inline-block; margin-left: -10px; width: 10px; background-repeat: no-repeat; background-position: left top; vertical-align: bottom; }
.collapse-button { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23909090' width='10' height='10'><path d='M0 0 L8 0 L4 7 Z'/></svg>"); height: 10px; }
.expand-button { background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' fill='%23909090' width='10' height='10'><path d='M0 0 L0 8 L7 4 Z'/></svg>"); height: 10px; }
.simpleXML ul { list-style: none; margin: 0px; padding-left: 32px; }
.simpleXML { font-family: 'Courier New';}
.simpleXML-comment { color: green; }
.simpleXML-tagHeader { color: blue; }
.simpleXML-cdata { color: gray; }
.simpleXML-tagValue { color: darkred; }
.simpleXML-collapsedText { color: lightgray;}
.simpleXML-attrName {    color: red;}
.simpleXML-attrValue {    color: blue;}
/*.simpleXML span.simpleXML-expander, .simpleXML span.simpleXML-expanderClose { height: 12px; width: 12px; display: inline-block;}*/
.simpleXML span.simpleXML-expanderHeader { cursor: pointer; }
/*.simpleXML span.simpleXML-expander-expanded  { background-image: url( "../Images/Icons16/add_circle_outline.png" );}
.simpleXML span.simpleXML-expander-collapsed { background-image: url( "../Images/Icons16/remove_circle_outline.png");}*/

.pct40 { width: calc(30% - 5px);float: left;padding-right: 5px;}
.pct60 { width: calc(70% - 5px);float: left;padding-right: 5px;}

.tabdimension{display:flex;justify-content:space-around; margin:10px,0px;}
.textdimensions { margin:0;font-weight:bold;}

.imgTabBg{font-weight : bold;}
#user-search{margin-left :180px}
#existing-admin-button{width : 150px;margin-right:20px;}
.tab-menu{margin-left:-20px;}

#sugg-sales-actions {display:flex; flex-direction:column;}
#api-user-button {padding-top: 11px;width: 120px;}
#scheduleDate{width: 125px;}
#time-input {width: 75px;}
#timezone-dropdown{width:227px;}
#div-log-grid{max-height: 400px}
.hcTmplEditorImgDisp{max-width:100px; max-height:100px; padding:5px; cursor:pointer; display:block;}
#hcExistingImagesDiv{max-height:200px; overflow:auto}
#ddTemplate{display:contents;height:35px}
#editorarea{margin-top:15px}
#predefinedTags{width:125px;max-height:200px;overflow:auto;}
.bracketText{padding:5px; cursor:pointer; font-weight:bold; word-wrap:break-word;display:block;}
/**Popup Toaster**/
#Toaster>div{text-align:center; line-height:60px;}
#toasterButtons.yesnocancel>#tb0, #toasterButtons.yesnocancel>#tb1, #toasterButtons.yesnocancel>#tb2{display:inline;}
#toasterButtons.yesno>#tb2{display:none;}
#toasterButtons.yesno>#tb0, #toasterButtons.yesno>#tb1{display:inline;}
#toasterButtons.yes>#tb1, #toasterButtons.yes>#tb2{display:none;}
#toasterButtons.yes>#tb0{display:inline;}


#divApikeysPlaceholder{display:flex;flex-direction:column;}
#divAccessTypesPlaceholder{display:flex;flex-direction:row;justify-content:center;margin:5px;}
#divAccessTypesPlaceholder >div{align-self:center;margin:5px;}


.pmt-table {display: table;width: auto;border-spacing: 5px;}
.pmt-row {display: table-row;width: auto;}
.pmt-col {float: left;display: table-column;width: 105px;}
.pmt-col.heading{font-weight:bold;}

.defaulttips-paddingtop .pmt-col {float: left;display: table-column;width: 95px;}
.defaulttips-paddingtop .pmt-col .defaulttipvalue{width: 50px;}
#general-payment-tab .twocolumns .defaulttips-paddingtop, #payment-options-tab .twocolumns .defaulttips-paddingtop {padding-top: 10px;}
#general-payment-tab .twocolumns .defaulttips-paddingbottom, #payment-options-tab .twocolumns .defaulttips-paddingbottom {padding-bottom: 5px;}
#general-payment-tab .twocolumns .defaulttips-paddingtop fieldset {margin-left: 0;margin-right: 0;}
#payment-options-tab .twocolumns .defaulttips-paddingbottom .pmt-col {width: 85px;}
#general-payment-tab .twocolumns .defaulttips-paddingtop .pmt-col .tips {width: 50px;}

.store .pmt-col {float: left; display: table-column; width: 73px;}
#payment-options-tab .twocolumns .defaulttips-paddingtop fieldset {padding-bottom: 0px;}
.fieldset-col.add-edit-col.misc, .fieldset-col.hours-col.misc {width: 100%}
.fieldset-col.feedback {width: 100px;}
.defaulttips-paddingtop input::-webkit-outer-spin-button,.defaulttips-paddingtop input::-webkit-inner-spin-button {-webkit-appearance: none;margin: 0;}
select#ENABLE_THROTTLING {width: 100%;}
.throttlingtypelabel {padding-bottom: 3px;}
#divthrottlingktchprtcat label, .throttling-info {font-size:10px;padding-bottom: 2px;}
#divthrottlingktchprtcat textarea.input-validation-error {border: 1px solid #e80c4d;}
#throttling-tab .throttling-info {padding-left: 10px;}
.tip-order-type-header {font-size:12px;}
.disable-attribute {pointer-events: none;opacity: 0.4;}
.material-icons{vertical-align:middle; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;}
.material-icons:before{padding-right: 0.2em;}

.material-icons.icon-store:before {content:'\E8D1';}
.material-icons.icon-multistore:before{content: '\E0AF';}
.material-icons.icon-edit:before {content:'\E254';}
.material-icons.icon-delete:before {content:'\E872';}
.material-icons.icon-add:before {content:'\E147';}
.material-icons.icon-rules:before{content: '\E8EF';}
.material-icons.icon-tools:before{content: '\E869';}
.material-icons.icon-honeycomb:before{content: '\E89A';}
.material-icons.icon-save:before{content: '\E161';}
.material-icons.icon-import:before{content: '\E2C6';}
.material-icons.icon-export:before{content: '\E2C4';}
.material-icons.icon-copy:before{content: '\E14D';}
.material-icons.icon-print:before{content: '\E8AD';}
.material-icons.icon-addbox:before{content: '\E146';}
.material-icons.icon-subdirectory_arrow_right:before{content: '\E5DA';}
.material-icons.icon-close:before{content: '\E5CD';}
.material-icons.icon-uncheck:before{content: '\E836';}
.material-icons.icon-check:before{content: '\E86C';}
.material-icons.icon-checkbox:before{content: '\E835';}
.material-icons.icon-checkbox-c:before{content: '\E834';}
.material-icons.icon-checkbox-i:before{content: '\E909';}
.material-icons.icon-lock:before{content: '\E899';}
.material-icons.icon-lock-open:before{content: '\E898';}
.material-icons.icon-multiuser:before{content: '\E8D3';}
.material-icons.icon-border-bottom:before{content: '\E229';}
.material-icons.icon-border-top:before{content: '\E232';}
.material-icons.icon-radio-check:before{content: '\E837';}
.material-icons.icon-radio-uncheck:before{content: '\E836';}
.material-icons.simpleXML-expander-expanded:before {content: 'remove_circle';font-family: 'Material Icons';}
.material-icons.simpleXML-expander-collapsed:before{content:'add_circle';font-family:'Material Icons';}

.material-icons.icon-size-xs{font-size: 16px;}
.material-icons.icon-size-s{font-size: 20px;}
.material-icons.icon-size-n{font-size: 24px;}
.material-icons.icon-size-m{font-size: 36px;}
.material-icons.icon-size-l{font-size: 48px;}
.material-icons.icon-size-xl{font-size: 60px;}
input[type="checkbox"].custom{visibility: hidden;}
input[type="checkbox"].custom+label{display: inline-block;-webkit-user-select: none; -moz-user-select: none;-khtml-user-select: none; -ms-user-select: none; cursor: pointer;}
input[type="checkbox"].custom+label>span:first-child:before{content: '\E836'; }
input[type="checkbox"].custom:checked+label>span:first-child:before{content: '\E837';}

.editCtrlMain{border: 1px solid #ccc;  background: #f3f3f3;  padding: 5px;  position: relative;  height: 25px; font-size: 12px; }
.editCtrlMain>.Hdr{position: absolute; top: 0; bottom: 0; left: 0; right: 51%; padding: 0px; margin: 0; text-align: right; vertical-align: middle; margin-top: 5px; font-weight: bold;}
.editCtrlMain>.Content{position:absolute; top: 0; bottom: 0; right: 0; left: 51%; border: none; padding: 0px; margin: 0; -webkit-box-shadow: inset 0 0 0 1px #ccc, inset 0 5px 30px #ccc;
    -moz-box-shadow: inset 0 0 0 1px #ccc,inset 0 5px 30px #ccc;
    box-shadow: inset 0 0 0 1px #ccc, inset 0 5px 30px #ccc;}
.editCtrlMain>.Hdr>label,
.editCtrlMain>.Content>label,
.editCtrlMain>.Content>select,
.editCtrlMain>.Content>input{width: 100%; display: block; border: none; height: 100%; padding: 0; margin: 0; background: none;}
.editCtrlMain>.Content>input[type="checkbox"]{width: 0%; height: 0%;}
.editCtrlMain>.Content>input[type="checkbox"]+label{text-align:center; padding-top: 6px; text-align: center;}
.editCtrlMain>.Content>input[type="checkbox"]+label:before{width: 100%; height: 100%;}

.editCtrlMain>.Content>input[type="checkbox"]+label.border>span:first-child:before{content: '\E229'; display: inline-block; width: 100%; height: 100%;}
.editCtrlMain>.Content>input[type="checkbox"]:checked+label.border>span:first-child:before{content: '\E232';}