html {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}
div.form .hint {
  margin: 0;
  padding: 0;
  color: #999;
}
div.form .note {
  font-style: italic;
}
div.form span.required {
  color: red;
  display: inline;
}
div.form div.error label:first-child,
div.form label.error,
div.form span.error {
  color: #c00;
}
div.form div.error input,
div.form div.error select,
div.form div.error textarea,
div.form input.error,
div.form select.error,
div.form textarea.error {
  background: #fee;
  border-color: #c00;
}
div.form div.success input,
div.form div.success select,
div.form div.success textarea,
div.form input.success,
div.form select.success,
div.form textarea.success {
  background: #e6efc2;
  border-color: #c6d880;
}
div.form .errorSummary {
  border: 2px solid #c00;
  padding: 7px 7px 12px 7px;
  margin: 0 0 20px 0;
  background: #fee;
  font-size: 0.9em;
}
div.form .errorMessage {
  color: red;
  font-size: 0.9em;
}
div.form .errorSummary p {
  margin: 0;
  padding: 5px;
}
div.form .errorSummary ul {
  margin: 0;
  padding: 0 0 0 20px;
}
table {
  width: 100%;
  word-wrap: break-word;
  table-layout: fixed;
  border-collapse: collapse;
}
table td {
  padding: 4px 0 4px 0;
}
table th {
  text-align: center;
  padding: 1px 3px 1px 3px;
  background: -moz-linear-gradient(center top, #dbdbdb, #f5f5f5) repeat-x scroll
    0 0 #f5f5f5;
  background: #eee;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#dbdbdb),
    to(#f5f5f5)
  );
}
input[type="file"],
input[type="password"],
input[type="text"],
select,
textarea {
  color: #000;
  border: 1px solid #ccc;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 3px 3px 4px #eeefef;
  -webkit-box-shadow: 3px 3px 4px #eeefef;
  box-shadow: 3px 3px 4px #eeefef;
  text-align: left;
  padding: 2px 4px 2px 4px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  margin: 0;
}
textarea {
  height: 45px;
}
label {
  font-weight: 700;
}
select {
  padding: 1px 2px 1px 2px;
  width: 150px;
}
.buttons {
  text-align: right;
  margin-bottom: 4px;
}
fieldset {
  padding: 3px 6px 3px 6px;
  margin: 0 0 10px 0;
  border: 1px solid #ededed;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-box-shadow: 3px 3px 4px #f4f5f6;
  -webkit-box-shadow: 3px 3px 4px #f4f5f6;
  box-shadow: 3px 3px 4px #f4f5f6;
  background: -moz-linear-gradient(center top, #fff, #f5f5f5) repeat-x scroll 0
    0 #f5f5f5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f5f5f5)
  );
}
fieldset.two-columns div {
  display: table-cell;
  padding: 0 5px;
}
fieldset.two-columns {
  min-height: 300px;
}
.imgdiv {
  border: 1px dashed grey;
  padding: 8px 2px 8px 2px;
  text-align: center;
}
.infobox {
  color: green;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
.infobox-light {
  color: #028ad0;
  font-size: 11px;
  font-weight: 700;
}
.input-footnote {
  color: #888;
  font-size: 11px;
  font-style: italic;
}
.detailsbox {
  color: #666;
  font-size: 10px;
  font-style: italic;
}
.messagebox {
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
}
.warningbox {
  color: red;
  font-size: 14px;
  font-weight: 700;
  text-align: left;
}
.title {
  background: #333;
  color: #eee;
  font-weight: 700;
  text-align: center;
  padding: 1px;
}
.button-link {
  text-align: center;
  padding-bottom: 10px;
}
div.byside_1 {
  display: table-cell;
  vertical-align: bottom;
}
div.byside_2 {
  display: table-cell;
  vertical-align: top;
}
._right {
  text-align: right;
}
._left {
  text-align: left;
}
._center {
  text-align: center;
}
._bold {
  font-weight: 700;
}
._large {
  font-size: 18px;
  font-weight: 700;
}
._medium {
  font-size: 16px;
  font-weight: 700;
}
.key {
  text-align: right;
  width: 150px;
  vertical-align: middle;
  padding-right: 10px;
  font-weight: 700;
}
.key-short {
  text-align: right;
  width: 80px;
  vertical-align: middle;
  padding-right: 10px;
  font-weight: 700;
}
._largegreen {
  font-size: 18px;
  font-weight: 700;
  color: green;
}
._largeblue {
  font-size: 18px;
  font-weight: 700;
  color: #00f;
}
._largered {
  font-size: 18px;
  font-weight: 700;
  color: #8a1f11;
}
.no-scrolling {
  height: 100%;
  overflow: hidden;
}
.scrollable-outerwrap {
  border: 1px solid #eee;
  padding: 5px;
  background: #f5f5f5;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
}
.scrollable-wrapper {
  overflow: auto;
  overflow-x: hidden;
}
.suggestion-row td {
  padding-top: 0;
  vertical-align: top;
}
.suggestion-msg {
  font-size: 10px;
  color: green;
  vertical-align: top;
}
.suggestion-msg #recommended-price,
.suggestion-msg.remark-placeholder {
  font-size: 10px;
  color: #028ad0;
  vertical-align: top;
  text-decoration: underline;
}
input:disabled[type="file"],
input:disabled[type="password"],
input:disabled[type="text"],
table.formtable select:disabled,
table.formtable textarea:disabled {
  border: 1px solid #efefef;
  background: #fff;
}
table.additem-section {
  background: #c8ecfe;
  margin: 3px 0;
}
table.additem-section td {
  padding: 4px;
  vertical-align: top;
}
table.additem-section div.add-title {
  background: #fff url("../images/bg.gif") repeat-x left top;
  color: #fff;
  padding: 3px 2px;
  font-weight: 700;
  text-align: center;
  margin-bottom: 4px;
}
table.additem-section div.horizontal div {
  display: inline-block;
  padding: 2px;
}
table.additem-section div.horizontal div.add-key {
  font-weight: 700;
  text-align: right;
}
table.additem-section div.add-divider {
  border-bottom: 1px solid #75c4f1;
  margin: 1px 1px 4px 1px;
}
table.additem-section input[type="button"] {
  padding: 2px 8px;
}
table.additem-section input[type="checkbox"],
table.additem-section input[type="text"],
table.additem-section select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: none;
}
table.additem-section input[type="checkbox"] {
  width: auto;
}
table.additem-section div.additem-search {
  color: #05547d;
}
table.additem-section div.additem-found {
  border-bottom: 1px solid #8fbad3;
  -moz-box-shadow: 0 4px 3px #8fbad3;
  -webkit-box-shadow: 0 4px 3px #8fbad3;
  box-shadow: 0 4px 3px #8fbad3;
  background: #a2daf9;
  margin: 2px 3px 3px 3px;
  padding: 2px;
}
table.additem-section div.additem-found input[type="checkbox"],
table.additem-section div.additem-found input[type="text"],
table.additem-section div.additem-found select {
  background: #fff9df;
  border-color: #fd6;
  font-weight: 700;
}
table.additem-section div.additem-found input[type="checkbox"]:disabled,
table.additem-section div.additem-found input[type="text"]:disabled,
table.additem-section div.additem-found select:disabled {
  font-weight: 400;
  border: 1px solid #efefef;
  background: #fff;
}
table.additem-section div.additem-found div.horizontal div {
  padding: 3px 2px;
}
table.additem-section div.additem-found div.showname {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
table.additemtable {
  margin-top: 4px;
  background: #c8ecfe;
}
table.additemtable th {
  background: #fff url("../images/bg.gif") repeat-x left top;
  color: #fff;
  border: 1px solid #fff;
  font-size: 0.9em;
  padding: 0.3em;
}
table.additemtable td {
  text-align: center;
  padding: 0.3em;
}
table.additemtable input,
table.additemtable textarea {
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: none;
  background: #fff9df;
  border-color: #fd6;
  font-weight: 700;
}
table.additemtable select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: none;
  background: #fff9df;
  border-color: #fd6;
  font-weight: 700;
}
table.additemtable input[type="checkbox"] {
  width: auto;
}
table.additemtable input:disabled,
table.additemtable select:disabled,
table.additemtable textarea:disabled {
  font-weight: 400;
  border: 1px solid #efefef;
  background: #fff;
  color: #aaa;
}
table.additemtable span.inline-span {
  padding-top: 2px;
}
table.additemtable-menu {
  margin: 0;
  padding: 0;
}
table.additemtable-menu td {
  padding: 0;
}
a.openPricing {
  white-space: nowrap;
  width: 120px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: underline;
  font-size: 14px;
}
span.pg-selected {
  color: green;
}
span.large-button {
  width: 100px;
  height: 80px;
  border: 1px solid #eee;
  display: inline-block;
  overflow: hidden;
  word-wrap: break-word;
  padding: 5px;
  text-align: center;
  margin: 5px 10px;
  background: -moz-linear-gradient(center top, #fff, #f5f5f5) repeat-x scroll 0
    0 #f5f5f5;
  -moz-box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  box-shadow: 0 2px 2px #ccc;
  font-size: 14px;
  font-weight: 700;
}
span.large-button:hover {
  -moz-box-shadow: 0 2px 2px #999;
  -webkit-box-shadow: 0 2px 2px #999;
  box-shadow: 0 2px 2px #999;
}
span.large-button img {
  padding-top: 2px;
  padding-bottom: 8px;
}
.large-button-inactive span {
  border: 1px solid #e1e1e1;
  color: #ccc;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.large-button-inactive span:hover {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.item-type {
  padding: 1px;
  font-style: italic;
  font-weight: 700;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #fff;
  cursor: pointer;
  width: 25px;
  text-align: center;
}
.retail-prepaid,
.retail-prepaid-refund {
  background-color: #fed8c1;
}
.salon-prepaid,
.salon-prepaid-refund {
  background-color: #bef0ec;
}
.service-prepaid,
.service-prepaid-refund {
  background-color: #fdcddd;
}
.coupon-prepaid,
.coupon-prepaid-refund {
  background-color: #d0d0f9;
}
.use-credit {
  background-color: #fbd25e;
}
.retail,
.retail-refund {
  background-color: #fcb991;
}
.salon,
.salon-refund {
  background-color: #99d5d0;
}
.service,
.service-refund {
  background-color: #fca1bf;
}
.coupon,
.coupon-refund {
  background-color: #a3a3e3;
}
.package {
  background-color: #d0e782;
}
.customer-buttons div {
  display: inline-block;
  padding: 2px 8px;
}
table.itemtable {
  margin-top: 4px;
}
table.itemtable .itemCol {
  cursor: pointer;
}
table.itemtable th {
  border: 1px solid #ddd;
}
table.itemtable td {
  text-align: center;
  border: 1px solid #ddd;
  text-shadow: 0 1px 1px #fff;
  padding: 0 2px;
}
table.itemtable td.left-text {
  text-align: left;
}
table.itemtable tbody {
  background: #fff;
}
table.itemtable input,
table.itemtable textarea {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  text-align: center;
  border: none;
  font-weight: 700;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fffbeb;
}
table.itemtable select {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: none;
  font-weight: 700;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: #fffbeb;
}
table.itemtable input[type="checkbox"] {
  width: auto;
}
table.itemtable input.in-line,
table.itemtable select.in-line,
table.itemtable textarea.in-line {
  border: 1px solid #eee;
  font-weight: 400;
}
table.itemtable input:disabled,
table.itemtable select:disabled,
table.itemtable textarea:disabled {
  background: #e8f5fc;
  font-weight: 400;
  border: none;
}
table.itemtable input:disabled.in-line,
table.itemtable select:disabled.in-line,
table.itemtable textarea:disabled.in-line {
  background: #fff;
  border: 1px solid #efefef;
  color: #ccc;
}
table.itemtable tr.editMode {
  background: #e8f5fc;
}
table.itemtable tfoot td {
  border: none;
  text-align: right;
  padding: 4px 1px;
}
table.itemtable tfoot td.key {
  padding-right: 10px;
}
table.itemtable ul {
  margin-left: 15px;
}
table.itemtable .remark {
  font-style: italic;
}
table.itemtable tr.highlight-row td {
  background: none repeat scroll 0 0 #fee;
}
table.inlinetable tr td {
  padding: 2px;
}
div.totaldiv {
  border: 1px solid #c1c1c1;
  display: inline-block;
  padding: 5px 12px 5px 5px;
  margin: 10px 0 0 10px;
  vertical-align: top;
  width: 300px;
  font-size: 14px;
  background: #f3f3f3;
}
div.totaldiv table td {
  background: #f3f3f3;
}
table.itemtable tfoot input,
table.itemtable tfoot select,
table.itemtable tfoot textarea {
  text-align: left;
  border: 1px solid #ccc;
  font-weight: 400;
  -moz-box-shadow: 3px 3px 4px #eeefef;
  -webkit-box-shadow: 3px 3px 4px #eeefef;
  box-shadow: 3px 3px 4px #eeefef;
  background: #fff;
}
table.itemtable tfoot input[type="text"] {
  text-align: right;
}
table.itemtable tfoot input:disabled,
table.itemtable tfoot select:disabled,
table.itemtable tfoot textarea:disabled {
  border: 1px solid #efefef;
  background: #fff;
}
div.bottomdiv {
  display: inline-block;
  margin: 10px 0 0 10px;
  vertical-align: top;
}
td.custtd {
  vertical-align: top;
  padding: 4px;
}
fieldset.custform {
  border: 1px solid #cacaca;
  padding: 0 0 2px 6px;
  margin: 2px;
  font-size: 90%;
  font-weight: 700;
}
td.custtd table {
  table-layout: auto;
}
td.custtd table input[type="text"] {
  width: 80%;
}
div.buttons div.toolbar-box {
  background: #f5f5f5;
  border: 1px solid #eee;
  margin-bottom: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: -moz-linear-gradient(center top, #fff, #f5f5f5) repeat-x scroll 0
    0 #f5f5f5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f5f5f5)
  );
  text-transform: uppercase;
}
div.bottom-buttons div.toolbar-box {
  background: #e5e5e5;
  border: 1px solid #ededed;
  margin-top: 10px;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: -moz-linear-gradient(center top, #f5f5f5, #e5e5e5) repeat-x scroll
    0 0 #e5e5e5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f5),
    to(#e5e5e5)
  );
  text-transform: uppercase;
}
div.m {
  padding: 0 8px;
}
table.toolbar {
  height: 48px;
}
table.toolbar td {
  padding: 0;
}
table.toolbar td.header {
  color: #028ad0;
  font-size: 14px;
  font-weight: 700;
  padding-left: 10px;
}
table.toolbar td.toolbar-buttons {
  text-align: right;
}
span.toolbar-button {
  color: #333;
  padding: 0 8px;
  margin: 0 5px;
  font-size: 10px;
  display: inline-block;
  text-align: center;
}
span.toolbar-button:hover {
  -moz-box-shadow: 0 2px 2px #ccc;
  -webkit-box-shadow: 0 2px 2px #ccc;
  box-shadow: 0 2px 2px #ccc;
}
div.recordlog {
  font-size: 11px;
  color: #666;
  padding: 8px 0 8px 5px;
}
div.recordlog div {
  padding-right: 20px;
  display: inline-block;
}
div.fixedTable_wrapper {
  overflow: visible;
}
table.appointment {
  word-wrap: break-word;
  table-layout: fixed;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid #999;
}
table.appointment th {
  text-align: center;
  font-size: 11px;
  background: #333;
  background-color: #333;
  color: #eee;
  padding: 0;
  border-right: 1px dotted #ccc;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
table.appointment td {
  text-align: right;
  border-bottom: 1px dotted #ccc;
  border-right: 1px dotted #ccc;
  vertical-align: top;
  padding: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
table.appointment td.showtime {
  text-align: right;
  font-size: 12px;
  font-weight: 700;
  background: #ededed;
}
div.appwrapper {
  position: relative;
}
div.app_record {
  color: #000;
  border: 2px solid #f9f9f9;
  z-index: 1;
  overflow: hidden;
  position: absolute;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.app_record:hover {
  cursor: pointer;
  border: 2px solid #000;
  z-index: 3;
}
span.display_vertical {
  display: block;
  text-align: center;
  padding: 0 2px;
  word-wrap: break-word;
}
div.statusdiv {
  width: 15px;
  height: 15px;
  display: inline-block;
}
div.app_record_print {
  color: #000;
  border: 1px solid #666;
  z-index: 1;
  overflow: hidden;
  position: absolute;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
div.fac_record {
  background-image: -webkit-gradient(
    linear,
    0 0,
    0 100%,
    color-stop(0.5, rgba(255, 255, 255, 0.2)),
    color-stop(0.5, transparent),
    to(transparent)
  );
  background-image: -moz-linear-gradient(
    rgba(255, 255, 255, 0.2) 50%,
    transparent 50%,
    transparent
  );
  background-image: -o-linear-gradient(
    rgba(255, 255, 255, 0.2) 50%,
    transparent 50%,
    transparent
  );
  background-image: linear-gradient(
    rgba(255, 255, 255, 0.2) 50%,
    transparent 50%,
    transparent
  );
  -webkit-background-size: 15px 15px;
  -moz-background-size: 15px 15px;
  background-size: 15px 15px;
  font-weight: 700;
}
.fc-widget-content {
  cursor: pointer;
  background-color: #fff;
}
.cell-selected {
  background: #fbc2c4 !important;
}
.cell-deselected {
  background: #fff;
}
.app-alert,
.app-warning {
  list-style-type: none;
  margin-bottom: 4px;
}
.app-warning {
  background: #fbe3e4;
  border: 2px solid #fbc2c4;
}
.app-alert {
  background: #fcfabd;
  border: 2px solid #fd6;
}
.app-alert div,
.app-warning div {
  padding: 10px 4px;
  font-size: 12px;
  font-weight: 700;
}
.app-alert a,
.app-warning a {
  font-size: 14px;
  font-weight: 700;
}
.app-warning a {
  color: #8a1f11;
}
.app-warning a:hover {
  color: #ed325e;
}
.app-alert ul {
  margin-top: 5px;
  margin-bottom: 5px;
}
.app-alert ul li {
  margin-left: 15px;
  padding: 2px;
}
table.replist {
  border-collapse: collapse;
  border: 1px solid #999;
  font-size: 10px;
}
table.replist th {
  background: #333;
  background-color: #333;
  color: #eee;
  border-right: 1px solid #ccc;
  text-align: center;
  border: 1px solid #999;
  padding: 1px 2px;
  font-size: 11px;
}
table.replist td {
  text-align: center;
  border: 1px solid #999;
  padding: 1px 2px;
}
table.replist td.right_1 {
  text-align: right;
  font-weight: 700;
  font-size: 12px;
}
table.replist td.right_2 {
  text-align: right;
  font-weight: 700;
}
table.replist td.right_3 {
  text-align: right;
  font-weight: 700;
  font-size: 11px;
}
table.replist td.center_1 {
  text-align: center;
  font-weight: 700;
  font-size: 12px;
}
table.replist td.center_2 {
  text-align: center;
  font-weight: 700;
}
table.replist td.center_3 {
  text-align: center;
  font-weight: 700;
  font-size: 11px;
}
div.report-header {
  text-align: center;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  margin-bottom: 5px;
  text-transform: uppercase;
  text-decoration: underline;
}
div.report-section-header1 {
  text-align: left;
  font-size: 12px;
  font-weight: 700;
  margin-top: 15px;
  margin-bottom: 10px;
  text-decoration: underline;
}
table.replist a {
  color: #028ad0;
  text-decoration: none;
}
table.replist a:focus,
table.replist a:hover {
  color: #09f;
}
table.replist tr.row2,
table.replist tr.row2-left {
  background-color: #e1e1e1;
  font-size: 11px;
}
table.replist tr.row2 td,
table.replist tr.row2-left td {
  font-weight: 700;
}
table.replist tr.row2-left td {
  text-align: left;
}
table.replist tr.row3 td {
  border: none;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
}
table.replist tr.row4 table {
  border: none;
  margin-bottom: 10px;
}
table.replist tr.row4 td.header {
  border-bottom: 3px double #999;
}
table.replist tr.row4 td {
  border: none;
}
table.replist td.highlighttd,
table.replist tr.highlight td {
  background: #e1e1e1;
}
table.replist tr.row5 td {
  border: 0;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  padding-bottom: 5px;
}
table.replist tr.row6 td {
  border: 1px solid #999;
  border-top: 3px solid #999;
}
table.replist input {
  box-shadow: none;
  text-align: center;
}
.printing-content {
  margin: 0 auto;
}
.A4-portrait-list {
  width: 210mm;
}
.A4-landscape-list {
  width: 297mm;
}
div.middle-copy {
  border-bottom: 1px dotted #000;
}
div.receipt {
  color: #000;
}
div.receipt table {
  width: 100%;
  table-layout: fixed;
  white-space: nowrap;
  font-size: 12px;
}
div.receipt table td,
div.receipt table th {
  padding: 1px 5px;
  font-size: 11px;
  vertical-align: middle;
  overflow: hidden;
  text-overflow: clip;
}
div.receipt_header td {
  vertical-align: bottom;
}
div.receipt_header table td {
  padding: 0 0 2px 0;
  font-size: 12px;
}
div.receipt_info {
  height: 9mm;
  border-top: 1px solid #000;
}
div.receipt_info.receipt-three-row {
  height: 13mm;
}
div.receipt_info table td.customerinfo {
  white-space: normal;
}
div.payment_body table,
div.receipt_body table {
  border-top: 1px solid #000;
  text-align: right;
}
div.payment_body th,
div.receipt_body table th {
  font-weight: 700;
  border: none;
  border-bottom: 3px double #000;
}
div.payment_body tr,
div.receipt_body table tr {
  height: 6mm;
}
div.receipt_body table tbody tr.emptyline {
  visibility: hidden;
}
div.receipt_body table span.payslip_figure {
  display: inline-block;
  width: 80px;
  text-align: right;
}
div.payment_body table {
  border: 1px solid #000;
}
div.payment_body ._left {
  text-align: left;
}
div.receipt_total {
  height: 27mm;
}
div.receipt_total_rounding_tax_by_payment,
div.receipt_total_tax_by_payment {
  height: 23mm;
}
div.receipt_total_rounding {
  height: 36mm;
}
div.receipt_total_payment {
  height: 14mm;
}
div.receipt_total_payment_tax_by_payment {
  height: 14mm;
}
div.receipt_total table {
  border-top: 1px solid #000;
  text-align: right;
}
div.receipt_total table td {
  font-size: 12px;
  text-align: right;
}
div.receipt_total table td:nth-child(1) {
  padding-right: 1px;
}
div.receipt_total table td:nth-child(2) {
  padding-left: 0;
  padding-right: 2px;
}
div.receipt_total table td.total {
  border: 1px solid #000;
  font-weight: 700;
  font-size: 13px;
}
div.receipt_total table td.paymentinfo {
  font-size: 11px;
  border-right: 1px solid #000;
  vertical-align: top;
  text-align: left;
  white-space: normal;
}
div.printing-content {
  font-size: 11px;
}
div.receipt-content-remark,
div.receipt-content-text-right {
  border-top: 1px solid #000;
  float: left;
}
div.receipt-content-remark {
  font-size: 11px;
}
div.receipt-content-text-right {
  font-size: 12px;
  text-align: right;
}
div.receipt-content-text-right.paymentinfo,
div.receipt-content.paymentinfo {
  white-space: normal;
}
div.inline-content {
  padding: 1px 5px;
}
div.inline-content div.total {
  width: 100%;
  border: 1px solid #000;
  padding: 1px 5px 1px 0;
  margin: -3px -5px -3px 0;
  font-weight: 700;
  font-size: 13px;
}
div.inline-content div.payment-total {
  width: 100%;
  border: 1px solid #000;
  padding: 1px 5px 1px 0;
  margin: -2px -5px 0 0;
  font-weight: 700;
  font-size: 13px;
}
table.receipt_loyalty_point tr {
  border-right: 1px solid #000;
}
table.receipt_footer td {
  vertical-align: bottom;
}
div.footertext,
table.receipt_footer td.footertext {
  text-align: left;
  white-space: nowrap;
  vertical-align: bottom;
  padding-top: 10px;
  overflow: visible;
}
table.receipt_footer td.pagenum {
  font-style: italic;
  text-align: right;
  vertical-align: bottom;
}
table.receipt_footer div.sign-box {
  border-bottom: 1px solid #000;
}
table.consultancy-table div.customer-signature,
table.receipt_footer div.customer-signature {
  width: 125px;
  display: inline-block !important;
}
table.consultancy-table div.customer-signature,
table.consultancy-table div.signature,
table.receipt_footer div.customer-signature,
table.receipt_footer div.signature {
  height: 51px;
}
table.consultancy-table div.signature img,
table.receipt_footer div.signature img {
  height: 50px;
}
div.receipt_footer div.customer-signature {
  width: 125px;
}
div.receipt_footer div.customer-signature,
div.receipt_footer div.signature {
  height: 51px;
}
div.consultancy-table div.signature img,
div.receipt_footer .signature img {
  height: 50px;
}
div.receipt_pos {
  color: #000;
}
div.receipt_pos table {
  width: 100%;
  table-layout: fixed;
}
div.receipt_pos table td {
  font-size: 12px;
  padding: 1px;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.receipt_pos_body {
  border-top: 1px solid #000;
}
div.receipt_pos_total {
  border-top: 3px double #000;
}
div.mailing {
  display: inline-block;
  overflow: hidden;
  float: left;
  text-align: center;
}
.mailing-span {
  display: table-cell;
  vertical-align: middle;
}
div.refheader {
  display: table-cell;
  width: 45mm;
  vertical-align: bottom;
  padding-bottom: 5px;
}
div.refheader table th {
  font-size: 18px;
  color: #999;
}
div.refheader table td {
  border-bottom: 1px solid #000;
}
div.podoinfo {
  border-top: 1px solid #000;
}
div.podoinfo table td {
  vertical-align: top;
  text-align: center;
}
div.podoinfo table td.title {
  border: 3px solid #fff;
  background-color: #ccc;
  color: #000;
}
.fill-in {
  border-bottom: 1px solid #000;
  width: 80px;
  text-align: center;
  display: inline-block;
}
.remark-box {
  border: 1px solid #000;
  min-height: 35px;
  height: 35px;
  height: auto !important;
  font-style: italic;
  padding: 2px;
}
div.receipt-info-mc {
  height: 20mm;
}
div.receipt-info-mc table td {
  font-size: 13px;
}
div.print-detail-area {
  border: 1px dashed #999;
  padding: 5px 10px;
}
span.receipt-total {
  font-weight: 700;
}
table.menu-page {
  text-transform: uppercase;
}
table.menu-page th {
  border: none;
  color: #666;
  padding-left: 15px;
  border-bottom: 3px solid #ccc;
}
span.button-title {
  display: block;
  margin-top: 10px;
  vertical-align: middle;
}
.menu-page {
  display: table;
  width: 100%;
}
.menu-page > div {
  display: table-cell;
}
.menu-nav {
  min-width: 48px;
  position: relative;
  vertical-align: middle;
  width: 48px;
}
.menu-nav .nav-anchor {
  background: #a2daf9;
  background-size: contain;
  cursor: pointer;
  height: 48px;
  width: 48px;
}
.menu-nav .nav-anchor:hover {
  background-color: #5abbf1;
}
.menu-nav .nav-anchor#nav-left-dir {
  background-image: url("../images/arrow_left.png");
}
.menu-nav #nav-right-dir {
  background-image: url("../images/arrow_right.png");
}
.menu-page #scroll-container {
  display: block;
  height: 130px;
  overflow: hidden;
  width: 100%;
}
#menu-page-container {
  height: 150px;
  overflow-y: hidden;
  position: relative;
  width: 100%;
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
#menu-page-container #menu-page-wrapper {
  margin-top: 9px;
  position: absolute;
  text-transform: uppercase;
}
.button-link-wrapper {
  float: left;
  padding-bottom: 0;
}
.issued-to-info {
  line-height: 1.15;
}
table.dashboard {
  margin-top: 10px;
}
table.dashboard td {
  text-align: center;
  vertical-align: top;
}
div.menu-divider {
  border: 1px solid #ddd;
  margin: 7px 4px 8px 4px;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#eee),
    to(#fff)
  );
  background: -moz-linear-gradient(center top, #eee, #fff) repeat-x scroll 0 0
    #eee;
  padding: 8px 12px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 10px 3px #ddd inset;
  -webkit-box-shadow: 1px 1px 10px 3px #ddd inset;
  box-shadow: 1px 1px 10px 3px #ddd inset;
}
div.dashboard-summary {
  border-bottom: 2px solid #ccc;
}
div.dashboard-summary table th {
  padding: 2px 6px;
  font-size: 16px;
  color: #fff;
}
div.dashboard-summary table td {
  padding: 15px 2px;
  font-size: 30px;
  color: #05547d;
  text-align: center;
}
div.dashboard-summary table th div {
  background: #333;
  padding: 6px;
}
div.chart-wrapper {
  margin: 8px 2px;
}
canvas.chart-canvas {
  background: #fff;
  padding: 4px 8px;
  border: 1px solid #ddd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
table.dashboard-list {
  margin: 4px;
}
table.dashboard-list td,
table.dashboard-list th {
  padding: 6px 4px;
  text-align: center;
}
table.dashboard-list th {
  background: #3893c8;
  color: #fff;
  border-bottom: 2px solid #888;
}
div.dashboard-list-title {
  text-decoration: underline;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
}
.dashboard-employee-performance {
  display: block;
  width: 100%;
  margin: 10px 0;
  text-align: center;
}
#monthly-employee-performance.messagebox,
#yearly-employee-performance.messagebox {
  margin: 5px 0;
}
table.sidebar-menu {
  margin-left: 5px;
}
table.sidebar-menu td {
  padding: 5px;
}
table.sidebar-menu .menu-title {
  font-size: 14px;
  text-transform: uppercase;
  vertical-align: middle;
  padding-left: 8px;
}
div.question {
  width: 98%;
  border-bottom: 1px dotted #ccc;
  padding: 8px 4px 2px 4px;
}
div.question-image {
  padding: 3px;
}
.grid-view table.items tr td {
  cursor: pointer;
}
.grid-view input,
.grid-view select,
.grid-view textarea {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}
.grid-view td {
  text-align: center;
}
.grid-view th input {
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.grid-view-loading {
  background: url(../images/gridview/loading.gif) no-repeat;
}
.grid-view {
  padding: 0 0;
}
.grid-view table.items {
  background: #fff;
  border-collapse: collapse;
  width: 100%;
  border: 1px #d0e3ef solid;
}
.grid-view table.items td,
.grid-view table.items th {
  font-size: 0.9em;
  border: 1px #fff solid;
  padding: 0.3em;
  text-align: center;
}
.grid-view table.items th {
  color: #fff;
  background: url(../images/gridview/bg.gif) repeat-x scroll left top #fff;
  text-align: center;
}
.grid-view table.items th a {
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.grid-view table.items th a:hover {
  color: #fff;
}
.grid-view table.items th a.asc {
  background: url(../images/gridview/up.gif) right center no-repeat;
  padding-right: 15px;
}
.grid-view table.items th a.desc {
  background: url(../images/gridview/down.gif) right center no-repeat;
  padding-right: 15px;
}
.grid-view table.items tr.even {
  background: #f8f8f8;
}
.grid-view table.items tr.odd {
  background: #e8f5fc;
}
.grid-view table.items tr.selected {
  background: #bce774;
}
.grid-view table.items tr:hover {
  background: #c8ecfe;
}
.grid-view .link-column img {
  border: 0;
}
.grid-view .button-column {
  text-align: center;
  width: 60px;
}
.grid-view .button-column img {
  border: 0;
}
.grid-view .checkbox-column {
  width: 15px;
}
.grid-view .summary {
  margin: 0 0 5px 0;
  text-align: right;
  font-size: 0.9em;
}
.grid-view .pager {
  margin: 10px 0 0 0;
  text-align: right;
  font-size: 0.9em;
}
.grid-view .empty {
  font-style: italic;
}
.grid-view .filters input,
.grid-view .filters select {
  width: 100%;
  border: 1px solid #ccc;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: none;
  margin: auto;
}
.gradient-button {
  padding: 5px 14px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  cursor: pointer;
  text-align: center;
  color: #2c2c2c;
  background: url("../images/overlay.png") repeat-x center #c5c5c5;
  background-color: #c5c5c5;
  border: 1px solid #b4b4b4;
  border-bottom: 1px solid #9f9f9f;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-weight: 700;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  margin: 0 1px;
}
.gradient-button:focus,
.gradient-button:hover {
  color: #3c3c3c;
  background-color: rgba(199, 199, 199, 0.8);
}
.gradient-button:active {
  position: relative;
  top: 1px;
}
ul.btn-link {
  position: absolute;
}
ul.btn-link a {
  font-weight: 400;
  font-size: 0.9em;
}
div.combo-links {
  display: inline-block;
}
div.split-btn {
  color: #2c2c2c;
  background: url("../images/overlay.png") repeat-x center #c5c5c5;
  background-color: #c5c5c5;
  border: 1px solid #b4b4b4;
  border-bottom: 1px solid #9f9f9f;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  height: 25px;
  vertical-align: middle;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 1em;
}
.splitbutton-select.ui-selectmenu-button.ui-button,
button.split-btn {
  color: #2c2c2c;
  background: url("../images/overlay.png") repeat-x center #c5c5c5 !important;
  background-color: #c5c5c5;
  border: 1px solid #b4b4b4 !important;
  border-bottom: 1px solid #9f9f9f;
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5) !important;
  height: 25px !important;
  vertical-align: middle !important;
  font-family: Arial, Helvetica, sans-serif !important;
  font-weight: 700 !important;
  font-size: 1em !important;
}
div.split-btn:hover {
  z-index: 1;
  background-color: rgba(199, 199, 199, 0.8);
  color: #3c3c3c;
}
.splitbutton-select.ui-selectmenu-button.ui-button:hover,
button.split-btn:hover {
  z-index: 1;
  background-color: rgba(199, 199, 199, 0.8);
  color: #3c3c3c;
}
div.split-btn:active {
  position: relative;
  top: 1px;
}
.splitbutton-select.ui-selectmenu-button.ui-button:active,
button.split-btn:active {
  position: relative;
  top: 1px;
}
.combo-links .ui-selectmenu-icon.ui-icon {
  margin-top: -8px;
}
.splitbutton-select.ui-button-icon-only,
.splitbutton-select.ui-selectmenu-button.ui-button {
  width: 1em;
}
.login {
  font-size: 18px;
  text-align: center;
  margin-top: 60px;
}
.login-table {
  display: inline-block;
  width: auto;
}
.login input {
  font-size: 18px;
  color: #999;
  background: #fff9df;
  border-color: #fd6;
  margin-bottom: 10px;
  padding: 0 10% 0 14px;
  width: 220px;
  -webkit-box-shadow: 0 0 0 1000px #fff9df inset;
}
.login-header {
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  color: #125e6e;
  margin-bottom: 0px;
}
.login .gradient-button {
  font-size: 18px;
}
div#userinfo {
  text-align: center;
  text-transform: uppercase;
  background: #75c4f1;
  padding: 12px 0;
  margin-bottom: 12px;
  border-bottom: 1px solid #8fbad3;
  -moz-box-shadow: 0 4px 3px #8fbad3;
  -webkit-box-shadow: 0 4px 3px #8fbad3;
  box-shadow: 0 4px 3px #8fbad3;
}
div#userinfo a {
  font-size: 14px;
  color: #05547d;
  text-shadow: 1px 1px 1px #25aae1;
}
div#userinfo a:hover {
  color: #063b56;
}
div#sidebar-branch {
  padding: 3px;
  background: #a2daf9;
  text-align: center;
  border-top: 1px solid #a2cee7;
  color: #05547d;
  text-shadow: 1px 1px 1px #25aae1;
  font-weight: 700;
}
div#sidebar-branch span {
  padding-left: 36px;
}
span#sidebar-branchimg {
  position: absolute;
  margin-top: -17px;
  margin-left: -74px;
}
div#sidebar-branch a {
  color: #05547d;
  text-shadow: 1px 1px 1px #25aae1;
}
div#sidebar-branch a:hover {
  color: #063b56;
}
div#ilucentlogo {
  margin: 5px 0 10px 0;
  padding: 0 1px 4px 1px;
  text-align: center;
}
div.self-entry,
table.self-entry {
  margin-bottom: 20px;
  margin-left: 10px;
  margin-right: 10px;
}
table.self-entry input[type="file"],
table.self-entry input[type="password"],
table.self-entry input[type="text"],
table.self-entry select,
table.self-entry textarea {
  padding: 3px 6px 3px 6px;
  font-size: 15px;
}
table.self-entry input[type="file"]:focus,
table.self-entry input[type="password"]:focus,
table.self-entry input[type="text"]:focus,
table.self-entry select:focus,
table.self-entry textarea:focus {
  border: 1px solid #fd6;
  background: none repeat scroll 0 0 #fff9df;
}
table.self-entry select {
  padding: 2px 4px 2px 4px;
}
table.self-entry a {
  font-size: 13px;
}
table.vertical-top tr td {
  vertical-align: top;
}
div.selfentry-header {
  text-align: left;
  background: #3893c8;
  padding: 5px 10px;
  margin: 5px 5px 8px 5px;
  font-size: 14px;
  color: #fff;
  font-weight: 700;
}
div.selfentry-detail {
  text-align: left;
  color: #212121;
  font-weight: 700;
  font-size: 11px;
  text-decoration: underline;
  margin-top: 3px;
}
div.selfentry-progress {
  margin: 5px 5px 10px 5px;
}
div.progress-bar {
  width: 100px;
  border-top: 10px solid #ccc;
  display: inline-block;
  text-align: center;
}
div.progress-bar-active {
  border-top: 10px solid #fd6;
}
div.progress-bar-inactive a {
  color: #888;
  cursor: default;
}
div.programme-div {
  text-align: left;
}
div.self-entry fieldset {
  border: 2px solid #e8f5fc;
  background: -moz-linear-gradient(center top, #fff, #e8f5fc) repeat-x scroll 0
    0 #e8f5fc;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#e8f5fc)
  );
}
.general-tooltip {
  background: #000;
  border: 2px solid #fff;
  color: #fff;
  padding: 5px 10px;
  box-shadow: 0 0 7px #000;
  min-width: 20px;
  border-radius: 8px;
  z-index: 32767;
}
.time-clock-list {
  text-align: center;
}
.time-clock-list div.user-list {
  display: block;
  width: 400px;
  height: 30px;
  margin: 10px auto;
  padding: 5px;
  border: 1px solid #dadada;
  color: #666;
  font-weight: 700;
  line-height: 30px;
  text-align: left;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  background: -moz-linear-gradient(center top, #fff, #f5f5f5) repeat-x scroll 0
    0 #f5f5f5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f5f5f5)
  );
}
.time-clock-list div.user-list:hover {
  color: #333;
}
.time-clock-list span {
  padding-left: 20px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 140px;
  display: inline-block;
}
.time-clock-list button {
  display: block;
  float: right;
  height: 100%;
}
.time-clock-list button:disabled {
  border: 1px solid #999;
  background: #eee;
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  color: #999;
}
table.receipt_payitem td,
table.receipt_payitem th {
  text-align: right;
}
div.payslip {
  border: 1px solid #000;
  height: 100%;
}
.fileupload-table {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin-top: 4px;
}
.fileupload-table td {
  padding: 4px;
}
div.fadebox {
  display: none;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  background: rgba(170, 170, 170, 0.4) url("../images/ajax-loader.gif") 50% 50%
    no-repeat;
  z-index: 1000;
}
table.employee-itemlist {
  padding: 0;
  margin: 0;
}
table.employee-itemlist td {
  border: none;
  padding: 1px 4px;
}
table.employee-itemlist td.employee-itemlist-small {
  font-size: 11px;
}
tr.employee-separator {
  height: 20px;
  background: #eee;
}
input[readonly] {
  outline: 0;
  border: none;
  background: 0 0;
  box-shadow: none;
}
.signed,
.signed:focus,
.signed:hover {
  background-color: green;
}
a.back-to-top {
  display: none;
  opacity: 0;
  width: 50px;
  height: 50px;
  position: fixed;
  transition: 1s;
  bottom: 30px;
  right: 35px;
  background: url("../images/icon_top.png") no-repeat;
}
a.back-to-top:hover {
  opacity: 0.8;
}
.report-image {
  float: left;
  padding-left: 10%;
  padding-right: 3%;
}
.report-title-container {
  float: left;
  max-width: 230px;
  width: 100%;
}
.report-title-name {
  text-align: left;
  font-size: 12px;
  padding: 10px 2%;
  word-wrap: break-word;
}
.yiiTab ul.tabs {
  font: inherit !important;
}
.yiiTab ul.tabs a {
  font-family: inherit !important;
}
.login-ilucentlogo {
  margin-bottom: 20px;
}
.login-title {
  color: #ffffff;
  text-transform: none;
  font-size: 1em;
}
.login-tff {
  color: #282828;
  letter-spacing: 1px;
  line-height: 15px;
}
.login-image {
  width: 100%;
  margin-bottom: 15px;
  margin-top: 15px;
}
.login-information {
  width: 50%;
  float: left;
}
#login-form-container {
  width: 100%;
  position: relative;
  text-align: center;
}
#login-form {
  border-right: 1px solid #ddd;
}
.loginimage {
  padding: 0 0 0 60px;
}
.login-wrap {
  max-width: 900px;
  width: 80%;
  margin: 0 auto;
}
.login-form-ps,
.login-form-user {
  line-height: 40px;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
.login-button {
  background: #4caf50;
  color: #fff;
  border: none;
  outline: 0;
  width: 100%;
  max-width: 275px;
  padding: 10px;
  font-size: 1em;
  margin: 0 0 10px 0;
  transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
}
.login-button:hover {
  background: #2f6a31;
  color: #fff;
}
.errorMessage {
  color: red;
  font-size: 0.9em;
}
.login-form-background {
  padding: 25px 0;
  position: relative;
  border: 3px solid #282828;
  border-radius: 12px;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  -o-border-radius: 12px;
  height: 350px;
  background-color: #282828;
}
.login-ps-icon,
.login-user-icon {
  position: relative;
  top: 7px;
  left: -10%;
}
.login-form-padding {
  padding: 4px 0;
}
.container-padding {
  padding: 0 60px;
}
#ir8a-mass-form select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
#ir8a-form-print {
  padding: 30px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.88em;
  font-weight: 400;
}
.ir8a-header {
  display: flex;
  font-weight: 700;
  font-size: 2.8em;
}
.ir8a-header {
  display: flex;
  font-weight: 700;
  font-size: 2.8em;
}
.ir8a-header-item {
  flex: 33%;
}
.ir8a-header-item.center {
  font-size: 0.8em;
  text-align: center;
  align-self: flex-end;
}
.ir8a-table,
.ir8a-table td {
  border: 1px solid #000;
}
.ir8a-table span {
  height: 12px;
  line-height: 12px;
}
.ir8a-table th {
  border: 1px solid #000;
  background: #000 !important;
  color: #fff !important;
  font-size: 1.15em;
  font-weight: 700;
}
.ir8a-table .ir8a-main-title th {
  text-align: center;
}
.ir8a-table .ir8a-subtitle th {
  text-align: left;
}
.ir8a-table .ir8a-subtitle td {
  border: 1px solid transparent;
  padding: 8px 0 8px 11px;
  border-bottom: 1px solid #000;
  font-size: 1em;
  font-weight: 700;
  text-align: justify;
}
.ir8a-subtitle th {
  text-align: left;
}
.ir8a-subtitle span {
  height: auto;
}
.ir8a-table span.subtitle-note {
  font-size: 0.85em;
  font-weight: 400;
}
.ir8a-table td {
  padding: 0 6px;
}
.ir8a-table span.input {
  padding-bottom: 3px;
}
.ir8a-table span.input::before {
  content: "\00a0";
}
.ir8a-general .ir8a-table span {
  display: block;
}
.ir8a-table span.item-title {
  font-weight: 700;
}
.ir8a-table.transparent-border td {
  padding: 0;
}
.ir8a-table span.currency_input {
  display: inline-block;
  width: 45px;
  text-align: right;
  border-bottom: 1px dashed #000;
}
.ir8a-table span.currency_input_final {
  display: block;
  width: 70px;
  text-align: right;
  margin: 0 auto;
  padding: 3px 15px;
  border-bottom: 1px dashed #000;
}
.ir8a-table span.name_input,
.ir8a-table span.name_input_extra_long,
.ir8a-table span.name_input_long,
.ir8a-table span.name_input_short {
  display: inline-block;
  text-align: center;
  border-bottom: 1px dashed #000;
}
.ir8a-table span.name_input {
  width: 120px;
}
.ir8a-table span.name_input_short {
  width: 60px;
}
.ir8a-table span.name_input_long {
  width: 240px;
}
.ir8a-table span.name_input_extra_long {
  text-align: left;
  width: 600px;
}
.ir8a-table span.curve_border {
  border: 1px solid #000;
  border-radius: 5px;
}
.ir8a-table .inner-table {
  width: 95%;
}
.ir8a-table .black-border td {
  padding: 2px 0 2px 8px;
}
.ir8a-footer-center {
  display: flex;
  justify-content: center;
}
.ir8a-footer-justify {
  display: flex;
  justify-content: space-between;
}
.display-initial {
  display: initial !important;
}
.strike-through {
  text-decoration: line-through;
}
table.transparent-border td {
  border-color: transparent;
}
table.black-border td {
  border-color: #000;
}
div.no-textoverflow table td {
  overflow: visible;
  text-overflow: clip;
  white-space: normal;
  vertical-align: top;
}
select.date-month {
  width: 100px;
}
select.date-year {
  width: 65px;
}
div.online-appointment-fadebox {
  display: none;
  opacity: 0.5;
  position: fixed;
  background: rgba(170, 170, 170, 0.4) url("../images/ajax-loader.gif") 50% 30%
    no-repeat;
  z-index: 1000;
  width: 100%;
  height: 100%;
}
div .oa-view {
  padding: 0;
  margin-bottom: 10px;
}
.oa-navigation-button {
  width: 100%;
  display: inline-block;
}
div .oa-step.progress-bar {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  line-height: 50px;
  width: 10%;
}
div .oa-progress {
  padding-bottom: 5px;
  margin-bottom: 5px;
}
div .oa-step.progress-bar-active {
  border: 1px solid #00aeef;
  width: 25%;
}
div .oa-progress .oa-step a {
  display: block;
}
div .ao-textfield {
  width: 70%;
  max-width: 200px;
}
.oa-container {
  text-align: center;
}
.oa-content {
  width: 100%;
  max-width: 650px;
  margin: 0 auto;
  -moz-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
  box-shadow: 0 8px 8px rgba(0, 0, 0, 0.2);
}
.oa-key {
  margin: 0 auto;
  line-height: 20px;
  max-width: 200px;
  text-align: right;
  font-size: 16px;
  padding-right: 5px;
}
.oa-key > label {
  font-weight: 400;
  vertical-align: middle;
}
#oa-page {
  margin: 0 auto;
  width: 100%;
  float: left;
}
#oa-footer {
  padding: 10px 0 10px 0;
  font-size: 0.8em;
  text-align: center;
  width: 100%;
  background-color: transparent;
}
.onlineapp-date-time {
  display: inline-block;
  width: 100%;
  max-width: 240px;
}
.onlineapp-time-detail {
  text-align: center;
  color: #222;
  font-weight: 400;
  font-size: 16px;
  border-bottom: 1px solid #e1e1e1;
  line-height: 30px;
  width: 200px;
  margin: 0 auto;
}
.onlineapp-time-ampm {
  display: inline-block;
  width: 100%;
  line-height: 35px;
}
.onlineapp-time-ampm a {
  font-weight: 400;
  font-size: 14px;
}
#onlineapp-datetime-container
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
  border-radius: 0;
  padding: 5px;
}
#onlineapp-datetime-container .ui-datepicker .ui-datepicker-header {
  background: 0 0;
  border-radius: 0;
  box-shadow: none;
}
#onlineapp-datetime-container .ui-datepicker thead th {
  background: 0 0;
}
.onlineapp-selfentry-header {
  font-size: 16px;
  text-align: left;
  line-height: 40px;
  padding: 0 10px;
}
.onlineapp-therapist {
  padding: 5px 8px;
  border: 2px solid #fff;
}
.onlineapp-therapist a {
  font-size: 16px;
}
.onlineapp-nopreference {
  border: none;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.onlineapp-therapistname {
  border: none;
  text-align: center;
  display: inline-block;
  width: 40%;
}
.oa-self-entry .onlineapp-nopreference,
.oa-self-entry .onlineapp-therapistname {
  margin: 10px 0;
  width: 30%;
}
.oa-self-entry fieldset {
  border-radius: 0;
  border: none;
  background: #f6f6f6;
  box-shadow: none;
}
div.form .errorSummary {
  margin-bottom: 5px;
}
.onlineapp-title {
  background-color: #666;
  color: #eee;
  font-weight: 400;
  text-align: center;
  line-height: 40px;
  font-size: 14px;
}
.oa-dropdownlist1 > select,
.oa-dropdownlist2 > select,
.oa-dropdownlist > select {
  font-size: 16px;
  box-shadow: none;
}
.onlineapp-formdesktop {
  width: 35%;
  float: left;
}
.onlineapp-formdesktop .onlineapp-selfentry-header {
  margin-top: 0 !important;
}
.onlineapp-customerform {
  line-height: 36px;
  margin: 0 auto;
  border-bottom: 1px solid #e1e1e1;
}
.onlineapp-key-form {
  text-align: right;
  width: 20%;
  padding-right: 10px;
  font-weight: 700;
}
.onlineapp-key-form > label {
  vertical-align: middle !important;
}
.onlineapp-key-formblank {
  width: 60% !important;
}
.onlineapp-desktopoff {
  display: none;
}
.oa-self-entry {
  margin: 10px 0;
}
.oa-self-entry.onlineapp-mobileoff {
  margin: 0 auto;
  min-height: 200px;
  padding-top: 10px;
}
.onlineapp-mobileoff fieldset {
  padding: 0;
  margin: 0 auto;
  background: 0 0;
}
.onlineapp-mobileoff table td {
  font-size: 16px;
}
.onlineapp-td-font {
  font-size: 14px;
}
.therapist {
  font-size: 16px;
  padding: 10px;
}
.therapist label {
  font-weight: 400;
}
.therapist select {
  width: auto;
  margin-top: 10px;
}
#MassOnlineAppointmentForm_date_container
  .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
  width: 100%;
  max-width: 240px;
  margin: 0 auto;
}
#client-appointment-complete-form .self-entry.printing-content {
  padding-bottom: 10px;
}
#onlineapp-suggestion-dialog {
  max-width: 540px;
  margin: 0;
}
.online-appointment-button {
  padding: 5px 14px;
  cursor: pointer;
  border: 1px solid #b4b4b4;
  background: -moz-linear-gradient(center top, #fff, #f5f5f5) repeat-x scroll 0
    0 #f5f5f5;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#fff),
    to(#f5f5f5)
  );
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5);
  display: inline-block;
  font-size: 1em;
  margin: 2px 15px;
}
.online-appointment-button:hover {
  background: -moz-linear-gradient(center top, #f5f5f5, #ddd) repeat-x scroll 0
    0 #ddd;
  background: -webkit-gradient(
    linear,
    left top,
    left bottom,
    from(#f5f5f5),
    to(#ddd)
  );
  background-color: rgba(199, 199, 199, 0.8);
}
.online-appointment-button:active {
  position: relative;
  top: 1px;
}
.online-appointment-suggestion {
  font-size: 12px;
}
.customer_info_form {
  width: 65%;
  display: inline-block;
}
#customer_detail_form {
  height: 100%;
}
#customer_detail_form .onlineapp-key-form {
  width: 30% !important;
}
div .oa-step.progress-bar.progress-bar-inactive {
  width: 10%;
}
#online-appointment-complete-logo.show-print-only {
  display: none;
}
#appointment-booking {
  padding: 0;
}
#appointment-booking .booking-alert {
  display: inline-block;
  width: 45%;
  padding: 0;
  vertical-align: top;
}
.oa-flat-button {
  font-size: 18px;
  text-transform: uppercase;
  color: #39f;
  transition: 0.5s;
  cursor: pointer;
  margin: 10px;
}
.oa-flat-button label {
  font-weight: 400;
  cursor: pointer;
  padding: 8px 10px;
  display: inline-block;
  transition: 0.5s;
  margin: 10px;
  font-size: 18px;
}
.oa-flat-button a {
  font-weight: 400;
  cursor: pointer;
  padding: 10px;
  display: inline-block;
  transition: 0.5s;
  font-size: 18px;
}
.oa-flat-back-button label {
  padding-left: 0;
}
.oa-flat-next-button label {
  padding-right: 0;
}
.oa-flat-cancel-button {
  width: 20%;
}
.oa-flat-cancel-button label {
  font-size: 15px;
  padding: 2px 8px;
}
.oa-flat-next-button label:after {
  content: "\00bb";
  position: relative;
  opacity: 0;
  top: 0;
  right: -10px;
  transition: 0.5s;
}
.oa-flat-back-button label:before {
  content: "\00ab";
  position: relative;
  opacity: 0;
  top: 0;
  left: -10px;
  transition: 0.5s;
}
.oa-flat-new-button a,
.oa-flat-print-button a {
  transition: 0.5s;
  font-size: 18px;
}
.oa-flat-new-button a:after {
  content: "Home";
  position: relative;
  opacity: 0;
  top: 0;
  right: -5px;
  transition: 0.5s;
}
.oa-flat-print-button a:before {
  content: "Print";
  position: relative;
  opacity: 0;
  top: 0;
  left: -5px;
  transition: 0.5s;
}
.oa-flat-next-button:hover,
.oa-flat-print-button a:hover {
  padding-right: 15px;
}
.oa-flat-back-button:hover,
.oa-flat-new-button a:hover {
  padding-left: 15px;
}
.oa-flat-back-button:hover label:before,
.oa-flat-new-button:hover a:after,
.oa-flat-next-button:hover label:after,
.oa-flat-print-button:hover a:before {
  opacity: 1;
}
.oa-progress :not(.progress-bar-active) a {
  opacity: 0.7 !important;
}
.oa-progress a:hover {
  opacity: 1 !important;
}
#employee-list {
  max-width: 600px;
  margin: 10px auto 0;
  text-align: center;
}
.employee-button {
  display: inline-block;
  margin: 5px 0;
  cursor: pointer;
  width: 150px;
  height: 150px;
}
.employee-container {
  display: inline-block;
  padding: 10px;
}
.employee-container:hover {
  box-shadow: 0 0 3px #39f;
  -webkit-box-shadow: 0 0 3px #39f;
  -moz-box-shadow: 0 0 3px #39f;
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.employee-icon {
  box-shadow: 0 0 2px #ccc;
  -webkit-box-shadow: 0 0 2px #ccc;
  -moz-box-shadow: 0 0 2px #ccc;
}
.selected-employee {
  border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}
.question textarea {
  height: auto;
}
.consultancy-signature-btn {
  text-align: center;
}
.consultancy-signature-btn .gradient-button {
  max-width: 60px;
  width: auto;
  padding: 0;
}
.consultancy-table th {
  background: #dfdfdf;
  font-weight: 700;
}
.consultancy-table table,
.consultancy-table td,
.consultancy-table th {
  border: 1px solid #888;
  border-radius: 5px;
}
.time-sheet {
  display: block;
  width: 100%;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 10px 0;
}
ul {
  list-style: none;
}
.time-sheet ul li a {
  color: #1a93d0;
  padding: 10px 0;
  text-decoration: none;
  border: 1px solid #ddd;
  border-radius: 2px;
  width: 100%;
  display: block;
}
.time-sheet ul {
  float: left;
  padding: 0 4% 0 0;
  width: 100%;
}
.time-sheet ul li {
  float: left;
  margin-left: 2.5%;
  text-align: center;
  margin-bottom: 0;
  width: 30%;
  cursor: pointer;
  padding: 5px 0 0;
}
.time-sheet ul li a:active {
  box-shadow: inset 0 0 15px #ccc;
  -webkit-box-shadow: inset 0 0 15px #ccc;
  -moz-box-shadow: inset 0 0 15px #ccc;
}
.time-sheet ul li a:hover {
  text-decoration: none;
  border-color: #bbb;
  box-shadow: 0 0 3px #39f;
}
.read-more-trigger {
  cursor: pointer;
  display: none;
  margin: 15px 0 10px 0;
  padding: 0 0.5em;
  color: #666;
  font-size: 0.9em;
  line-height: 2;
  border: 1px solid #ddd;
  border-radius: 0.25em;
}
.read-more-trigger:hover {
  background: #eee;
  box-shadow: 0 0 3px #ccc;
}
.employee-list-error {
  background: #fee;
}
#time-sheet-0 .read-more-trigger:before,
#time-sheet-1 .read-more-trigger:before,
#time-sheet-2 .read-more-trigger:before {
  content: "Show More \21D3";
  white-space: pre;
}
#time-sheet-0 .read-more-state:checked ~ .read-more-trigger:before,
#time-sheet-1 .read-more-state:checked ~ .read-more-trigger:before,
#time-sheet-2 .read-more-state:checked ~ .read-more-trigger:before {
  content: "Show Less \21D1";
  white-space: pre;
}
.read-more-state,
.time-sheet ul li.read-more-target a {
  display: none;
}
.time-sheet ul li.read-more-target {
  opacity: 0;
  max-height: 0;
  font-size: 0;
  padding: 0;
  margin: 0;
  transition: 0.8s ease-out;
}
#post-0:checked ~ .afternoon .read-more-target,
#post-0:checked ~ .evening .read-more-target,
#post-0:checked ~ .morning .read-more-target,
#post-1:checked ~ .afternoon .read-more-target,
#post-1:checked ~ .evening .read-more-target,
#post-1:checked ~ .morning .read-more-target,
#post-2:checked ~ .afternoon .read-more-target,
#post-2:checked ~ .evening .read-more-target,
#post-2:checked ~ .morning .read-more-target {
  opacity: 1;
  font-size: inherit;
  max-height: 100%;
  padding: 5px 0 0;
}
#post-0:checked ~ .afternoon .read-more-target a,
#post-0:checked ~ .evening .read-more-target a,
#post-0:checked ~ .morning .read-more-target a,
#post-1:checked ~ .afternoon .read-more-target a,
#post-1:checked ~ .evening .read-more-target a,
#post-1:checked ~ .morning .read-more-target a,
#post-2:checked ~ .afternoon .read-more-target a,
#post-2:checked ~ .evening .read-more-target a,
#post-2:checked ~ .morning .read-more-target a {
  display: block;
}
.time-sheet.error {
  border: 1px solid #c00;
}
.employee-no-image-button {
  display: inline-block;
  margin: 5px 0;
  cursor: pointer;
  width: 150px;
  height: 45px;
}
#cancel-booking-content .header {
  width: 35%;
}
.hidden-timeslot {
  pointer-events: none;
}
.hidden-timeslot a {
  color: #eee !important;
}
#service-programme-error-message.error-message {
  padding: 0 10px;
  font-size: 100%;
}
#daily_sale_performance.chart-canvas,
#upcoming_appointment.chart-canvas {
  width: 100% !important;
  max-width: 470px;
  height: 100% !important;
}
#report-menu.navigation {
  position: absolute;
  display: inline-block;
  background: #fff;
}
#report-menu.navigation .combo-links {
  margin: 0 2px 2px 0;
}
#report-menu.navigation .combo-links:last-child {
  margin-right: 0;
}
#report-menu.navigation .report-fieldset {
  margin: 0;
}
#report-categery .report-subheaderortview .report-subheaderortview-title {
  font-size: 18px;
  padding: 8px 0;
}
#report-categery .reportview .reportview-fieldset {
  background: -webkit-gradient(
    linear,
    center top,
    center bottom,
    from(#f5f5f5),
    color-stop(50%, #fff),
    to(#f5f5f5)
  );
}
#report-categery .reportview .reportview-fieldset .menu-page .report-subheader {
  border-bottom: 1px solid #ddd;
  padding: 4px 10px;
  font-weight: 700;
  color: #666;
}
.expired {
  color: red;
}
#coupon_img,
#package_img,
#retail_product_img,
#salon_product_img,
#service_img {
  width: 100%;
  max-width: 200px;
  display: inline-block;
}
.ui-menu {
  max-height: 500px;
  overflow: auto;
}
.shortcut-container {
  counter-reset: user-shortcut-counter;
  font-size: 14px;
  margin: 0 auto;
  max-width: 1280px;
  min-width: 755px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shortcut-container > div {
  display: table-cell;
}
.shortcut-user-wrapper {
  padding-right: 2%;
  width: 38%;
}
.shortcut-list-wrapper {
  width: 60%;
}
.shortcut-fieldset {
  border: 1px solid #ededed;
  border-radius: 5px;
  box-shadow: 3px 3px 4px #f4f5f6;
  margin: 0 0 10px 0;
  padding: 6px;
}
.shortcut-user-wrapper .shortcut-fieldset {
  background: #e2e2e2;
}
.shortcut-list-wrapper .shortcut-fieldset {
  background: #f7f7f7;
}
.shortcut-panel-title {
  font-weight: 700;
}
.shortcut-panel-title span {
  color: #898989;
  font-weight: 400;
}
.user-shortcut-list {
  height: 550px;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.shortcut-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #dedede;
  border-radius: 5px;
  box-sizing: border-box;
  cursor: move;
  line-height: 45px;
  min-height: 45px;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  perspective: 1000;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.shortcut-fieldset .shortcut-item:hover {
  background: #fff;
}
.shortcut-item .shortcut-item-title {
  display: inline-block;
  margin-left: 15px;
  padding-left: 30px;
}
.shortcut-item-list .shortcut-item {
  display: inline-block;
  margin: 5px;
  width: 47%;
}
.user-shortcut-list .shortcut-item {
  display: inline-block;
  background: #f5f5f5;
  counter-increment: user-shortcut-counter;
  margin: 5px 0;
  width: 100%;
}
.user-shortcut-list .shortcut-item::before {
  background: #559ac1;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  color: #fff;
  content: counter(user-shortcut-counter);
  display: inline-block;
  text-align: center;
  width: 35px;
}
#user-hint {
  background: #969696;
  border: 2px dashed #dedede;
  box-sizing: border-box;
  color: #fff;
  display: block;
  height: 100%;
  line-height: 550px;
  opacity: 0.5;
  overflow: hidden;
  position: absolute;
  text-align: center;
  width: 100%;
  font-size: 20px;
  z-index: 30;
}
#clear-shortcut {
  color: #ff3e3e;
  float: right;
  font-size: 14px;
}
.gu-mirror {
  position: fixed !important;
  margin: 0 !important;
  z-index: 9999 !important;
  opacity: 0.8;
}
.gu-hide {
  -webkit-transform: translateX(-9999px) !important;
  -moz-transform: translateX(-9999px) !important;
  -ms-transform: translateX(-9999px) !important;
  transform: translateX(-9999px) !important;
}
.gu-unselectable {
  -webkit-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
}
.gu-transit {
  opacity: 0.2;
}
.appt-ordering-container {
  min-width: 706px;
}
.clear-all-button,
.default-button,
.reset-button {
  display: none;
}
.clear-all-button button,
.default-button button,
.reset-button button {
  color: #333;
  cursor: pointer;
  font-size: 100%;
  line-height: 15px;
  margin: 0 0 2px 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 90%;
}
.display-date {
  background: #333;
  color: #fff;
  display: inline-block;
  font-size: 15px;
  width: 125px;
}
.display-date-today-button {
  line-height: 28px;
  padding: 5px 0;
}
.day-column {
  background: #f7f7f7;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
  margin: 0 3px;
}
.day-column:hover {
  background: #eff;
}
.day-column:hover .day-label {
  background: #eff;
}
.day-column:hover .display-list {
  background: #adf;
}
.day-label {
  background: #e6e6e6;
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  color: #333;
  padding: 2px;
  text-align: center;
}
.display-list {
  background: #e6e6e6;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #333;
  cursor: move;
  display: inline-block;
  line-height: 22px;
  margin: 2%;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: center;
  width: 90%;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.display-list span {
  padding: 2px 3px;
}
.dim {
  background: #bbb !important;
  cursor: not-allowed;
}
.dim .day-label {
  background: #bbb !important;
  color: #666;
}
.dim .ordering-column .display-list {
  background: #bbb;
  color: #666;
  border: 1px solid #999;
  cursor: not-allowed;
}
.each-day-container {
  display: inline-block;
  margin: 0.1%;
  width: 13.6%;
}
.employee-list-container {
  background: #eff;
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  max-height: 88px;
  min-height: 26px;
  overflow-y: auto;
  padding: 3px 0;
  text-align: center;
}
.employee-list-label {
  background: #8cf;
  line-height: 20px;
  color: #333;
  text-align: center;
}
.glow {
  background: #eff !important;
  box-shadow: 0 0 8px #666;
  cursor: default;
}
.glow .all-buttons {
  height: 70px;
  margin-top: 5px;
}
.glow .clear-all-button,
.glow .default-button,
.glow .reset-button {
  display: inline;
}
.glow .day-label {
  background: #8cf !important;
  color: #057;
}
.glow .ordering-column {
  height: auto;
}
.glow .ordering-column .display-list {
  background: #adf;
}
.glow .ordering-column .display-list:hover {
  background: #cef;
}
.glow .ordering-column-container {
  height: 200px;
}
.gu-transit {
  width: 90% !important;
}
.hidden {
  display: none;
}
.inactive-column {
  cursor: pointer;
}
.invisible {
  visibility: hidden !important;
}
.log-style {
  color: #666;
  font-size: 9px;
  min-height: 30px;
  padding: 2px;
}
.name-list {
  background: #adf;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  color: #333;
  cursor: move;
  display: inline-block;
  line-height: 22px;
  margin: 0.2%;
  min-width: 92px;
  overflow: hidden;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 13.5%;
}
.name-list:hover {
  background: #cef;
}
.name-list span {
  padding: 2px 3px;
}
.ordering-column {
  display: block;
  min-height: 160px;
  height: auto;
  padding: 10px 5px 30px 5px;
}
.ordering-column-container {
  display: block;
  height: 275px;
  overflow-y: auto;
}
.repeated {
  cursor: not-allowed;
  background: #bbb !important;
}
.selected-week td button {
  background: #cfc;
}
.today-button {
  display: inline-block;
  font-size: 12px;
  margin: 0 0 0 5px;
}
.unpublish {
  background: #dbb !important;
}
.week-days-label {
  background: #8cf;
  line-height: 20px;
  color: #333;
  text-align: center;
}
#drag-here {
  color: #bef;
  font-size: 20px;
  padding: 5px;
  margin-top: 50px;
}
#week-days-container {
  border: 1px solid #8cf;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  margin: 10px 0;
}
#wrapper {
  display: inline-block;
  margin: 5px 0;
  text-align: center;
  width: 100%;
}
.audit-trail table td {
  border: 0;
  padding: 3px 5px;
}
.expandable {
  max-height: 120px;
  position: relative;
  overflow: hidden;
}
.expandable .expand-content {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  text-align: center;
  margin: 0;
  padding: 10px 0;
  background-image: linear-gradient(to bottom, transparent, #fff);
  min-height: 30px;
}
.expand-button {
  display: none;
  margin: 0 auto;
}
.expandable:hover .expand-content .expand-button {
  display: block;
}
.expandable.expanded {
  max-height: none;
  overflow: auto;
}
.expandable.expanded .expand-content {
  background-image: none;
}
.audit-user {
  font-weight: 700;
}
.audit-attribute {
  font-style: italic;
}
@media print {
  #online-appointment-complete-logo.show-print-only {
    display: inline-table;
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1024px) {
  .ui-menu {
    max-height: 400px;
    max-width: 185px;
  }
  a.back-to-top {
    transform: scale(1.2, 1.2);
    right: 50px;
    bottom: 50px;
  }
  #login-form {
    border-right: none;
  }
  .login input {
    width: 65%;
  }
  .login-button {
    width: 80%;
  }
  .loginimage {
    padding: 0 0 0 40px;
  }
}
@media (max-width: 968px) {
  .login-button {
    width: 84%;
  }
  .login input {
    width: 68%;
  }
  .login-ps-icon,
  .login-user-icon {
    left: -12%;
  }
}
@media (max-width: 800px) {
  .login-wrap {
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 700px) {
  .login-ps-icon,
  .login-user-icon {
    left: -14%;
  }
}
@media (max-width: 640px) {
  .login {
    margin-top: 10px;
  }
  .login-wrap {
    width: 90%;
    margin: 0 auto;
  }
  .container-padding {
    padding: 0 30px;
  }
}
@media (max-width: 600px) {
  .login-ps-icon,
  .login-user-icon {
    left: -17%;
  }
  .login-title {
    font-size: 1em;
  }
  .onlineapp-desktopoff {
    display: block;
  }
  .onlineapp-key-formblank {
    width: 65% !important;
  }
  .onlineapp-key-form {
    text-align: right;
    width: 35% !important;
    vertical-align: middle;
    padding-right: 10px;
    font-weight: 700;
  }
  .oa-self-entry .onlineapp-therapistname {
    width: 50%;
  }
  .oa-self-entry .onlineapp-nopreference {
    width: 100%;
  }
  .onlineapp-time-ampm {
    line-height: 60px;
  }
  .onlineapp-formdesktop {
    width: 100%;
    float: none;
  }
  .onlineapp-mobileoff {
    display: none;
  }
  .onlineapp-selfentry-header {
    background: #3893c8;
    font-size: 14px;
    color: #fff;
    text-align: center;
  }
  .oa-entry-content {
    margin: 0 auto;
  }
  div .oa-progress {
    margin: 0;
    border-bottom: 2px solid #e1e1e1;
  }
  div .oa-step.progress-bar {
    border: 1px solid #ccc;
    display: inline-block;
    text-align: center;
    width: 12%;
    margin-bottom: 5px;
    line-height: 30px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: transparent;
  }
  div .oa-step.progress-bar.progress-bar-active {
    border: 1px solid #00aedf;
    width: 45%;
  }
  div .oa-step.progress-bar.progress-bar-inactive {
    color: #888;
    cursor: default;
    width: 10%;
  }
  div .oa-dropdownlist,
  div .oa-dropdownlist2,
  div .oa-dropdownlist > select {
    width: 100%;
    display: inline-block;
  }
  div .oa-dropdownlist2 > select {
    width: 85%;
  }
  .oa-self-entry .oa-dropdownlist select {
    text-indent: 50%;
    height: 32px;
  }
  div .oa-dropdownlist2 > select {
    font-size: 14px;
    float: right;
    height: 32px;
  }
  div .oa-number {
    margin: 0 8px;
    font-size: 16px;
    line-height: 2.5;
  }
  div .ao-detail {
    display: none;
  }
  div .ao-textfield {
    width: 100%;
  }
  div.buttons div.toolbar-box {
    margin-bottom: 0 !important;
    border: none;
  }
  .buttons {
    margin-bottom: 0;
  }
  .oa-key {
    display: inline-block;
    width: 100%;
    text-align: center;
  }
  #onlineapp-datetime-container .ui-datepicker .ui-datepicker-header {
    border: none !important;
    border-radius: 0 !important;
  }
  #onlineapp-datetime-container
    .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    border: none;
    padding: 0;
    width: 100%;
    margin: 0 auto;
  }
  #onlineapp-datetime-container.onlineapp-date-time {
    max-width: 100%;
    padding: 0;
    text-align: center;
    float: none !important;
  }
  #onlineapp-datetime-container .ui-state-default {
    height: 40px;
    text-align: center;
    line-height: 3;
    background: 0 0;
    color: #028ad0 !important;
    font-size: 14px;
  }
  #onlineapp-datetime-container
    .ui-datepicker-unselectable.ui-state-disabled
    .ui-state-default {
    color: #ccc;
  }
  #onlineapp-datetime-container
    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    border: none;
    margin-bottom: 5px;
    background: 0 0;
  }
  #onlineapp-datetime-container .ui-datepicker-next,
  #onlineapp-datetime-container .ui-datepicker-prev {
    height: 2.2em;
  }
  #onlineapp-datetime-container .ui-datepicker-calendar th {
    background: #e5f7fd !important;
  }
  .onlineapp-time-detail {
    margin-top: 3px;
    padding-top: 10px;
    font-size: 14px;
    border: none;
    line-height: 1;
  }
  #onlineapp-suggestion-dialog {
    max-width: 300px !important;
    padding: 0 !important;
  }
  #MassOnlineAppointmentForm_date_container
    .ui-datepicker-inline.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all {
    max-width: 100% !important;
    background: 0 0 !important;
  }
  #MassOnlineAppointmentForm_date_container .ui-datepicker-title select {
    font-size: 18px;
  }
  #MassOnlineAppointmentForm_date_container
    .ui-datepicker-header.ui-widget-header.ui-helper-clearfix.ui-corner-all
    a {
    margin-top: 5px;
  }
  .therapist select {
    font-size: 18px;
    width: 300px;
    margin: 5px 0;
    text-indent: 30%;
    height: 32px;
  }
  .therapist {
    margin: 20px auto 30px auto;
    padding: 0;
    border: none;
  }
  .customer_info_form {
    width: 100%;
  }
  .oa-flat-button {
    margin: 1.5% 2.4%;
    width: 95%;
  }
  .oa-flat-back-button:hover,
  .oa-flat-button label,
  .oa-flat-next-button:hover {
    padding: 0;
    font-size: 18px;
  }
}
@media (max-width: 527px) {
  .login input {
    width: 65%;
  }
}
@media only screen and (max-width: 480px) {
  .login input {
    width: 85%;
  }
  .login-user-icon {
    position: absolute;
    left: 90%;
    top: 35px;
  }
  .login-ps-icon {
    position: absolute;
    top: 95px;
    left: 90%;
  }
  .login-wrap {
    width: 90%;
    margin: 0 auto;
  }
  #login-form-container {
    width: 100%;
    background: 0 0;
    border-right: none;
    float: none;
  }
  .login-button {
    width: 100%;
    max-width: 100%;
  }
  .login-information {
    width: 100%;
    float: none;
  }
  .login-form-background {
    height: auto;
  }
  .loginimage {
    padding: 0;
  }
}
@media (max-width: 400px) {
  .login-ps-icon,
  .login-user-icon {
    left: 89%;
  }
}
@media (max-width: 320px) {
  .login input {
    width: 79%;
  }
  .login-ps-icon,
  .login-user-icon {
    left: 87%;
  }
}
#sale-setting-form .status-off,
#submit-sale-form .status-fail {
  color: red;
}
#sale-setting-form .status-on,
#submit-sale-form .status-success {
  color: #080;
}
#sale-setting-form .status,
#submit-sale-form .status {
  font-weight: 700;
  font-size: 14px;
}
#customer-form .date-wrapper {
  overflow: auto;
  width: 225px;
}
#customer-new-entry-form .date-wrapper,
#customer-new-entry-submission-form .date-wrapper,
.customer-form .date-wrapper {
  overflow: auto;
  width: 300px;
}
#customer-form .day-month-year-field,
#customer-new-entry-form .day-month-year-field,
#customer-new-entry-submission-form .day-month-year-field,
.customer-form .day-month-year-field {
  text-align: center;
  width: 33.33333333%;
  float: left;
}
#customer-form .day-month-year-field select,
#customer-new-entry-form .day-month-year-field select,
#customer-new-entry-submission-form .day-month-year-field select,
.customer-form .day-month-year-field select {
  width: 100%;
}
#customer-form .day-month-year-field a {
  font-size: 100%;
  line-height: 21px;
}
#customer-new-entry-form .day-month-year-field a,
#customer-new-entry-submission-form .day-month-year-field a,
.customer-form .day-month-year-field a {
  font-size: 100%;
  line-height: 24px;
}
#submit-sale-form .status-fail {
  color: red;
}
#submit-sale-form .status-success {
  color: #080;
}
#submit-sale-form .status {
  font-weight: 700;
  font-size: 14px;
}
.barcode-item {
  display: block !important;
  margin-top: 5px !important;
}
.barcode-item-update {
  display: block !important;
  margin-bottom: 5px !important;
}
#pin-verification-dialog-content,
#pin-verification-dialog-content .form {
  height: 100%;
}
#pin-verification-form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.connected {
  background: #7f2;
}
.error-connection {
  background: #f10 !important;
}
.commission-allocation-row {
  cursor: pointer;
  line-height: 30px;
}
.commission-allocation-row:hover {
  background-color: #e8f5fc;
}
.customer-portal-setting-img {
  width: 100%;
  max-width: 300px;
  display: inline-block;
}
.online-status {
  color: #fff;
  background-color: #319fd3;
  padding: 5px;
}
.dialog-no-close .ui-dialog-titlebar-close {
  display: none;
}

.text-danger{
margin-top:10px;
font-size: 12px;
color: #ff0000;

}

.text-success{
  margin-top:10px;
  font-size: 12px;
color: #44cc00;

}