@media (max-width: 815px) {
  #content .panel .panel-body {
    overflow: visible !important;
  }
}
@media (max-width: 1000px) {
  body .hide-1000 {
    display: none !important;
  }
}
@media (max-width: 1026px) {
  body table#transaction-input tr td input,
  body body table#deposit-input tr td input {
    width: 100% !important;
  }
  body .hide-1200 {
    display: none !important;
  }
}
@media (max-width: 1300px) {
  body .hide-1300 {
    display: none !important;
  }
}
@media (max-width: 991px) {
  #content .col-md-3 {
    padding-top: 10px;
  }
  #content .panel.product-search div.right-actions {
    clear: both;
    padding-top: 18px;
  }
}
.custom-select2 {
  padding-top: 6px !important;
  padding-left: 2px !important;
  min-height: 41px !important;
}
.custom-select2 > a.select2-choice {
  border: 0;
  background: none;
  font-size: 14px;
  color: #626262 !important;
}
.custom-select2 > a.select2-choice > span.select2-arrow {
  display: none;
}
.custom-select2 > a.select2-choice > abbr {
  display: none;
}
.select2-drop.select2-drop-active {
  border: 1px solid #dddddd !important;
  border-top: none !important;
}
.select2-drop.select2-drop-active .select2-search {
  padding: 5px 10px;
}
.select2-drop.select2-drop-active .select2-search > input[type=text] {
  min-height: 40px;
  font-size: 14px;
  color: #626262;
}
.select2-drop.select2-drop-active ul.select2-results li.select2-no-results {
  display: none !important;
}
.select2-drop.select2-drop-active ul.select2-results > .select2-highlighted {
  background-color: #2489cc !important;
}
.ember-select-guru {
  position: relative;
  min-height: 35px !important;
  z-index: 9000;
}
.no-search .ember-select-guru__search-wrapper {
  display: none !important;
}
.ember-select-guru__container {
  width: 100%;
  border: solid 1px #cdcdcd;
  border-radius: 5px;
  overflow: hidden;
  position: absolute;
}
.ember-select-guru__container:hover {
  box-shadow: 0 0 8px -6px #000;
}
.ember-select-guru__trigger {
  padding: 11px 10px;
  cursor: pointer;
  position: relative;
  height: 40px;
}
.ember-select-guru__trigger:before,
.ember-select-guru__trigger:after {
  font-size: 8px;
  position: absolute;
  right: 10px;
}
.ember-select-guru__trigger:before {
  content: '\25b2';
  top: 5px;
}
.ember-select-guru__trigger:after {
  content: '\25bc';
  bottom: 5px;
}
.ember-select-guru__search {
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  border: solid 1px #cdcdcd;
}
.ember-select-guru__search-wrapper {
  padding: 0 10px 5px;
}
.ember-select-guru__dropdown {
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  overflow: hidden;
}
.ember-select-guru__option {
  padding: 10px 10px 10px;
  cursor: pointer;
}
.ember-select-guru__option:hover {
  background: #2489cc;
  color: white;
}
.ember-select-guru__expanded {
  z-index: 9999;
}
.multi-value__option {
  display: inline-block;
  margin-bottom: 3px;
  padding: 3.5px 5px 1px 5px;
  border-radius: 5px;
  border: solid 1px #cdcdcd;
  background: #f2f2f2;
}
.multi-value__selected {
  margin: 0;
  padding: 0;
  list-style: none;
}
.multi-value__remove:hover {
  color: #d30000;
}
@font-face {
  font-family: 'myjason';
  src: url('../../../fonts/myjason/myjason.eot');
  src: url('../../../fonts/myjason/myjason.eot?#iefix') format('embedded-opentype'), url('../../../fonts/myjason/myjason.woff') format('woff'), url('../../../fonts/myjason/myjason.ttf') format('truetype'), url('../../../fonts/myjason/myjason.svg#myjason') format('svg');
  font-weight: normal;
  font-style: normal;
}
body .delete-confirm {
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  color: #000;
  padding: 15px;
  text-align: center;
  max-width: 250px;
  background: #fff;
  border: 2px solid #ccc;
  border-radius: 3px;
  box-shadow: 0 2px 5px #ccc;
  z-index: 99;
}
body .delete-confirm:after,
body .delete-confirm:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
body img.tgd {
  max-height: 30px;
  padding: 5px 0;
}
body .popup-large {
  max-width: 700px !important;
}
body .jason-icon {
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  font-family: "myjason";
  font-style: normal;
  font-variant-alternates: normal;
  font-variant-caps: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-weight: normal;
  line-height: 1em;
  text-align: center;
  text-decoration-color: inherit;
  text-decoration-line: inherit;
  text-decoration-style: inherit;
  text-transform: none;
  width: 1em;
  font-size: 17px;
}
body .jason-icon.gender-female::after {
  content: "\00e828";
  color: #ed1f4f;
}
body .jason-icon.gender-male::after {
  content: "\00e829";
  color: #04749a;
}
body .jason-icon.gender-family::after {
  content: "\00e839";
  color: #04749a;
}
body .jason-icon.gender-company::after {
  content: "\00e838";
  color: #04749a;
}
body .jason-icon.applied {
  font-size: 20px;
  vertical-align: middle;
  padding: 5px 0;
}
body .jason-icon.jason {
  color: #00a3d8;
}
body .jason-icon-text {
  padding: 5px 2px;
  border-radius: 50%;
  border: 0px solid #cfdcec;
  overflow: hidden;
  background: #666666;
  text-transform: none;
  width: 1em;
  color: white;
  font-size: 7px;
}
body .jason-icon-text.jason {
  background: #00a3d8;
}
body .btn-delete.btn-danger {
  padding: 6px !important;
  padding-top: 8px !important;
}
body .btn-delete.btn-danger .jason-icon {
  font-size: 24px;
}
body .bold {
  font-weight: bold;
}
body .saved {
  font-size: 12px;
  padding: 5px;
  width: 60px;
  float: right;
  text-align: center;
  font-weight: bold;
  border-radius: 3px;
  background-color: #00a3d8;
  color: white;
}
body .saved.large {
  font-size: 20px;
  width: auto;
}
body .saved.rotated {
  margin-top: 30px;
  margin-left: 30px;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
}
body .saved > div {
  display: inline-block;
}
body .saved-sum {
  color: #00a3d8;
}
body .pointer {
  cursor: pointer;
}
body h3.price {
  display: inline-block;
  margin-top: 20px;
}
body .oldPrice {
  text-decoration: line-through;
}
body .float-left {
  float: left;
}
body .float-right {
  float: right;
}
body .mw75 {
  max-width: 75px;
}
body .mh75 {
  max-height: 75px;
}
body .mt0 {
  margin-top: 0px !important;
}
body .mr0 {
  margin-right: 0px !important;
}
body .pr0 {
  padding-right: 0px !important;
}
body .w110 {
  width: 110px;
}
body .pl0 {
  padding-left: 0px !important;
}
body .large-checkbox {
  zoom: 1.5;
}
body .mh30 {
  max-height: 30px;
}
body .mh35 {
  max-height: 35px;
}
body .mt0imp {
  margin-top: 0 !important;
}
body .w180 {
  width: 180px;
}
body .no-decoration:hover,
body .no-decoration:active {
  text-decoration: none !important;
}
body .clear-left {
  clear: left;
}
body label.description {
  font-weight: bold;
}
body .label-button {
  width: 70px;
  height: 70px;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  padding: 5px;
  color: white;
  font-size: 12px;
  text-align: center;
}
body .label-button > .jason-icon {
  margin: 0 auto;
  display: block;
  font-size: 35px;
  padding-bottom: 7px;
}
body .label-button.cash {
  background-color: #009789;
}
body .label-button.cashcard {
  background-color: #00749c;
}
body .label-button.creditcard {
  background-color: #f4b900;
}
body .label-button.voucher {
  background-color: #ec1561;
}
body .label-button.deposit {
  background-color: #f6412c;
}
body .label-button.anon {
  background-color: #525252;
}
body .label-button.known {
  background-color: #ffc000;
}
body .label-button-large {
  width: 90px;
}
/*body div.jason-recommendation {*/
  /*background-color: white;*/
  /*border: 1px solid #DDD;*/
  /*padding: 5px;*/
  /*float: right;*/
  /*min-width: 190px;*/
/*}*/
body div.bigradio label:before {
  top: 25px !important;
}
body div.bigradio input[type=radio]:checked + label:after,
body div.bigradio .radio-custom input[type=checkbox]:checked + label:after {
  top: 30px !important;
}
body .hidden {
  visibility: hidden;
}
body.sb-l-m .sidebar-menu > li > ul {
  width: 220px;
}
body.sb-l-m .sidebar-menu > li > a > .sidebar-title {
  width: 220px;
}
body #sidebar_left.sidebar-light li.sidebar-label {
  font-weight: bold !important;
  color: #555 !important;
}
body #sidebar_left.sidebar-light .sidebar-menu > li > a {
  cursor: pointer;
}
body #sidebar_left.sidebar-light .sidebar-menu > li > a > span:nth-child(1) {
  font-size: 20px;
}
body .sidebar-menu > li > ul > li > a > span:nth-child(1) {
  font-size: 17px;
}
body #sidebar_left.sidebar-light .sidebar-menu > li a:hover {
  color: #00a3d8 !important;
}
body input[type=number]::-webkit-outer-spin-button,
body input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
body dt.sum,
body dd.sum {
  margin-top: 10px;
}
body input[type=number] {
  -moz-appearance: textfield;
}
body .alert-primary.dark {
  background-color: #00a3d8 !important;
}
body .bg-primary,
body .btn-primary {
  background-color: #00a3d8 !important;
}
body .primary-color {
  color: #00a3d8;
}
body .btn-success {
  background-color: #70ca63 !important;
}
body .btn-standard {
  background-color: #e9e9e9 !important;
  color: black !important;
}
body .btn-back {
  float: left;
}
body .bg-primary-dark {
  background-color: #004358 !important;
}
body .icon-btn {
  padding: 8px !important;
  padding-top: 9px !important;
}
body .icon-btn > span {
  font-size: 20px;
}
body div.legend .legend-item span.icon-btn {
  padding: 4px !important;
  padding-top: 5px !important;
  margin-left: 10px;
  width: 30px;
}
body div.legend .legend-item span.icon-btn > span {
  font-size: 16px !important;
}
body table.tax-details {
  margin-top: 20px;
}
body table.tax-details th,
body table.tax-details td {
  font-size: 12px;
}
body table#patients tr th.last {
  padding-right: 0;
}
body table#patients tr td label:before {
  top: -13px;
}
body table#patients tr td label:after {
  top: -8px;
}
body .hidden-price input {
  background-color: transparent !important;
  color: #F2F2F2 !important;
  border: none !important;
}
body table.default-data-table tr {
  height: 60px;
}
body table#categories-table tr {
  height: 60px;
}
body table#categories-table tr td.intended {
  padding-left: 50px !important;
}
body table#invoices tr.below td {
  border-top: none;
  padding-top: 0;
}
body table#invoices tr.first td {
  background-color: #f9f9f9 !important;
}
body table#invoices tr.second td {
  background-color: transparent !important;
}
body table#transaction-input,
body table#deposit-input {
  width: 100%;
}
body table#transaction-input th,
body table#deposit-input th {
  height: 40px;
  padding-left: 10px;
}
body table#transaction-input tr,
body table#deposit-input tr {
  background-color: #FAFAFA;
  padding: 3px;
  height: 100px;
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
body table#transaction-input tr td,
body table#deposit-input tr td {
  padding-left: 10px;
}
body table#transaction-input tr td.open,
body table#deposit-input tr td.open,
body table#transaction-input tr td.change,
body table#deposit-input tr td.change {
  font-size: 20px;
}
body table#transaction-input tr td input,
body table#deposit-input tr td input {
  width: 110px;
  font-size: 20px;
  padding: 5px;
}
body table#transaction-input tr td.payment-types .radio-custom label:before,
body table#deposit-input tr td.payment-types .radio-custom label:before {
  top: 25px;
}
body table#transaction-input tr td.payment-types .radio-custom input[type=radio]:checked + label:after,
body table#deposit-input tr td.payment-types .radio-custom input[type=radio]:checked + label:after,
body table#transaction-input tr td.payment-types .radio-custom input[type=checkbox]:checked + label:after,
body table#deposit-input tr td.payment-types .radio-custom input[type=checkbox]:checked + label:after {
  top: 30px;
}
body table#transaction-input tr td.payment-types label,
body table#deposit-input tr td.payment-types label {
  width: 90px;
}
body table#transaction-input tr td.payment-types label > img,
body table#deposit-input tr td.payment-types label > img {
  width: 50px;
  margin-bottom: 5px;
}
body table#transaction-input tr td.payment-types .btn-xs,
body table#deposit-input tr td.payment-types .btn-xs {
  font-size: 14px;
}
body table#transaction-input tr td.remove,
body table#deposit-input tr td.remove {
  font-size: 40px;
  cursor: pointer;
}
body table#transaction-input tr td.remove:hover,
body table#deposit-input tr td.remove:hover {
  color: #3498db;
}
body table#transaction-input tr td.remove > span,
body table#deposit-input tr td.remove > span {
  margin-right: 20px;
}
body section#content.transaction-filter ol.timeline-list > li.timeline-item .timeline-desc a {
  font-weight: bold;
}
body section#content.transaction-filter ol.timeline-list > li.timeline-item div.timeline-icon.group {
  font-size: 19px;
  font-weight: bold;
  padding-top: 2px;
}
body section#content.transaction-filter ol.timeline-list > li.payment {
  padding-top: 0px;
  border-top: none;
}
body section#content.transaction-filter ol.timeline-list > li.payment div.timeline-icon {
  top: -5px;
  width: 30px;
  height: 30px;
  left: 10px;
  line-height: 24px;
}
body section#content.transaction-filter ol.timeline-list > li.payment div.timeline-icon > img {
  max-width: 20px;
}
body section#content.transaction-filter ol.timeline-list > li.payment div.amount {
  top: -5px;
  font-size: 13px;
}
body section#content div#open-invoices-panel-list div#new-invoice-button {
  height: 200px;
  text-align: center;
  vertical-align: middle;
  margin-top: 67px;
  max-height: 52px;
  cursor: pointer;
  font-size: 15px;
  padding-right: 12px;
}
body section#content div#open-invoices-panel-list div#new-invoice-button > a {
  color: white;
}
body section#content div#open-invoices-panel-list div#new-invoice-button > a:hover {
  text-decoration: none;
}
body section#content div#open-invoices-panel-list div.open {
  min-width: 250px !important;
  float: left;
  margin: 2px;
  padding: 5px 35px 5px 12px;
  max-height: 52px;
  overflow: hidden;
  cursor: pointer;
}
body section#content div#open-invoices-panel-list div.open#add > button {
  color: white;
  opacity: 1.0;
}
body section#content div#open-invoices-panel-list div.open#add > div {
  line-height: 40px;
}
body section#content div#open-invoices-panel-list div.open > button {
  height: 40px;
  font-size: 35px;
  right: -20px;
  color: black;
}
body section#content div#open-invoices-panel-list div.open > div {
  max-height: 40px;
  line-height: 19px;
  width: 80%;
}
body section#content div#open-invoices-panel-list div.open:hover {
  background-color: #00a3d8;
}
body section#content div#open-invoices-panel-list div.open:hover > div {
  color: white;
}
body section#content div#open-invoices-panel-list div.open:hover button {
  color: white;
}
body div#open-invoices-panel {
  padding-right: 20px;
  margin-top: 10px;
}
body div#open-invoices-panel div {
  float: left;
  cursor: pointer;
  margin: 2px;
  padding: 5px 25px 5px 12px;
  max-height: 52px;
  overflow: hidden;
  min-width: 200px;
}
body div#open-invoices-panel div.alert {
  min-width: 270px;
}
body div#open-invoices-panel div > button {
  height: 40px;
  font-size: 35px;
  right: -20px;
}
body div#open-invoices-panel div > div {
  float: left;
  max-height: 40px;
  position: absolute;
  padding: 0;
}
body div#open-invoices-panel div > div > a {
  color: white;
  display: inline-block;
  width: 225px;
  line-height: 18px;
  -ms-word-break: break-all;
  word-break: break-all;
}
body div#open-invoices-panel div > div > a:hover {
  text-decoration: none;
}
body div#open-invoices-panel div.alert-default div > a {
  color: #626262;
}
body div#open-invoices-panel div.alert-default button {
  color: black;
}
body div#open-invoices-panel div#add-invoice-button {
  text-align: center;
  font-size: 33px;
  font-weight: bold;
  width: 52px;
  height: 52px;
  padding: 0;
  min-width: 52px;
}
body aside#invoice-details div#invoice-footer > div.col-md-12 {
  padding: 0px;
}
body aside#invoice-details div#invoice-footer > div.col-md-12 div.pull-right {
  width: 100%;
}
body div.discount-spinner {
  width: 90px;
}
body div.discount-spinner input {
  width: 45px !important;
}
body div.discount-spinner a.btn {
  position: absolute;
  top: 0;
  left: 44px;
  height: 39px;
}
body div.discount-spinner a.btn.absolute {
  left: 69px;
}
body div.discount-spinner a.btn.percentage {
  background: url('../assets/images/misc/icon-percentage.png') center center no-repeat;
}
body div.discount-spinner a.btn.percentage.hover {
  background: url('../assets/images/misc/icon-percentage-hover.png') center center no-repeat #00a3d8;
}
body div.discount-spinner a.btn.absolute {
  background: url('../assets/images/misc/icon-absolute.png') center center no-repeat;
}
body div.discount-spinner a.btn.absolute.hover {
  background: url('../assets/images/misc/icon-absolute-hover.png') center center no-repeat #00a3d8;
}
/*body div.spinner {
  width: 80px;
}
body div.spinner input {
  width: 55px !important;
}
body div.spinner a.quantityspinn {
  position: absolute;
  top: 0;
  right: 0;
}
body div.spinner a.btn.up {
  background: url('../assets/images/misc/icon-plus.png') center center no-repeat;
}
body div.spinner a.btn.down {
  background: url('../assets/images/misc/icon-minus.png') center center no-repeat;
  top: 19px;
}*/
body a.ui-spinner-button {
  font-size: 1.5em;
}
body a.ui-spinner-button span.ui-icon {
  top: auto;
  margin-top: 0;
}
body label.control-label {
  font-weight: 600;
  height: 40px;
  line-height: 40px;
}
body div.buttons {
  float: right;
}
body div.buttons.new-layout {
  float: none;
}
body div.buttons.new-layout > button {
  float: right;
}
body div.buttons.actions a {
  margin-top: -1px;
}
body #content .admin-form .btn-info,
body #content .admin-form .btn-primary {
  background-color: #00a3d8 !important;
}
body #content form label.required {
  font-weight: bold;
}
body #content aside div.buttons {
  margin-top: 20px;
}
body #content.transaction-filter div.panel-body.bg-light {
  border-top: none;
  border-bottom: none;
}
body #content.transaction-filter div.btn-group > button {
  height: 41px;
}
body #content.transaction-filter ol.timeline-list {
  padding: 20px;
  border: 1px solid #e2e2e2;
}
body #content.transaction-filter ol.timeline-list div.timeline-icon {
  height: 40px;
  width: 40px;
  line-height: 33px;
  left: 5px;
}
body #content.transaction-filter ol.timeline-list div.amount b {
  font-size: 1.4em;
  float: left;
}
body #content.transaction-filter ol.timeline-list div.amount div {
  display: inline-block;
}
body #content.transaction-filter ol.timeline-list div.amount div.tax-info {
  float: left;
  clear: both;
}
body #content.transaction-filter div.sum {
  font-size: 1.4em;
  font-weight: bold;
  color: #AAA;
  padding-right: 15px;
}
body #content.transaction-filter div.sum.small {
  font-size: 1em;
}
body #content.edit-user input[type=file] {
  visibility: hidden;
}
body #content.customer-show div.page-heading {
  padding: 30px 0 30px 40px;
}
body #content.customer-show div#add-patient a {
  z-index: 99;
  position: absolute;
  right: 1px;
}
body #content.edit-product th.jason-recommendation-head,
body #content.edit-service th.jason-recommendation-head,
body #content.edit-permission th.jason-recommendation-head {
  font-weight: bold;
}
body #content.edit-product td.heading,
body #content.edit-service td.heading,
body #content.edit-permission td.heading {
  font-weight: bold;
  font-size: 14px;
  padding-left: 0;
  padding-top: 20px;
}
body #content.edit-product tr.price-line#price-line-reference td.remove > span,
body #content.edit-service tr.price-line#price-line-reference td.remove > span,
body #content.edit-permission tr.price-line#price-line-reference td.remove > span {
  display: none;
}
body #content.edit-product tr.price-line input.product-price-input,
body #content.edit-service tr.price-line input.product-price-input,
body #content.edit-permission tr.price-line input.product-price-input,
body #content.edit-product tr.price-line input.product-quantity-input,
body #content.edit-service tr.price-line input.product-quantity-input,
body #content.edit-permission tr.price-line input.product-quantity-input {
  width: 80px;
}
body #content.edit-product tr.price-line input.product-price-addition-input,
body #content.edit-service tr.price-line input.product-price-addition-input,
body #content.edit-permission tr.price-line input.product-price-addition-input {
  width: 60px;
}
body #content.edit-product tr.price-line td.marge,
body #content.edit-service tr.price-line td.marge,
body #content.edit-permission tr.price-line td.marge {
  font-weight: bold;
  font-size: 16px;
  color: #5bc24c;
}
body #content.edit-product tr.price-line td.gross-price-output,
body #content.edit-service tr.price-line td.gross-price-output,
body #content.edit-permission tr.price-line td.gross-price-output {
  font-size: 16px;
  font-weight: bold;
}
body #content.edit-product tr.price-line td.remove > span,
body #content.edit-service tr.price-line td.remove > span,
body #content.edit-permission tr.price-line td.remove > span {
  font-size: 35px;
  cursor: pointer;
}
body #content.edit-product tr.price-line td.remove > span:hover,
body #content.edit-service tr.price-line td.remove > span:hover,
body #content.edit-permission tr.price-line td.remove > span:hover {
  color: #3498db;
}
body #content.edit-product tr.price-line td input.product-gross-price-input,
body #content.edit-service tr.price-line td input.product-gross-price-input,
body #content.edit-permission tr.price-line td input.product-gross-price-input {
  width: 75px;
}
body #content.edit-product div.price-line div.remove > span,
body #content.edit-service div.price-line div.remove > span,
body #content.edit-permission div.price-line div.remove > span {
  font-size: 35px;
  cursor: pointer;
}
body #content.edit-product div.price-line div.remove > span:hover,
body #content.edit-service div.price-line div.remove > span:hover,
body #content.edit-permission div.price-line div.remove > span:hover {
  color: #3498db;
}
body #content.edit-product div.checkbox-custom label:before,
body #content.edit-service div.checkbox-custom label:before,
body #content.edit-permission div.checkbox-custom label:before {
  top: -16px;
}
body #content.edit-product div.checkbox-custom label:after,
body #content.edit-service div.checkbox-custom label:after,
body #content.edit-permission div.checkbox-custom label:after {
  top: -10px;
}
body #content.edit-product div.sum,
body #content.edit-service div.sum,
body #content.edit-permission div.sum {
  font-size: 1.4em;
  font-weight: bold;
  color: #AAA;
  padding-right: 15px;
}
body #content.edit-product div.sum.small,
body #content.edit-service div.sum.small,
body #content.edit-permission div.sum.small {
  font-size: 1em;
}
body #content.edit-composite div.buttons.new-layout {
  position: static !important;
}
body #content.service-list table tr {
  height: 80px;
}
body #content.add-purchase-product div.productCell > div {
  cursor: pointer;
}
body #content.add-purchase-product div.productCell > div div.saved {
  margin: 0;
  position: absolute;
  left: 0;
  top: 10px;
  left: 10px;
}
body #content.add-purchase-product div.productCell > div div.price {
  position: absolute;
  right: 10px;
  top: 10px;
  font-size: 15px;
  color: #999999;
  font-weight: bold;
}
body #content.add-purchase-product div.productCell > div div.oldPrice {
  position: absolute;
  right: 10px;
  top: 30px;
}
body #content.add-purchase-product div.productCell div.panel-footer div {
  display: inline-block;
}
body #content.add-product table th.sortable,
body #content.add-service table th.sortable,
body #content.select-customer table th.sortable,
body #content.product-list table th.sortable,
body #content.service-list table th.sortable,
body #content.customer-list table th.sortable,
body #content.edit-product table th.sortable,
body #content.edit-composite table th.sortable {
  cursor: pointer;
  color: #00a3d8;
}
body #content.add-product table th.sortable > span,
body #content.add-service table th.sortable > span,
body #content.select-customer table th.sortable > span,
body #content.product-list table th.sortable > span,
body #content.service-list table th.sortable > span,
body #content.customer-list table th.sortable > span,
body #content.edit-product table th.sortable > span,
body #content.edit-composite table th.sortable > span {
  display: none;
  background: url('../assets/images/misc/icon-plus.png') no-repeat;
  height: 20px;
  width: 20px;
}
body #content.add-product table th.sortable.asc > span.asc,
body #content.add-service table th.sortable.asc > span.asc,
body #content.select-customer table th.sortable.asc > span.asc,
body #content.product-list table th.sortable.asc > span.asc,
body #content.service-list table th.sortable.asc > span.asc,
body #content.customer-list table th.sortable.asc > span.asc,
body #content.edit-product table th.sortable.asc > span.asc,
body #content.edit-composite table th.sortable.asc > span.asc {
  display: block;
}
body #content.add-product table div.quantity > input,
body #content.add-service table div.quantity > input,
body #content.select-customer table div.quantity > input,
body #content.product-list table div.quantity > input,
body #content.service-list table div.quantity > input,
body #content.customer-list table div.quantity > input,
body #content.edit-product table div.quantity > input,
body #content.edit-composite table div.quantity > input {
  min-height: 26px;
  height: 26px;
  padding: 2px 9px;
}
body #content.add-product table div.input-group input,
body #content.add-service table div.input-group input,
body #content.select-customer table div.input-group input,
body #content.product-list table div.input-group input,
body #content.service-list table div.input-group input,
body #content.customer-list table div.input-group input,
body #content.edit-product table div.input-group input,
body #content.edit-composite table div.input-group input {
  width: 70px;
}
body #content.add-product table div.btn-group,
body #content.add-service table div.btn-group,
body #content.select-customer table div.btn-group,
body #content.product-list table div.btn-group,
body #content.service-list table div.btn-group,
body #content.customer-list table div.btn-group,
body #content.edit-product table div.btn-group,
body #content.edit-composite table div.btn-group {
  width: 100%;
}
body #content.add-product table div.btn-group > button,
body #content.add-service table div.btn-group > button,
body #content.select-customer table div.btn-group > button,
body #content.product-list table div.btn-group > button,
body #content.service-list table div.btn-group > button,
body #content.customer-list table div.btn-group > button,
body #content.edit-product table div.btn-group > button,
body #content.edit-composite table div.btn-group > button {
  float: right;
}
body #content.add-product table div.price-line,
body #content.add-service table div.price-line,
body #content.select-customer table div.price-line,
body #content.product-list table div.price-line,
body #content.service-list table div.price-line,
body #content.customer-list table div.price-line,
body #content.edit-product table div.price-line,
body #content.edit-composite table div.price-line {
  float: left;
  clear: both;
  width: 100%;
  border-top: 1px solid #DDD;
  margin-top: 5px;
  padding-top: 5px;
  text-align: right;
  height: 28px;
  line-height: 28px;
}
body #content.add-product table div.price-line.no-border,
body #content.add-service table div.price-line.no-border,
body #content.select-customer table div.price-line.no-border,
body #content.product-list table div.price-line.no-border,
body #content.service-list table div.price-line.no-border,
body #content.customer-list table div.price-line.no-border,
body #content.edit-product table div.price-line.no-border,
body #content.edit-composite table div.price-line.no-border {
  border-top: none;
}
body #content.add-product table div.price-line.jason-price,
body #content.add-service table div.price-line.jason-price,
body #content.select-customer table div.price-line.jason-price,
body #content.product-list table div.price-line.jason-price,
body #content.service-list table div.price-line.jason-price,
body #content.customer-list table div.price-line.jason-price,
body #content.edit-product table div.price-line.jason-price,
body #content.edit-composite table div.price-line.jason-price {
  color: #00a3d8;
}
body #content.add-product table div.price-line img.jn-recommended-price,
body #content.add-service table div.price-line img.jn-recommended-price,
body #content.select-customer table div.price-line img.jn-recommended-price,
body #content.product-list table div.price-line img.jn-recommended-price,
body #content.service-list table div.price-line img.jn-recommended-price,
body #content.customer-list table div.price-line img.jn-recommended-price,
body #content.edit-product table div.price-line img.jn-recommended-price,
body #content.edit-composite table div.price-line img.jn-recommended-price {
  max-height: 28px;
  padding: 5px 0;
}
body #content.add-product table div.price-line > div,
body #content.add-service table div.price-line > div,
body #content.select-customer table div.price-line > div,
body #content.product-list table div.price-line > div,
body #content.service-list table div.price-line > div,
body #content.customer-list table div.price-line > div,
body #content.edit-product table div.price-line > div,
body #content.edit-composite table div.price-line > div {
  line-height: 28px;
  height: 28px;
}
body #content.add-product table div.price-line:first-child,
body #content.add-service table div.price-line:first-child,
body #content.select-customer table div.price-line:first-child,
body #content.product-list table div.price-line:first-child,
body #content.service-list table div.price-line:first-child,
body #content.customer-list table div.price-line:first-child,
body #content.edit-product table div.price-line:first-child,
body #content.edit-composite table div.price-line:first-child {
  border-top: none;
  margin-top: 0;
  padding-top: 0;
}
body #content.add-product table div.price-line button,
body #content.add-service table div.price-line button,
body #content.select-customer table div.price-line button,
body #content.product-list table div.price-line button,
body #content.service-list table div.price-line button,
body #content.customer-list table div.price-line button,
body #content.edit-product table div.price-line button,
body #content.edit-composite table div.price-line button {
  height: 26px !important;
  padding: 0px 12px;
  margin-top: -4px;
}
body #content.invoice-show table#invoices td.gross,
body #content.invoice-show table#invoices td.net {
  min-width: 110px;
}
body #content.invoice-show table#invoices td.discount {
  min-width: 80px;
}
body #content.purchase-edit section#edit-purchase div.panel-heading span.panel-title,
body #content.purchase-edit section#purchase-summary div.panel-heading span.panel-title {
  font-size: 20px;
}
body #content.purchase-edit section#edit-purchase div.panel-body span.oldPrice,
body #content.purchase-edit section#purchase-summary div.panel-body span.oldPrice,
body #content.purchase-edit section#edit-purchase div.panel-body span.saved,
body #content.purchase-edit section#purchase-summary div.panel-body span.saved {
  display: inline-block;
}
body #content.invoice-create div.center-block {
  padding-top: 0px;
  vertical-align: top;
}
body #content.invoice-create div.center-block .gui-textarea {
  height: 70px;
}
body #content.invoice-create div.center-block table#invoices tr.selected {
  background-color: #2489cc;
  color: white;
}
body #content.invoice-create div.center-block table#invoices tr.head {
  cursor: pointer;
}
body #content.invoice-create div.center-block table#invoices tr.head a.treatment-trigger {
  float: right;
  margin-top: 5px;
}
body #content.invoice-create div.center-block table#invoices tr.head h3 {
  float: left;
}
body #content.invoice-create div.center-block table#invoices td .glyphicon.glyphicon-remove-circle {
  color: #e53935;
}
body #content.invoice-create div.center-block table#invoices td .glyphicon.glyphicon-remove-circle:hover {
  color: #ab2e2c;
}
body #content.invoice-create div.center-block table#invoices .checkbox-custom label {
  margin-bottom: 13px;
}
body #content.invoice-create div.center-block table#invoices input.price-input {
  min-width: 60px;
  text-align: right;
}
body #content.invoice-create div.center-block table#invoices input.discount-input {
  min-width: 55px;
  text-align: right;
}
body #content.invoice-create div.center-block table#invoices td.gross,
body #content.invoice-create div.center-block table#invoices td.net {
  min-width: 110px;
}
body #content.invoice-create div.center-block div#invoice-footer-div > div#global-discount {
  float: left;
  margin-left: 50px;
  margin-top: 30px;
}
body #content.invoice-create div.center-block div#invoice-footer-div > div#global-discount label {
  line-height: 39px;
}
body #content.invoice-create div.center-block div#invoice-footer-div > div#global-discount div.input-group {
  float: left;
}
body #content.invoice-create div.center-block div#invoice-footer-div > div.ember-view {
  float: right;
}
body #content.invoice-create div.center-block div#invoice-footer-div table.tax-details {
  margin-top: 20px;
}
body #content.invoice-create div.center-block div#invoice-footer-div table.tax-details th,
body #content.invoice-create div.center-block div#invoice-footer-div table.tax-details td {
  font-size: 14px;
}
body #content.invoice-create div.default-text {
  line-height: 40px;
  height: 40px;
}
body #content.invoice-create section#payment-page div.payment-conditions {
  padding-bottom: 20px !important;
}
body #content.invoice-create div.button-line {
  padding-right: 0;
  padding-left: 0;
}
body #content.invoice-create div.button-line div.invoice-buttons {
  padding-left: 0;
}
body #content.invoice-create div.button-line div.actions.buttons {
  padding-right: 0;
}
body #content.invoice-create div.button-line div.actions.buttons a {
  margin-top: -1px;
}
body #content.invoice-create div.button-line section#edit-invoice div#invoice-footer {
  float: right;
}
body #content table.admin-form div.btn-group button {
  height: 40px;
}
body #content div.invoice-buttons {
  float: left;
  width: 65%;
}
body #content div.invoice-buttons select {
  height: 40px;
}
body #content.invoice-edit div.buttons button,
body #content.invoice-show div.buttons button,
body #content.invoice-edit div.buttons a,
body #content.invoice-show div.buttons a {
  float: right;
  width: auto;
  margin-top: 0;
  margin-left: 5px;
}
body #content div#invoice-footer {
  margin-bottom: 20px;
}
body #content div.pagination-centered {
  margin-left: 10px;
}
body #content form#paymentActionForm input#datetimepicker {
  height: 42px;
}
body div.payment-type-select .radio-custom label:before {
  top: 13px;
}
body div.payment-type-select .radio-custom input[type=radio]:checked + label:after,
body div.payment-type-select .radio-custom input[type=checkbox]:checked + label:after {
  top: 18px;
}
body div.payment-type-select label {
  font-weight: 600;
}
body div.payment-type-select label > img {
  margin-right: 10px;
}
body div.wizard {
  margin-top: 20px;
}
body div.wizard .hidden {
  display: none;
}
body div.wizard div.steps ul li {
  position: relative;
  margin-left: -4px !important;
  width: 200px;
  text-align: left;
  padding-left: 30px;
}
body div.wizard div.steps ul li.disabled {
  background-image: url(images/misc/process-step.png);
}
body div.wizard div.steps ul li.disabled.end {
  background-image: url(images/misc/process-step-end.png);
  width: 184px;
}
body div.wizard div.steps ul li.disabled span {
  color: white;
  position: absolute;
  left: 30px;
  font-weight: bold;
  top: 5px;
}
body div.wizard div.steps ul li.disabled a {
  background-color: transparent !important;
  padding: 25px 0 11px;
}
body div.wizard div.steps ul li.current {
  background-image: url(images/misc/process-step-active.png);
}
body div.wizard div.steps ul li.current.end {
  background-image: url(images/misc/process-step-active-end.png);
  width: 184px;
}
body div.wizard div.steps ul li.current span {
  color: white;
  position: absolute;
  left: 30px;
  font-weight: bold;
  top: 5px;
}
body div.wizard div.steps ul li.current a {
  background-color: transparent !important;
  padding: 25px 0 11px;
}
body div.wizard section.wizard-section.body {
  padding: 0 0 10px 0;
}
body div.wizard section.wizard-section.body#select-type div#show-invoice {
  padding: 10px 0;
}
body div.wizard section.wizard-section.body#confirm-page div.actions.buttons {
  clear: both;
}
body div.wizard div.content {
  padding-top: 0 !important;
}
body div.wizard div.content div.panel-body {
  border-top: 1px solid #e2e2e2;
  border-bottom: 1px solid #e2e2e2;
}
body div.wizard div.content section#transaction-confirm div.actions {
  clear: both;
}
body div.wizard div.actions {
  background-color: transparent;
  border: none;
  padding: 0 10px;
}
body .calculator {
  padding: 10px;
  margin-top: 20px;
  border-radius: 5px;
  /*this is to remove space between divs that are inline-block*/
  font-size: 0;
}
body .calculator .row {
  margin-top: 10px;
}
body .calculator .key {
  width: 60px;
  display: inline-block;
  background-color: #00a3d8;
  color: white;
  font-size: 2rem;
  margin-right: 5px;
  border-radius: 5px;
  height: 35px;
  line-height: 35px;
  text-align: center;
}
body .calculator .key:hover {
  cursor: pointer;
}
body .key.last {
  margin-right: 0px;
}
body .key.action {
  background-color: #646060;
}
#idletimeout {
  background: #E63F24;
  border-bottom: 3px solid #E9573F;
  color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 10px;
  position: relative;
  top: 0px;
  left: 0;
  right: 0;
  z-index: 100000;
  display: none;
}
#idletimeout a {
  color: #fff;
  font-weight: bold;
}
#idletimeout span {
  font-weight: bold;
}
@-webkit-keyframes myanimation {
  from {
    left: 0%;
  }
  to {
    left: 50%;
  }
}
h1 {
  /*text-align: cente;*/
  font-family: 'PT Sans Caption', sans-serif;
  font-weight: 400;
  font-size: 30px;
  padding: 20px 0;
  color: #777;
}
.checkout-wrap {
  color: #444;
  font-family: 'PT Sans Caption', sans-serif;
  margin: 40px auto;
  max-width: 1200px;
  position: relative;
}
ul.checkout-bar {
  margin: 0 20px;
}
ul.checkout-bar li {
  color: #ccc;
  display: block;
  font-size: 16px;
  font-weight: 600;
  padding: 14px 20px 14px 80px;
  position: relative;
}
ul.checkout-bar li:before {
  -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
  background: #ddd;
  border: 2px solid #FFF;
  border-radius: 50%;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  left: 20px;
  line-height: 37px;
  height: 35px;
  position: absolute;
  text-align: center;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
  top: 4px;
  width: 35px;
  z-index: 999;
}
ul.checkout-bar li.active {
  color: #8bc53f;
  font-weight: bold;
}
ul.checkout-bar li.active:before {
  background: #8bc53f;
  z-index: 99999;
}
ul.checkout-bar li.visited {
  background: #ECECEC;
  color: #57aed1;
  z-index: 99999;
}
ul.checkout-bar li.visited:before {
  background: #57aed1;
  z-index: 99999;
}
ul.checkout-bar li:nth-child(1):before {
  content: "1";
}
ul.checkout-bar li:nth-child(2):before {
  content: "2";
}
ul.checkout-bar li:nth-child(3):before {
  content: "3";
}
ul.checkout-bar li:nth-child(4):before {
  content: "4";
}
ul.checkout-bar li:nth-child(5):before {
  content: "5";
}
ul.checkout-bar li:nth-child(6):before {
  content: "6";
}
ul.checkout-bar a {
  color: #57aed1;
  font-size: 16px;
  font-weight: 600;
  text-decoration: none;
}
@media all and (min-width: 800px) {
  .checkout-bar li.active:after {
    -webkit-animation: myanimation 3s 0;
    background-size: 35px 35px;
    background-color: #8bc53f;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    width: 100%;
    left: 50%;
    position: absolute;
    top: -30px;
    z-index: 0;
  }
  .checkout-wrap {
    margin: 30px auto;
  }
  ul.checkout-bar {
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    background-size: 35px 35px;
    background-color: #EcEcEc;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.4) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.4) 75%, transparent 75%, transparent);
    border-radius: 15px;
    height: 15px;
    margin: 0 auto;
    padding: 0;
    position: absolute;
    width: 100%;
  }
  ul.checkout-bar:before {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    border-radius: 15px;
    content: " ";
    height: 15px;
    left: 0;
    position: absolute;
    width: 10%;
  }
  ul.checkout-bar li {
    display: inline-block;
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
    width: 19%;
  }
  ul.checkout-bar li:before {
    height: 45px;
    left: 40%;
    line-height: 45px;
    position: absolute;
    top: -45px;
    width: 45px;
    z-index: 99;
  }
  ul.checkout-bar li.visited {
    background: none;
  }
  ul.checkout-bar li.visited:after {
    background-size: 35px 35px;
    background-color: #57aed1;
    background-image: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
    -webkit-box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    box-shadow: inset 2px 2px 2px 0px rgba(0, 0, 0, 0.2);
    content: "";
    height: 15px;
    left: 50%;
    position: absolute;
    top: -30px;
    width: 100%;
    z-index: 99;
  }
}