body .mainContent {
  height: 100vh !important;
}
.mainContent .content-wrapper-footer {
  height: 50px;
  width: 100%;
}
.has-feedback label ~ .form-control-feedback {
  top: 0px;
}
.login-error {
  text-align: center;
  width: 100%;
  color: #dd4b39;
}
.login-box-msg {
  padding-bottom: 10px;
}
.mainContent .content-wrapper .content {
  min-height: 85vh;
}
.view-company md-list-item.md-3-line button:before {
  display: none;
}
.custom-barcode-form-bar li.completed a {
  color: #222f35;
}
.custom-barcode-form-bar li.completed a .bubble,
.custom-barcode-form-bar li.completed a .bubble:before,
.custom-barcode-form-bar li.completed a .bubble:after {
  background-color: #367fa9;
  border-color: #1a2226;
}
.custom-barcode-form-bar li a {
  color: #bbb;
}
.custom-barcode-form-bar .progress-step-disabled {
  cursor: not-allowed;
}
.custom-barcode-form-bar .progress-step-disabled:hover {
  cursor: not-allowed;
  color: #bbbbbb;
}
.custom-barcode-form-bar .progress-step-disabled:hover .bubble,
.custom-barcode-form-bar .progress-step-disabled:hover .bubble:after,
.custom-barcode-form-bar .progress-step-disabled:hover .bubble:before {
  background-color: #bbbbbb !important;
  border-color: #bbbbbb !important;
}
table.table-striped.all {
  background-color: #f9f9f9 !important;
}
td[td-vertical-align-middle] {
  vertical-align: middle !important;
}
table.cutom-row-with-inputs tr.icheck-row-selected {
  background-color: rgba(163, 202, 182, 0.18);
}
table.cutom-row-with-inputs tr td {
  vertical-align: middle;
}

table tbody[all-td-vertical-align-middle] tr td {
  vertical-align: middle;
}
table td button.action-button {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}
table td button.action-button i {
  font-size: 16px;
  vertical-align: middle;
}
.vertical-align {
  vertical-align: middle;
}
.ngIncludeItem {
  /*    position: absolute;*/
  top: 35px;
  bottom: 0;
  right: 0;
  left: 0;
  animation-duration: 0.3s;
  animation-timing-function: ease-in-out;
  -webkit-animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
}
/* When the page enters, slide it from the right */
.ngIncludeItem.ng-enter {
  animation-name: slideFromRight;
  -webkit-animation-name: slideFromRight;
}
/* When the page enters and moveToLeft is true, slide it from the left(out of the user view) to the right (left corner) */
.ngIncludeItem.moveToLeft.ng-enter {
  animation-name: slideFromLeft;
  -webkit-animation-name: slideFromLeft;
}
/* When the page leaves, slide it to left(out of the user view) from the left corner,
    in other words slide it from the left(out of the view) to the left corner but in reverse order */
.ngIncludeItem.ng-leave {
  animation-name: slideFromLeft;
  animation-direction: reverse;
  -webkit-animation-name: slideFromLeft;
  -webkit-animation-direction: reverse;
}
/* When the page leaves, slide it to the right(out of the user view) from the the left corner,
    in other words, slide it from the right but in reverse order  */
.ngIncludeItem.moveToLeft.ng-leave {
  animation-name: slideFromRight;
  animation-direction: reverse;
  -webkit-animation-name: slideFromRight;
  -webkit-animation-direction: reverse;
}

@keyframes slideFromRight {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}

@keyframes slideFromLeft {
  0% {
    transform: translateX(-100%);
  }

  100% {
    transform: translateX(0);
  }
}

@-webkit-keyframes slideFromRight {
  0% {
    -webkit-transform: translateX(100%);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}

@-webkit-keyframes slideFromLeft {
  0% {
    -webkit-transform: translateX(-100%);
  }

  100% {
    -webkit-transform: translateX(0);
  }
}
.custom-barcode-form .custom-hr-step2form {
  margin-left: -10px;
  margin-right: -10px;
  border-top: 20px solid #ecf0f5;
}
.custom-barcode-form .invoice h2.page-header small {
  display: inline-block;
}
.box.box-no-border-top {
  border-top: 1px solid #d2d6de;
}
.nothing-found-note {
  margin: 6px 16px 6px;
  font-style: italic;
  color: #8d8d8d;
}
.nopadding {
  padding: 0px !important;
}
.nopadding-left-right {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
@media print {
  .box.remove-border {
    border-top: 0px solid #d2d6de;
  }
}
.vendor.custom-functions a {
  cursor: pointer;
}
.customer.custom-functions a {
  cursor: pointer;
}

.show-with-1s-delay {
  -webkit-animation: show-with-delay 1s;
  -moz-animation: show-with-delay 1s;
  -o-animation: show-with-delay 1s;
  animation: show-with-delay 1s;
  animation-direction: alternate;
  -webkit-animation-direction: alternate;
}
@keyframes show-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes show-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes show-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes show-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes show-with-delay {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.bar-code-view-table input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.bar-code-view-table table .progress {
  background-color: rgb(222, 222, 222);
}

md-backdrop.md-opaque.md-default-theme,
.md-dialog-container {
  position: fixed !important;
}
body.fixed.md-dialog-is-showing {
  top: 0px !important;
}

.custom-invoice-type .info-box-content {
  padding: 2px 10px;
}

.custom-invoice-type .info-box {
  margin-bottom: 25px;
}
.custom-invoice-type .info-box-content .info-box-text {
  font-weight: bold;
  padding-bottom: 4px;
}
.custom-invoice-type .info-box-content li {
  line-height: 1.3em;
}
.custom-invoice-type .info-box-content li a {
  color: #7d7d7d;
}
.custom-invoice-type .info-box-content li a:hover {
  color: #3c8dbc;
}
.custom-invoice-type .info-box-content ul {
  margin-top: 8px;
}

.box.box-zero-border-top {
  border-top: 0px solid #d2d6de;
}

.box-zero-border {
  border: 0px solid #d2d6de;
}

.box-no-shadow {
  box-shadow: 0 0px 0px rgba(0, 0, 0, 0.1);
}

.orignalpos {
  padding-top: 10px;
}
.form-group.has-error
  .form-control.select2-hidden-accessible
  + span
  span
  span.select2-selection {
  border-color: #dd4b39;
}

hr.custom-hr-with-large-width {
  margin-left: -10px;
  margin-right: -10px;
  border-top: 20px solid #ecf0f5;
}
.invoice .custom-sale-invoice tr.space-under-td > td {
  padding-bottom: 0.2em;
}

.invoice .custom-sale-invoice tr.space-under-td-6px > td {
  padding-bottom: 6px;
}

.invoice .custom-sale-invoice tr.space-under-td tr > td {
  padding-bottom: 0.2em;
}
tr.space-all-around-td > td {
  padding: 4px;
}

.invoice .custom-sale-invoice tr.space-left-td tr > td {
  padding-left: 4px;
}
.select2-hidden-accessible.ng-hide + span.select2 {
  display: none !important;
}
.pageBreak {
  page-break-after: always;
}

.disable-checked-icheck div.icheckbox_flat-green.checked.disabled {
  background-position: -22px 0 !important;
}
.disable-checked-icheck div.icheckbox_flat-green.checked.disabled ins {
  opacity: 0.5 !important;
}

div.sub-header {
  margin-bottom: 6px;
  font-style: italic;
  font-size: 15px;
  text-transform: capitalize;
  color: #3c8dbc;
}

.uib-datepicker .btn-default {
  border: 0;
  background-color: #fff;
}
.uib-datepicker .btn-default.active {
  background-color: #31b0d5;
}
.uib-datepicker table:focus {
  outline: none;
}

.daterangepicker.dropdown-menu {
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.select2-container .select2-search--inline .select2-search__field {
  padding-left: 10px;
  font-size: 14px;
  font-family: Roboto, Helvetica Neue, sans-serif;
}

.select2-container--default
  .select2-selection--single
  .select2-selection__placeholder {
  color: #555;
  font-size: 14px;
  padding-left: 3px;
  font-family: Roboto, Helvetica Neue, sans-serif;
}
.select2-container--default
  .select2-selection--single
  .select2-selection__arrow
  b {
  border-color: #555 transparent transparent transparent;
}

.select2-container--default .select2-selection--single,
.select2-selection .select2-selection--single {
  padding-left: 15px;
}
.form-group div[vertical-align-middle-7px=""] {
  margin-top: 7px;
}
.mainContent h3.box-title {
  width: 75%;
}

.content-header > h1 > small {
  text-transform: capitalize;
}

.form-group label sublabel {
  color: #777;
  font-size: 12px;
  font-weight: 400;
}

label info-sublabel {
  font-size: 12px;
  font-weight: 400;
}

table td[numeric-column],
table th[numeric-column] {
  text-align: right;
  padding-right: 30px !important;
}

table td[status-column],
table th[status-column] {
  text-align: center;
}

table tr[all-td-center],
table tr[all-td-center] th {
  text-align: center;
}

tr.error-here,
td.error-here {
  background-color: #fbdfdf;
}
table.payment-import-csv tr:first-child {
  font-weight: bold;
  color: #fff;
  background-color: #3c8dbc;
}

button[col-button-only] {
  margin-top: 26px;
}

.table-csv > tbody > tr > td,
.table-csv > tbody > tr > th,
.table-csv > tfoot > tr > td,
.table-csv > tfoot > tr > th,
.table-csv > thead > tr > td,
.table-csv > thead > tr > th {
  padding: 2px;
}

.table-csv > thead > tr > th,
.table-csv > tbody > tr > th,
.table-csv > tfoot > tr > th,
.table-csv > thead > tr > td,
.table-csv > tbody > tr > td,
.table-csv > tfoot > tr > td {
  border: 1px solid #7b97a7;
}

.custom-note tr.data-td td {
  font-family: Trebuchet MS;
  line-height: 100%;
  font-size: 10px;
  padding: 4px !important;
}

.custom-note-parent section:nth-of-type(even) {
  margin-top: 30px;
}

@media screen and (max-width: 767px) {
  .ng-datatable-responsive div.dataTables_wrapper div.row:nth-child(2) > div {
    overflow-x: auto !important;
    padding: 0 !important;
  }
  .ng-datatable-responsive div.dataTables_wrapper div.row:nth-child(1) {
    display: flex !important;
    font-size: 0 !important;
  }
  .ng-datatable-responsive div.dataTables_wrapper div.row:nth-child(1) div {
    padding: 0 !important;
  }
  .ng-datatable-responsive
    div.dataTables_wrapper
    div.row:nth-child(1)
    div:nth-child(2) {
    margin-left: auto;
    font-size: 14px !important;
  }
  .ng-datatable-responsive table {
    white-space: nowrap !important;
  }
  .ng-datatable-responsive.with-bulk-actions .slctd-count,
  .ng-datatable-responsive.with-bulk-actions .dt-act-btn {
    display: none !important;
  }
  .ng-datatable-responsive.with-bulk-actions div.dt-dd-more {
    display: inline-block !important;
    float: left;
  }
  .ng-datatable-responsive.with-bulk-actions
    div.dataTables_wrapper
    div.row:nth-child(1)
    > div:nth-child(1) {
    display: none !important;
  }
  .ng-datatable-responsive.with-bulk-actions
    div.dataTables_wrapper
    div.row:nth-child(1)
    div:nth-child(3) {
    margin-left: auto;
    font-size: 14px !important;
  }
  .ng-datatable-responsive div.dataTables_wrapper div.row:nth-child(2) {
    margin: 0;
  }
}
.ng-datatable-responsive.with-bulk-actions
  div.dataTables_wrapper
  div.row:nth-child(1)
  > div:nth-child(1) {
  display: none !important;
}
.ng-datatable-responsive input[type="search"] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.box.custpo-prod-history {
  box-shadow: none;
}
.box.custpo-prod-history .box-primary {
  margin-bottom: 30px;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
}
tbody[first-row-header] tr:nth-child(1) {
  background-color: #3c8dbc;
  font-weight: 600;
  color: #fff;
}
.card-with-header .box-title,
.card-with-header .box-tools button,
.card-with-header h3 small {
  color: #fff !important;
}
.card-with-header .icon {
  top: 20px;
}
.card-with-header .inner p {
  width: 70%;
}
div.without-label {
  margin-top: 24px !important;
}

div.checkbox-only span {
  border: 0;
  padding-left: 0;
  font-weight: 700;
}
div.checkbox-only .input-group-addon {
  border: 0;
  padding-left: 0;
}

select[full-width] {
  width: 100% !important;
}
.with-loading span {
  width: 100%;
  background-color: rgb(220, 220, 220);
  height: 62px;
  display: inline-grid;
  color: rgb(140, 140, 140);
  text-align: center;
  align-items: center;
}
.with-loading span[height="400px"] {
  height: 400px !important;
}
.with-loading span[height="300px"] {
  height: 300px !important;
}
.with-loading span[height="200px"] {
  height: 200px !important;
}
.with-loading span[height="100px"] {
  height: 100px !important;
}
.with-loading span[font-size="1.4em"] {
  font-size: 1.4em !important;
}

.modal .modal-body .box .box-header,
.modal .modal-body .box .box-body {
  padding: 5px 0px;
}

na-text {
  font-style: italic !important;
  color: #949292 !important;
}
italic-text {
  font-style: italic;
  color: #949292;
}
.no-bg {
  background-color: transparent !important;
}

.pad-15 {
  padding: 15px;
}

.mgn-15 {
  margin: 15px;
}

.pad-lr-15 {
  padding-left: 15px;
  padding-right: 15px;
}

.pad-lr-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.pad-tb-10 {
  padding-top: 10px;
  padding-bottom: 10px;
}

.pad-tb-15 {
  padding-top: 15px;
  padding-bottom: 15px;
}

.pad-lr-30 {
  padding-left: 30px;
  padding-right: 30px;
}

.pad-b {
  padding-bottom: 15px;
}
.pad-t {
  padding-top: 15px;
}

.mgn-lr-15 {
  margin-right: 15px;
  margin-left: 15px;
}

.mgn-tb-15 {
  margin-top: 15px;
  margin-bottom: 15px;
}
.mgn-t-15 {
  margin-top: 15px;
}

.mgn-r-10 {
  margin-right: 10px;
}
.mgn-b-15 {
  margin-bottom: 15px;
}
.np-t {
  padding-top: 0px;
}
.np-b {
  padding-bottom: 0px;
}
.np-lr {
  padding-left: 0px;
  padding-right: 0px;
}
.np-tb {
  padding-top: 0px;
  padding-bottom: 0px;
}

/* ===================== Shortcut CSS Ends ======================= */

input[toggle-checkbox][disable-by-perm][disabled]
  + .toggle-group
  .toggle-handle {
  display: none;
}
input[toggle-checkbox][disable-by-perm][disabled] + .toggle-group label {
  padding-left: 0px;
  padding-right: 0px;
  cursor: not-allowed;
}

.txt-elps {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
}

/*================== Start Of SnL Tab Panel Custom CSS ==================== */

.snl-tab-panel ul.tabs {
  margin: 0 auto;
  list-style: none;
  overflow: hidden;
  padding: 0;
}
.snl-tab-panel ul.tabs li {
  float: left;
  min-width: 130px;
  width: 50%;
}
.snl-tab-panel ul.tabs li a {
  position: relative;
  display: block;
  height: 30px;
  margin-top: 40px;
  padding: 10px 0 0 0;
  font-family: "Open Sans", sans-serif;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  color: #ffffff;
  background: #6edeef;
  background: #7aa8c3;
  box-sizing: unset !important;
  -webkit-box-sizing: unset !important;
  -webkit-box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
  box-shadow: 8px 12px 25px 2px rgba(0, 0, 0, 0.4);
  border: 0px solid #000000;
  -webkit-transition: padding 0.2s ease, margin 0.2s ease;
  -moz-transition: padding 0.2s ease, margin 0.2s ease;
  -o-transition: padding 0.2s ease, margin 0.2s ease;
  -ms-transition: padding 0.2s ease, margin 0.2s ease;
  transition: padding 0.2s ease, margin 0.2s ease;
}
.snl-tab-panel .tabs li:first-child a {
  z-index: 3;
  -webkit-border-top-left-radius: 8px;
  -moz-border-radius-topleft: 8px;
  border-top-left-radius: 8px;
}
.snl-tab-panel .tabs li:nth-child(2) a {
  z-index: 2;
}
.snl-tab-panel .tabs li:last-child a {
  z-index: 1;
  -webkit-box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  -webkit-border-top-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  border-top-right-radius: 8px;
}
.snl-tab-panel ul.tabs li a:hover {
  margin: 35px 0 0 0;
  padding: 10px 0 5px 0;
}
.snl-tab-panel ul.tabs li a.active {
  margin: 30px 0 0 0;
  padding: 10px 0 10px 0;
  background: #545f60;
  background: #3c8dbc;
  /*	color: #6edeef;*/
  /*color: #ff6831;*/
  z-index: 4;
  outline: none;
}
.snl-tab-panel .group:before,
.snl-tab-panel .group:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}
.snl-tab-panel .group:after {
  clear: both;
}
.snl-tab-panel > .snl-nav-content {
  width: 100%;
  margin: 0 auto;
  background: #545f60;
  background: #fff;
  -webkit-box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  box-shadow: 2px 8px 25px -2px rgba(0, 0, 0, 0.3);
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -moz-border-radius-bottomleft: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}

/*================== END Of SnL Tab Panel Custom CSS ==================== */

/*================== START Of Tab With Badge ==================== */
.nav-tabs-custom > ul > li[tab-with-badge] a {
  padding-left: 20px;
  padding-right: 20px;
}
.nav-tabs-custom > ul > li[tab-with-badge] span.badge.number-only {
  position: absolute;
  top: 4px;
  padding: 0;
  right: 4px;
  color: #3c8cbc;
  font-size: 12px;
  background-color: transparent !important;
  border: none;
}
/*================== END Of Tab With Badge ==================== */

/*================== START Of Custome Green CheckBox ==================== */
.control {
  /*display: block;*/
  position: relative;
  /*padding-left: 30px;*/
  cursor: pointer;
  margin-bottom: 0px;
}
.control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.control__indicator {
  position: relative;
  /*border-radius: 5px;*/
  left: 0;
  height: 18px;
  width: 20px;
  background: #e6e6e6;
}
.control--radio .control__indicator {
  border-radius: 50%;
}
.control input:checked ~ .control__indicator {
  background: #04bb9c;
}
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
  background: #04bb9c;
}
.control input:disabled ~ .control__indicator {
  background: #e6e6e6;
  opacity: 0.6;
  /*pointer-events: none;*/
  cursor: not-allowed;
}
.control__indicator:after {
  content: "";
  position: absolute;
  display: none;
}
.control input:checked ~ .control__indicator:after {
  display: block;
}
.control--checkbox .control__indicator:after {
  left: 8px;
  top: 2px;
  width: 5px;
  height: 11px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
/*.control--checkbox .control__indicator .partialCheckbox {
left: 8px;
top: 2px;
width: 5px;
height: 11px;
border: solid #fff;
border-width: 0 2px 2px 0;
transform: rotate(45deg);
}*/
.control--checkbox input:disabled ~ .control__indicator:after {
  border-color: #7b7b7b;
}

.control.control--checkbox input:focus ~ .control__indicator {
  outline: 1px solid #3c8dbc;
  outline-offset: -1.5px;
}

/*================== END Of Custome Green CheckBox ==================== */

/*================== START Of Dot Spinner ==================== */
.spinner {
  margin: 150px auto;
  width: 40px;
  height: 40px;
  position: relative;
  text-align: center;

  -webkit-animation: sk-rotate 2s infinite linear;
  animation: sk-rotate 2s infinite linear;
}

.dot1,
.dot2 {
  width: 60%;
  height: 60%;
  display: inline-block;
  position: absolute;
  top: 0;
  background-color: #3c8dbc;
  border-radius: 100%;

  -webkit-animation: sk-bounce 2s infinite ease-in-out;
  animation: sk-bounce 2s infinite ease-in-out;
}

.dot2 {
  top: auto;
  bottom: 0;
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}

@-webkit-keyframes sk-rotate {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes sk-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@-webkit-keyframes sk-bounce {
  0%,
  100% {
    -webkit-transform: scale(0);
  }
  50% {
    -webkit-transform: scale(1);
  }
}

@keyframes sk-bounce {
  0%,
  100% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }
  50% {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
/*================== END Of Dot Spinner ==================== */

/******************************** Inline edidtable table style **************************************/
table[inline-editable-table] .editable {
  padding: 0;
  height: auto;
  font-size: 12px;
  border: none;
  border-bottom: 1px solid transparent;
  background-color: transparent;
}

table[inline-editable-table] .has-error .editable,
table[inline-editable-table] .has-error .editable:focus {
  border: none;
  outline: none;
  border-bottom: 1px solid rgb(237, 132, 132);
}

table[inline-editable-table] .modified-row .editable + span {
  position: relative;
}

table[inline-editable-table] .modified-row .editable + span:after {
  content: "*";
  position: absolute;
  color: #fd6d26;
  font-size: 20px;
  top: -7px;
  left: -5px;
}

table[inline-editable-table] .modified-row .editable {
  color: #fd6d26;
  position: relative;
}

table[inline-editable-table] .editable:focus {
  border: none;
  border-bottom: 1px solid rgb(60, 141, 188);
  outline: none;
}

table[inline-editable-table] input[type="date"]::-webkit-inner-spin-button,
table[inline-editable-table] input[type="date"]::-webkit-clear-button,
table[inline-editable-table]
  input[type="date"]::-webkit-calendar-picker-indicator {
  display: none;
  -webkit-appearance: none;
}

table[inline-editable-table] input[type="number"]::-webkit-inner-spin-button,
table[inline-editable-table] input[type="number"]::-webkit-outer-spin-button,
table[inline-editable-table] input[type="time"]::-webkit-inner-spin-button,
table[inline-editable-table] input[type="time"]::-webkit-clear-button,
table[inline-editable-table] input[type="time"]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: -2px;
}

/* To fix the right alignment on input type number without spinner */
table[inline-editable-table] input[type="number"] {
  text-align: right;
  padding-right: 11px;
}

/****************************** Inline edidtable table style ends ************************************/

/****************************** Stamp CSS starts ************************************/
span.stamp {
  transform: rotate(12deg);
  color: #555;
  font-size: 3rem;
  font-weight: 700;
  border: 0.25rem solid #555;
  display: inline-block;
  padding: 0.25rem 1rem;
  text-transform: uppercase;
  border-radius: 1rem;
  font-family: "Courier";
  -webkit-mask-image: url("https://mumbais3sanchalan.s3.ap-south-1.amazonaws.com/CompanyLogo/39321M58R00_118_494_11928-20190326180459-0.png");
  -webkit-mask-size: 944px 604px;
  mix-blend-mode: multiply;
}

span.stamp.is-approved {
  position: absolute;
  color: #0a9928;
  border: 0.5rem solid #0a9928;
  -webkit-mask-position: 13rem 6rem;
  transform: rotate(-24deg);
  border-radius: 0;
}
/****************************** Stamp CSS ends ************************************/

/****************************** Tab Panel with darker border CSS starts ************************************/
.nav.with-darker-border {
  box-shadow: none;
  margin-bottom: 0px;
}
.nav.with-darker-border.nav-tabs {
  border-bottom: 1px solid #ccc;
}
.nav.with-darker-border.nav-tabs > li.active > a {
  border-left-color: #ccc;
  border-right-color: #ccc;
}
/****************************** Illusion disabled for popover ************************************/
.illusion-disabled {
  cursor: not-allowed;
}
.illusion-disabled.btn-default:hover {
  color: #444;
  background-color: #f4f4f4;
  border-color: #ddd;
}

/****************************** pricing table button for true and false ************************************/
.pricingTable .pricing-content td.apply-pricing-content {
  padding: 7px 0;
  font-size: 16px;
  color: #808080;
  position: relative;
  vertical-align: -webkit-baseline-middle;
}

.pricingTable .pricing-content td.apply-pricing-content:before {
  content: "\2713";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #98c458;
  text-align: center;
  color: #fff;
  position: absolute;
  margin-top: 5px;
}

.pricingTable .pricing-content td.apply-pricing-content.disable:before {
  content: "\2715";
  background: #fe6c6c;
}
/****************************** Tab Panel with darker border CSS ends ************************************/

.table.table-light > thead > tr > th {
  border-bottom: 2px solid #b9b9b9;
}

.disable-accordian {
  pointer-events: none;
  cursor: not-allowed;
}

.disable-link {
  pointer-events: none;
  cursor: not-allowed;
  color: grey !important;
}

/***************** Toast CSS Start *****************/
.md-toast-content {
  position: fixed !important;
  right: 33px !important;
  top: 54px !important;
  overflow: hidden;
  z-index: 1000 !important;
  opacity: 0.8 !important;
  background-color: #51a754 !important;
  color: rgb(250, 250, 250) !important;
}
/***************** Toast CSS End *****************/

/***************** Cust Fab Speed Dial CSS Start *****************/
.cust-fab-speed-dial .fa-info-circle:before {
  font-size: 25px;
}
.cust-fab-speed-dial {
  position: fixed;
  bottom: 0px;
  right: 0px;
}
/***************** Cust Fab Speed Dial CSS End *****************/

/***************** Header Search Bar for form finding CSS Starts *****************/

/***************** Header Search Bar for form finding CSS Ends *****************/

/*.cust-cont {
		min-width: 500px !important;
	}*/
/************************** Use this on box body *************************************/
.content-wrapper > .content .box > .box-body.form-content {
  padding: 20px;
}

.select2-container--default.select2-container--disabled
  .select2-selection--single {
  pointer-events: none;
  cursor: not-allowed;
}

.heading-with-hr {
  margin: 10px 0px 10px 0px;
  padding: 0px 0px 10px 0px;
  border-bottom: 1px solid #ccc;
}

button.icon-only {
  border: none;
  background-color: transparent;
  font-size: 18px;
}

input[align-right] {
  text-align: right;
}

[ng-click*="("] {
  cursor: pointer;
}

*[hand-pointer] {
  cursor: pointer;
}