body {
  font-size: 15px !important;
}

* {
  font-family: 'nimbus-sans',Roboto, "Helvetica Neue", sans-serif;
}

@font-face {
  font-family: "dresden";
  src: url("../fonts/dresden.eot");
  src: url("../fonts/dresden.eot?#iefix") format("embedded-opentype"), url("../fonts/dresden.woff") format("woff"), url("../fonts/dresden.ttf") format("truetype"), url("../fonts/dresden.svg#dresden") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "dresden" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "dresden" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-add:before {
  content: "\61";
}

.icon-prev:before {
  content: "\67";
}

.icon-search:before {
  content: "\68";
}

.icon-next:before {
  content: "\69";
}

.icon-plus:before {
  content: "\61";
}

.icon-add:before {
  content: "\62";
}

.icon-account-2:before {
  content: "\63";
}

/* 16-05-2017 Helvetica Neue */
.font-20 {
  font-size: 20px;
}

.font-18 {
  font-size: 18px;
}

.font-16 {
  font-size: 16px;
}

.font-14 {
  font-size: 14px;
}

.font-12 {
  font-size: 12px;
}

.div-size-detail {
  margin-bottom: 10px;
}

.has-navbar .md-toolbar-tools {
  padding: 0 5px 0 10px;
}

.md-toolbar-tools {
  font-size: 14px;
}

.md-toolbar-tools .md-button.nav-step-sale {
  margin-right: 5px;
}

.md-toolbar-tools .md-button.nav-step-sale.new-style-button {
  height: 36px;
  border-radius: 3px;
  font-size: 12px;
  font-family: "Open Sans";
  line-height: 36px;
  margin-left: 5px;
}

.md-toolbar-tools .md-button.nav-step-sale.new-style-button span {
  text-transform: uppercase;
}

.md-toolbar-tools .md-button.nav-step-sale.new-style-button--ml-30 {
  margin-left: 30px;
}

.background-size {
  background-color: #e1e1e1;
  border-radius: 8px;
  height: 40px;
  padding-top: 10px;
}

.frame-size-style {
  margin-left: 10px;
  margin-right: 10px;
}

.search-name-type {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.search-name-type .md-select-value .md-select-icon {
  width: 13px;
  height: 28px;
}

.search-name-type .md-select-value .md-select-icon:after {
  content: " " !important;
  width: 13px;
  height: 8px;
  top: 12px;
  transform: none;
  background-image: url("../images/row-down.svg");
  background-size: contain;
  background-repeat: no-repeat;
  right: -2px;
}

.search-name-color {
  margin-right: 0 !important;
}

.md-button {
  box-shadow: none !important;
}

.no-margin {
  margin: 0;
}

.new-sale-list-customer > .md-padding {
  padding-top: 0;
}

.style-search {
  border-radius: 0;
  background-color: none;
}

.md-input-container.md-input-focused {
  /*transform: :translated3d(0,3px,0) scale(0.75);*/
}

.icon-search-in-button {
  font-size: 20px;
  margin-left: -3px;
}

.table-new-sale-customer table.md-table th.md-column {
  padding: 0 10px !important;
}

.table-new-sale-customer table.md-table td.md-cell {
  font-size: 14px;
  padding-top: 9px;
  padding-bottom: 9px;
  padding-left: 10px !important;
  padding-right: 10px;
}

.customer-padding.md-button {
  padding: 0 6px !important;
}

.md-padding {
  padding: 10px;
}

.scrollable-area {
  width: 100%;
  overflow-x: auto;
}

.new-sales-block {
  padding-left: 10px;
}

#page-ui-view {
  padding-top: 0;
}

.md-undo-padding {
  margin-left: -10px !important;
  margin-right: -10px !important;
}

.md-toolbar-tools {
  padding: 0 10px;
}

.create-new-customer .frm-new-customer-line moe-input md-input-container, .create-new-customer .frm-new-customer-line .moe-input md-input-container {
  margin-right: 0;
  margin-left: 10px;
}

.create-new-customer .frm-new-customer-line moe-input:first-child md-input-container, .create-new-customer .frm-new-customer-line .moe-input:first-child md-input-container {
  margin-left: 0;
  margin-right: 10px;
}

.marketing-new-customer {
  padding-left: 0;
  padding-right: 0;
  margin-top: 14px;
  padding-bottom: 0px;
}

.marketing-new-customer md-input-container {
  margin-left: 0;
}

.note-new-customer {
  padding: 5px 0 10px 0;
  font-size: 11px;
}

/* radio */
.radio-new-sale {
  margin: 10px 0;
  padding: 0 10px;
}

/* checkbox */
md-checkbox .md-container {
  width: 17px !important;
  height: 17px !important;
}

md-checkbox .md-label {
  margin-left: 27px !important;
}

md-checkbox .md-icon {
  width: 17px !important;
  height: 17px !important;
  border-width: 1px;
  background: #d8d8d8;
  border-color: #979797;
}

md-checkbox.md-checked .md-icon:after {
  top: 1px;
  left: 5.5px;
}

md-checkbox.md-default-theme.md-warn.md-checked:not([disabled]) .md-icon, md-checkbox.md-warn.md-checked:not([disabled]) .md-icon {
  background-color: #9c9c9c;
}

.new-sale-prescription .sub-toolbar .md-icon-button {
  margin-right: 0;
}

.new-sale-prescription .sub-toolbar .md-icon-button .material-icons {
  margin-top: -4px;
  margin-left: -1.5px;
}

.left-new-prescription {
  padding-top: 20px;
  padding-bottom: 29px;
}

.prescription-note-align {
  margin-top: 11px;
}

.prescription-note-align md-input-container {
  margin-bottom: 0;
}

.prescription-note-align md-input-container textarea.md-input {
  height: 130px !important;
}

.left-box-prescription {
  width: 100%;
  padding-right: 100px;
  box-sizing: border-box;
}

.left-box-prescription md-input-container {
  padding-bottom: 2px !important;
}

.right-box-prescription {
  width: 90px;
  position: absolute;
  top: 0;
  right: 0;
}

.create-new-pd {
  padding-top: 40px;
}

.create-new-pd moe-input md-input-container {
  margin-left: 0;
}

.create-new-pd .customize-padding {
  padding-left: 15px;
}

.note-creat-new-pd {
  margin-top: 0px;
}

.note-creat-new-pd textarea {
  height: 146px;
}

.left-new-pd {
  padding-bottom: 22px;
}

.new-sale-pd .sub-toolbar .md-icon-button {
  margin-right: 0;
}

.new-sale-pd .sub-toolbar .md-icon-button .material-icons {
  margin-top: -4px;
  margin-left: -1.5px;
}

.len-new-sales .slt-color {
  min-width: 150px;
}

.len-new-sales .slt-color md-input-container {
  margin-top: 0;
}

.low-hight-shift {
  padding-top: 10px;
  padding-left: 20px;
  padding-right: 20px;
  border-radius: 8px;
  background: #e1e1e1;
  height: 30px;
}

.shopping-box h3 {
  margin-top: -10px;
}

/* new sale | prescription */
.prescription-min-width {
  min-width: 300px;
}

.type-min-width {
  min-width: 110px;
  padding-right: 10px !important;
}

.created-by-min-width {
  min-width: 110px;
  padding-right: 10px !important;
}

.date-min-width {
  min-width: 180px;
  padding-right: 10px !important;
}

.action-min-width {
  min-width: 100px;
}

.src-prescription .pre-src-acronym {
  min-width: 20px;
  line-height: 20px;
  display: inline-block;
  text-align: center;
}

.prescription-overview > span {
  display: inline-block !important;
  margin-right: 8px;
}

/* new sale | PD */
.pd-min-width {
  min-width: 80px;
  padding-right: 10px !important;
}

.pd-min-width > p {
  margin: 0;
}

.min-width-staff-outlet {
  min-width: 80px;
  padding-right: 20px !important;
}

.min-width-staff-name {
  min-width: 120px;
  padding-right: 20px !important;
}

.text-heading-b16 {
  font-size: 16px;
  font-weight: bold;
}

/* More menu */
md-menu-item > .md-button md-icon {
  font-size: 20px;
  margin-right: 3px;
}

md-menu-item span {
  font-size: 14px;
}

.md-open-menu-container.md-active {
  transform: none !important;
  -webkit-transform: none !important;
}

.md-open-menu-container.md-active {
  background: #fff;
  margin-top: 44px;
}

md-menu-content.more-menu {
  font-size: 14px;
  padding: 0px 0 5px;
  margin: 5px 0 15px;
}

.radio-button {
  width: 20px;
  height: 20px;
  margin: 0 5px 0 7px;
}

.intl-tel-input {
  display: table-cell;
}

md-input-container .intl-tel-input {
  display: inline-block;
  width: 100%;
}

md-input-container .intl-tel-input .selected-flag {
  width: 38px;
  padding: 0;
}

.tag-container md-chips-wrap {
  padding: 0;
  box-shadow: none;
}

@media screen and (max-width: 960px) {
  .main-moe-glasses {
    margin-left: -30px !important;
  }
}

/* responsive */
.responsive-version {
  /**/
  /* Fixbug intl-tel-input lib flag image */
}

.responsive-version .steps-progress li .text-style-normal[disabled] {
  color: #666;
}

.responsive-version .steps-progress li .text-style-normal[disabled] .search-name-type {
  margin-left: 0 !important;
}

.responsive-version .steps-progress li .button-span.text-style-normal span {
  text-transform: none;
  font-family: "Open Sans";
}

.responsive-version .steps-progress li.active .button-span.text-style-normal span {
  color: rgba(0, 0, 0, 0.87);
}

.responsive-version .lbl-size-detail {
  min-width: 77px;
  float: left;
}

.responsive-version .moe-product {
  width: 88px;
  height: 88px;
  border-width: 4px;
}

.responsive-version .moe-bundle {
  height: 88px;
  border-width: 4px;
  margin: 0 44px;
}

.responsive-version .moe-bundle .bundle-half-circle-left, .responsive-version .moe-bundle .bundle-half-circle-right {
  width: 88px;
  height: 88px;
  margin-top: -4px;
  border-width: 4px;
}

.responsive-version .moe-bundle .bundle-half-circle-left + span, .responsive-version .moe-bundle .bundle-half-circle-right + span {
  font-size: 11px;
  color: #d8d8d8;
  text-transform: none;
  font-family: "Open Sans";
  display: inline-block;
  text-align: center;
}

.responsive-version .moe-bundle .moe-product {
  width: 76px;
  height: 76px;
  border-width: 2.5px;
}

.responsive-version .moe-bundle button {
  margin: 0 2.5px;
}

.responsive-version .new-sales-block .new-sale-add {
  min-width: 76px;
  margin: 8px 2px;
}

.responsive-version .new-sales-block .product-in-bundle, .responsive-version .new-sales-block .product-out-bundle {
  min-width: 76px;
  margin: 8px 2px;
}

.responsive-version .new-sales-block .product-out-bundle span {
  font-size: 11px;
}

.responsive-version .new-sales-block .product-list-item .product-button .product-btn-span {
  font-family: "Open Sans";
}

.responsive-version .new-sales-block .product-list-item > .add-btn {
  width: 88px;
  height: 88px;
  border-width: 1px;
}

.responsive-version .new-sales-block .product-list-item > .add-btn .add-btn-plus-sign {
  height: 18px;
  margin-top: 0;
}

.responsive-version .new-sales-block .product-list-item > .add-btn .add-btn-text {
  font-size: 11px;
}

.responsive-version .main-data-block .md-toolbar-tools, .responsive-version .sub-data-block .md-toolbar-tools {
  padding: 0 10px;
  font-size: 14px;
}

.responsive-version .md-toolbar-tools > span {
  text-transform: none;
}

.responsive-version .iti-flag {
  background-image: url("/images/flags.png");
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .responsive-version .iti-flag {
    background-image: url("/images/flags@2x.png");
  }
}

.responsive-version .desktop-flex {
  display: -ms-flexbox;
  display: flex;
}

.responsive-version .mobile-col {
  width: 50%;
}

@media only screen and (max-width: 600px) {
  .responsive-version .mobile-col {
    width: 100% !important;
  }
  .responsive-version .desktop-flex {
    display: block !important;
  }
}

/*# sourceMappingURL=styles.css.map */