body {
    overscroll-behavior: none;
}

::-webkit-scrollbar {
    background-color: transparent;
    width: 5px
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-track:hover {
    background-color: #f4f4f4
}

::-webkit-scrollbar-thumb {
    background-color: #babac0;
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #a0a0a5;
}

::-webkit-scrollbar-button {
    display: none
}

@-webkit-keyframes scale-up-left {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@keyframes scale-up-left {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transform-origin: 0% 50%;
        transform-origin: 0% 50%;
    }
}

@-webkit-keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

@keyframes scale-up-ver-top {
    0% {
        -webkit-transform: scaleY(0.4);
        transform: scaleY(0.4);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }

    100% {
        -webkit-transform: scaleY(1);
        transform: scaleY(1);
        -webkit-transform-origin: 100% 0%;
        transform-origin: 100% 0%;
    }
}

.scale-up-left {
    -webkit-animation: scale-up-left 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
    animation: scale-up-left 0.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

.scale-up-ver-top {
    -webkit-animation: scale-up-ver-top 0.2s both;
    animation: scale-up-ver-top 0.2s both;
}


md-autocomplete#custom-template {
    width: 200px;
}

.autocomplete-custom-template li {
    border-bottom: 1px solid #ccc;
    height: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    white-space: normal;
}

.autocomplete-custom-template li:last-child {
    border-bottom-width: 0;
}

.autocomplete-custom-template .item-title,
.autocomplete-custom-template .item-metadata {
    display: block;
    line-height: 2;
}

.autocomplete-custom-template .item-title md-icon {
    height: 18px;
    width: 18px;
}

.autocomplete-custom-template .item-metadata .item-meta {
    display: inline-block;
    margin-left: 5px;
    min-width: 60px;
    font-size: 12pt;
}

.custom-container {
    min-width: 300px !important;
}

md-virtual-repeat-container {
    width: 320px;
}

.bottom-padding {
    padding: 10px 10px 120px 10px;
}

.footer {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: white;
    border-top: 2px solid #4aba6e;
    color: white;
    text-align: center;
    z-index: 3;
    padding-top: 10px;
    padding-bottom: 10px;
}

footer {
    background-color: #ddd;
    text-align: center;
}

.menuBtn {
    background-color: transparent;
    border: none;
    margin: 0 auto;
    color: white;
    padding: 25px;
    margin-left: -10px;
}

md-toolbar h1 {
    font-weight: normal;
}

md-list .md-button {
    color: inherit;
    font-weight: 500;
    text-align: left;
    width: 100%;
}

.no-data-image {
    max-height: 250px;
    margin-top: 50px;
}

.menuItem {
    text-align: left;
    text-transform: none;
    display: block;
    padding: 10px 10px 10px 20px;
    margin: 0 auto;
}

.menuItem:hover md-icon {
    fill: #2e324d;
    color: #2e324d;
}

.menuItem md-icon {
    margin-right: 25px;
    fill: silver;
}


.floating-button {
    right: 0;
    bottom: 0;
    position: fixed;
    margin-right: 25px;
    margin-bottom: 20px;
}

.MenuButton {
    background-color: transparent;
    border: none;
    margin: 0 auto;
    color: white;
    padding: 15px;
}

.light-grey {
    background-color: #f0f0f0;
}

.light-grey-cancelled {
    background-color: #f0f0f0;
}

.bottom-buffer {
    margin-bottom: 50px;
}

.badge {
    float: right;
    font-size: 10pt;
    color: silver;
    margin-right: 5px;
}

.bottom-panel {
    padding: 10px;
}

.bottom-sheet-text {
    margin-top: 10px;
}

.bottomSheetdemoBasicUsage .md-inline-list-icon-label {
    display: inline-block;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: -5px;
    height: 24px;
    vertical-align: middle;
}

.bottomSheetdemoBasicUsage .md-grid-item-content md-icon {
    height: 48px;
    width: 48px;
}

.bottomSheetdemoBasicUsage .md-grid-text {
    padding-bottom: 5px;
}

.bottom-sheet-icon-svg {
    fill: #a0a0a0;
}

.md-raised-form {
    padding: 15px;
    align-self: center;
    display: block;
}

.float-right {
    float: right;
}

.float-left {
    float: left;
}

.md-panel {
    background-color: #f0f0f0;
}

.box-highlight-blue {
    padding: 25px;
    margin: 15px;
    border-radius: 10px;
    background-color: #4dbce9;
    color: white;
}

.box-highlight-yellow {
    padding: 25px;
    margin: 15px;
    border-radius: 10px;
    background-color: #ffc107;
}

.box-highlight-grey {
    padding: 25px;
    margin: 15px;
    border-radius: 10px;
    background-color: #f0f0f0;
    border: 1px solid #cccccc;
}

.box-highlight-white {
    padding: 25px;
    margin: 15px;
    border-radius: 10px;
    border: 2px solid #cccccc;
}

.box-highlight-red {
    padding: 25px;
    margin: 15px;
    border-radius: 10px;
    background-color: #ff5722;
}

.md-search-box {
    margin-top: 25px;
    margin-bottom: -25px;
    color: white !important;
    border-color: white !important;
}

.md-search-box:focus {
    color: white !important;
    border-color: #ffffff !important;
    margin-top: 10px;
    margin-bottom: -10px;
}

.md-search-box-icon {
    fill: #ffffff !important;
}

.md-dark-panel,
.md-dark-panel label {
    background-color: #ff9358;
    color: #000 !important;
    border-color: white !important;
    padding-left: 15px;
    padding-right: 15px;
    fill: #ffffff !important;
    line-height: 25px;
}

.md-dark-panel md-icon,
.md-dark-panel img {
    background-color: #ff9358;
    color: rgb(0, 0, 0) !important;
    border-color: rgb(0, 0, 0) !important;
    margin-right: 5px;
    margin-top: -5px;
    fill: rgb(0, 0, 0) !important;
}

.status-new {
    font-size: 12pt;
    background-color: #FDA619;
    color: white;
    padding: 3px;
    width: 100px;
    display: block;
}

.status-pending {
    font-size: 10pt;
    color: #FDA619;
    padding: 0;
    width: 100px;
    display: block;
}

.status-ready {
    font-size: 10pt;
    color: green;
    text-align: center;
    width: 50px;
}

.status-finished {
    font-size: 10pt;
    color: #b0b0b0;
    padding: 0;
    width: 100px;
    display: block;
}

.status-cancelled {
    font-size: 10pt;
    color: #000;
    padding: 0;
    width: 100px;
    display: block;
}


.item-status-new {
    color: #4aba6e;
    font-weight: bold;
}

.item-status-pending {
    color: #000;
    font-weight: bold;
}

.item-status-ready {
    color: green;
}

.item-status-finished {
    color: #b0b0b0;
}

.item-status-cancelled {
    color: #000;
    text-decoration: line-through;
}

.text-time {
    font-size: 10pt;
    color: #b0b0b0;
    padding: 0;
    width: 100px;
    display: block;
}

.text-counts {
    background-color: #f0f0f0;
    padding: 10px;
}

.text-buzz {
    fill: #d0d0d0;
}

.md-icon-right {
    width: 40px !important;
    float: right;
    margin-right: 15px;
}

.md-badge {
    font-size: 10pt;
    background-color: #ff9358;
    color: #000;
    font-weight: bold;
    padding: 5px;
}



.md-status-badge-Available {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    background-color: #a0a0a0;
    padding: 3px;
    text-align: center;
}

.md-status-badge-Occupied {
    line-height: 22pt;
    font-size: 12pt;
    color: #000;
    display: inline-block;
    background-color: #FDA619;
    padding: 3px;
    text-align: center;
}

.md-status-badge-Warning {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: red;
    padding: 3px;
    text-align: center;
}

.md-status-badge-Fast {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: green;
    padding: 3px;
    text-align: center;
}

.md-status-badge-Readymade {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: blue;
    padding: 3px;
    text-align: center;
}


.md-status-badge-Billing {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: #673301;
    padding: 3px;
    text-align: center;
}


.md-status-badge-Reserved {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: #000;
    padding: 3px;
    text-align: center;
}

.md-status-badge {
    line-height: 22pt;
    font-size: 12pt;
    display: inline-block;
    padding: 3px;
    text-align: center;
}

.pending-text {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: #a0a0a0;
    padding: 3px;
    margin-right: 1px;
    text-align: center;
    min-width: 20px;
}

.served-text {
    line-height: 22pt;
    font-size: 12pt;
    color: #fff;
    display: inline-block;
    background-color: #a0a0a0;
    padding: 3px;
    margin-left: 1px;
    text-align: center;
    min-width: 20px;
}


.md-zero-margin {
    margin: 0 auto;
    padding: 0;
}

.md-special-offer {
    background-color: transparent;
    border: none;
    color: white;
    padding: 15px;
    display: block;
    width: 80px;
}

.md-promotion {
    font-size: 11pt;
    color: #545454;
}

.md-promotion-title {
    font-size: 12pt;
    color: #000000;
    padding-top: 20px;
    font-weight: bold;

}

.md-button-large {
    padding: 5px 50px 5px 50px;
}

.md-status-cards {
    margin: 10px 20px 10px 20px;
    background-color: #ffffff;
}

.md-form-cards {
    margin: 10px 20px 10px 20px;
    background-color: #ffffff;
}

.form-title {
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 12pt;
    padding: 20px;
    margin: 0 auto;
    margin-top: 10px;
}

.md-tile-content {
    padding-left: 20px;
}

.md-help-text {
    font-size: 10pt;
    color: #545454;
}

.narrow-margin {
    margin-top: 0;
    margin-bottom: 5px;
}

.extra-padding {
    padding: 15px 5px 20px 15px;
}

.border-right {
    border-right: 1px solid #cccccc;
}

.form-error-message {
    font-size: 16pt;
    font-weight: 600;
    color: #0e6a5d;
    padding: 10px 25px 10px 25px;
}

.position-box {
    background-color: #f0f0f0;
    padding: 25px 10px 25px 10px;
    display: block;
    max-width: 200px;
    text-align: center;
}

.position-text {
    color: #545454;
    font-size: 12pt;
    font-weight: bold;
}

.position-number {
    font-size: 38pt;
    font-weight: 400;
    margin: 0 auto;
    padding: 0;
}

.status-text {
    text-align: left;
    font-size: 22pt;
    font-weight: 200;
    white-space: pre-line;
}

.dark-background {
    background-color: #FDA619;
    margin: 0 auto;
    padding: 0;
}

.Member-Count {
    text-align: center;
    border-radius: 5px;
    color: black;
    background-color: #FDA619;
    padding: 1px;
    font-size: 14pt;
    display: block;
    min-width: 40px;
    cursor: pointer;
    margin-left: -10px;
}

.Item-Special {
    text-align: center;
    border-radius: 25px;
    color: black;
    background-color: #FDA619;
    padding: 5px;
    font-size: 12pt;
    display: block;
    min-width: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}

.Item-Special-Price {
    text-align: center;
    border-radius: 25px;
    color: white;
    background-color: #673301 !important;
    padding: 5px;
    font-size: 12pt;
    display: block;
    min-width: 40px;
    margin-bottom: 10px;
    cursor: pointer;
}

.Show-Item {
    text-align: center;
    border-radius: 25px;
    padding: 1px 10px 1px 10px;
    font-size: 11pt;
    display: inline-block;
    min-width: 30px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}

.Show-Item-Special {
    text-align: center;
    border-radius: 25px;
    color: black;
    background-color: #FDA619;
    padding: 1px 10px 1px 10px;
    font-size: 11pt;
    display: inline-block;
    min-width: 30px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}

.Show-Item-Special-Price {
    text-align: center;
    border-radius: 25px;
    color: white;
    background-color: #673301 !important;
    padding: 1px 10px 1px 10px;
    font-size: 11pt;
    display: inline-block;
    min-width: 30px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}


.SelectedSpecial {
    color: white;
    background-color: red !important;
}

.md-round-button {
    height: 45px;
    width: 45px;
    border-radius: 100px;
    color: black;
    margin: 5px;
    padding: 5px;
    text-decoration: none;
    border: none;
    display: inline-block;
    font-size: 9pt;
}

.Operator-MenuCategory {
    text-align: center;
    border-radius: 25px;
    color: black;
    background-color: #FDA619 !important;
    padding: 5px;
    font-size: 10pt;
    display: block;
    min-width: 40px;
    margin-bottom: 5px;
    cursor: pointer;
}

.Show-Operator-MenuCategory {
    text-align: center;
    border-radius: 25px;
    color: black;
    background-color: #FDA619 !important;
    padding: 1px 10px 1px 10px;
    font-size: 10pt;
    display: inline-block;
    min-width: 30px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}

.Order-Counts {
    font-size: 14pt;
    padding-top: 10px;
    background-color: #FDA619;
    min-width: 50px;
    max-height: 50px;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.Order-Counts span {
    font-size: 8pt;
    color: #242424;
    margin-top: 10px;
}

.Loyalty-Points {
    font-size: 14pt;
    padding-top: 10px;
    background-color: #c0c0c0;
    min-width: 100px;
    max-height: 50px;
    margin: 2px;
    border-radius: 5px;
    text-align: center;
    cursor: pointer;
}

.Loyalty-Points span {
    font-size: 8pt;
    color: #242424;
    margin-top: 10px;
}


.md-round-button-order {
    background-color: #4aba6e;
}

.md-round-button-passing {
    background-color: #4aba6e;
}

.md-round-button-billing {
    background-color: #4aba6e;
}

.md-round-button md-icon {
    padding: 10px;
}

.md-round-button:hover {
    background-color: lightgreen;
}

.BranchReport-Table {
    border-collapse: collapse;
    width: 100%;
    font-size: 10pt;
}

.BranchReport-Header {
    line-height: 22pt;
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 10pt;
}

.BranchReport-Row {
    line-height: 18pt;
}

.BranchReport-Footer {
    line-height: 22pt;
    background-color: #f0f0f0;
    font-weight: bold;
    font-size: 12pt;
}

.BranchReport-Text-Column {
    padding-left: 10px;
    text-align: left;
}

.BranchReport-Numeric-Column {
    text-align: right;
    padding-right: 10px;
}

.BranchReport-Highlight-Field {
    font-weight: bold;
}

#divReport {
    width: 100% !important;
}


.Report-Highlight-Column-Light {
    font-weight: bold;
}

.Report-Highlight-Column-Dark {
    background-color: #d0d0d0 !important;
}

.Report-Highlight-Column-Yellow {
    background-color: #4dbce9 !important;
}

.Report-Highlight-Column-Black {
    background-color: #000000 !important;
    color: white;
}

.Report-Highlight-Column-Red {
    color: maroon;
    font-weight: bold;
}

.Report-Highlight-Column-Green {
    background-color: #43A047;
    color: white;
    font-weight: bold;
}

.Report-Highlight-Column-Brown {
    background-color: #2e324d;
    color: white;
}

.Report-Highlight-Span-Red {
    background-color: #4dbce9;
    font-weight: bold;
    padding: 5px;
}

.Narrations-Table {
    border-collapse: collapse;
    border: none;
    font-size: 12pt;
    background-color: white;
    margin: 0 auto;
    width: 100%;
}

.Narrations-Header {
    background-color: #f0f0f0;
    font-size: 12pt;
    font-weight: bold;
    padding: 5px;
}


.Narrations-Table tr td,
.Narrations-Header td {
    padding: 5px;
    border: none;
}


.Bill-Desk-Table {
    border-collapse: collapse;
    font-size: 12pt;
    background-color: white;
    margin: 0 auto;
    width: 100%;
}

.Report-Table {
    border-collapse: collapse;
    font-size: 10pt;
    background-color: white;
    margin-top: 15px;
    width: 100%;
}

.Report-HalfTable {
    border-collapse: collapse;
    font-size: 10pt;
    background-color: white;
    margin: 15px;
}

.Report-Header {
    background-color: #f0f0f0;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
}

.Report-Header span {
    font-size: 9pt;
    font-weight: normal;
    padding-top: 10px;
    color: #545454;
}

.Report-Row:hover,
.Report-Row:active,
.Report-Row:focus {
    background-color: #f0f0f0;
}

.Report-Row td,
.Report-Header td {
    padding: 5px;
    border: 1px solid #c0c0c0;
}

.online-order-badge {
    background-color: red;
    color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    border-radius: 15px;
    width: 30px;
    height: 30px;
    padding: 3px;
    display: inline-block;
}

.order-status-pending {
    border-left: 7px solid green;
}

.order-status-issue {
    border-left: 7px solid orange;
}

.order-status-rejected {
    border-left: 7px solid grey;
}

.order-status-draft {
    border-left: 7px solid #2e324d;
}

.order-status-fulfilled {
    border-left: 7px solid blue;
}

.order-status-overdue {
    border-left: 7px solid red !important;
    /*background-color: antiquewhite !important;*/
}

.call-mobile {
    padding: 5px;
    border: 1px solid #c0c0c0;
    width: 100px;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 10px;
    background-color: white;
}

.count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: green;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.no-count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: grey;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.warn-count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: maroon;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.feedback-block {
    width: 100px;
    text-align: center;
    background-color: white;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin: 5px;
}

.feedback-block[md-ink-ripple] {
    position: relative;
}

.feedback-block img {
    height: 60px;
    padding: 10px;
}

.md-title-amount {
    font-size: 11pt;
    margin: 10px;
}

.error-box {
    margin: 0 auto;
    display: block;
    padding: 10px 25px 10px 25px;
    border: 1px solid mediumseagreen;
    margin: 25px;
    background-color: antiquewhite;
    border-radius: 5px;
    text-align: center;
}

.small-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: green;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.small-no-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: grey;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.small-warn-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: maroon;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}


.info-badge-yellow {
    background-color: #FFC107;
}

.info-badge-orange {
    background-color: #FDA619;
}

.info-badge-red {
    background-color: #FF5722;
    color: white !important;
}

.info-badge-green {
    background-color: limegreen;
    color: white !important;
}

.info-badge-grey {
    background-color: #cccccc;
}

.info-badge-light {
    background-color: #f0f0f0;
    border: 1px solid #bbbbbb;
}

.info-badge {
    border-radius: 5px;
    min-width: 200px;
    max-width: 320px;
    padding: 0px;
    margin: 10px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.info-badge md-icon {
    margin-right: 5px;
    fill: #FDA619;
}

.tabsdemoDynamicTabs md-content {
    background-color: transparent !important;
}

.tabsdemoDynamicTabs md-content md-tabs {
    border: 1px solid #e1e1e1;
}

.tabsdemoDynamicTabs md-content md-tabs md-tab-content {
    background: #f6f6f6;
}

.tabsdemoDynamicTabs md-content md-tabs md-tabs-wrapper {
    background: white;
}

.tabsdemoDynamicTabs md-content h1:first-child {
    margin-top: 0;
}

.tabsdemoDynamicTabs md-input-container {
    padding-bottom: 0;
}

.tabsdemoDynamicTabs .remove-tab {
    margin-bottom: 40px;
}

.tabsdemoDynamicTabs .demo-tab>div>div {
    padding: 25px;
    box-sizing: border-box;
}

.tabsdemoDynamicTabs .edit-form input {
    width: 100%;
}

.tabsdemoDynamicTabs md-tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}

.tabsdemoDynamicTabs md-tab[disabled] {
    opacity: 0.5;
}

.tabsdemoDynamicTabs label {
    text-align: left;
}

.tabsdemoDynamicTabs .long>input {
    width: 264px;
}

.tabsdemoDynamicTabs .md-button.add-tab {
    transform: translateY(5px);
}

.info-badge h1 {
    font-size: 16pt;
    color: black;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.info-badge h1 span {
    font-size: 12pt;
    color: #808080;
    font-weight: normal;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
}

.info-badge h5 {
    font-size: 8pt;
    color: #545454;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.md-status-badge-XS {
    text-align: center;
    vertical-align: middle;
    min-width: 50px;
    height: 45px;
    border-radius: 60px;
    display: block;
    color: white !important;
    background-color: #0e6a5d !important;
    padding: 10px 5px 3px 5px;
    font-size: 18pt;
}

.md-status-badge-SM {
    text-align: center;
    min-width: 50px;
    height: 45px;
    border-radius: 60px;
    display: block;
    color: white;
    background-color: #242424 !important;
    padding: 10px 5px 3px 5px;
    font-size: 18pt;
}

.md-status-badge-MD {
    text-align: center;
    min-width: 50px;
    height: 45px;
    border-radius: 60px;
    display: block;
    color: black !important;
    background-color: #c3c3c3 !important;
    padding: 10px 5px 3px 5px;
    font-size: 18pt;
}

.md-status-badge-LG {
    text-align: center;
    min-width: 50px;
    height: 45px;
    border-radius: 60px;
    display: block;
    background-color: #ff9358 !important;
    padding: 10px 5px 3px 5px;
    font-size: 18pt;
}

.md-status-badge-Multiple {
    text-align: center;
    min-width: 50px;
    height: 45px;
    border-radius: 60px;
    display: block;
    color: white;
    background-color: red !important;
    padding: 10px 5px 3px 5px;
    font-size: 18pt;
    margin-right: 10px;
}

.md-status-badge-Warning {
    text-align: right;
    min-width: 25px;
    display: block;
    background-color: #ff9358 !important;
    padding: 10px;
    font-size: 18pt;
    border-radius: 3px;
}

.token-box {
    display: block;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    background-color: black;
    padding: 50px;
}

.token-value {
    display: block;
    margin: 0 auto;
    font-size: 130pt;
    line-height: 475px;
    vertical-align: middle;
    font-weight: 600;
    background-color: antiquewhite;
    border-radius: 50%;
    width: 500px;
    height: 500px;
    border: 25px solid red;
}

.item-brown {
    color: white;
    background-color: #673301;
}

.item-yellow {
    color: black;
    background-color: #fda619;
}

.item-blue {
    color: black;
    background-color: #4dbce9;
}

.item-green {
    color: black;
    background-color: #4aba6e;
}

.item-black {
    color: white;
    background-color: #2e324d;
}

.item-orange {
    color: white;
    background-color: #ff5722;
}

.item-grey {
    color: black;
    background-color: #f0f0f0;
}


.item-status-stock {
    padding: 15px;
    min-width: 80px;
    text-align: right;
    border-radius: 5px;
    background-color: #4aba6e;
    font-size: 12pt;
    font-weight: bold;
}

.item-opening-stock {
    padding: 15px;
    min-width: 50px;
    text-align: right;
    border-radius: 5px;
    background-color: #c0c0c0;
    font-size: 12pt;
    font-weight: bold;
    margin: 2px;
}

.item-receive {
    padding: 15px;
    min-width: 50px;
    text-align: right;
    border-radius: 5px;
    background-color: #2e324d;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    margin: 2px;
}

.item-send {
    padding: 15px;
    min-width: 50px;
    text-align: right;
    border-radius: 5px;
    background-color: #2e324d;
    color: white;
    font-size: 12pt;
    font-weight: bold;
    margin: 2px;
}


.item-adjustment {
    padding: 5px;
    min-width: 30px;
    text-align: right;
    border-radius: 5px;
    background-color: maroon;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    margin: 2px;
}

.item-no-adjustment {
    padding: 5px;
    min-width: 30px;
    text-align: right;
    border-radius: 5px;
    background-color: #c0c0c0;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    margin: 2px;
}

.order-status-pending {
    border-left: 7px solid #4aba6e;
}

.order-status-badge-pending {
    padding: 5px;
    background-color: #4aba6e;
    color: white;
    border-radius: 10px;
    margin-left: 25px;
    font-size: 12px;
    width: 80px;
    text-align: center;
}

.order-status-badge-draft {
    padding: 5px;
    border: 2px solid #2e324d;
    font-weight: bold;
    background-color: white;
    color: #2e324d;
    border-radius: 10px;
    margin-left: 25px;
    font-size: 12px;
    width: 80px;
    text-align: center;
    text-transform: uppercase;
}


.call-mobile {
    padding: 5px;
    border: 1px solid #c0c0c0;
    width: 100px;
    text-align: center;
    font-size: 12pt;
    font-weight: bold;
    border-radius: 10px;
    margin-top: 10px;
    background-color: white;
}

.count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: #4aba6e;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.no-count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: grey;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.warn-count-badge {
    padding: 5px;
    border-radius: 100px;
    background-color: maroon;
    color: white;
    font-size: 16pt;
    font-weight: bold;
    height: 25px;
    width: 25px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.feedback-block {
    width: 100px;
    text-align: center;
    background-color: white;
    padding: 10px;
    cursor: pointer;
    border: 1px solid #c0c0c0;
    border-radius: 5px;
    margin: 5px;
}

.feedback-block[md-ink-ripple] {
    position: relative;
}

.feedback-block img {
    height: 60px;
    padding: 10px;
}

.md-title-amount {
    font-size: 11pt;
    margin: 10px;
}


.small-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: #4aba6e;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.small-no-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: grey;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}

.small-warn-count-badge {
    padding: 3px;
    border-radius: 100px;
    background-color: maroon;
    color: white;
    font-size: 10pt;
    font-weight: bold;
    height: 15px;
    width: 15px;
    text-align: center;
    display: block;
    margin: 0 auto;
    margin-top: 5px;
}


.content-header {
    text-align: center;
    background-color: #e0e0e0;
    border-bottom: 2px solid #cccccc;
    margin-bottom: 15px;
    padding: 0;
    padding-top: 20px;
}

.product-type-badge {
    padding: 2px;
    display: inline-block;
    background-color: #f0f0f0;
    color: #545454;
    border-radius: 5px;
    font-size: 8pt;
    min-width: 60px;
    text-align: center;
    margin: 0 auto;
    margin-right: 10px;
}

.product-location {
    padding: 2px;
    display: inline-block;
    background-color: gray;
    color: white;
    border-radius: 5px;
    font-size: 10pt;
    min-width: 60px;
    text-align: center;
    margin: 0 auto;
    margin-right: 10px;
}

.contact-badge {
    display: inline-block;
    padding: 5px;
    background-color: #4aba6e;
    color: white;
    border-radius: 5px;
    font-size: 12px;
    min-width: 75px;
    text-align: center;
    margin: 0 auto;
    margin-top: 5px;
}

.footer-info-block {
    min-width: 100px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    margin: 3px !important;
}

.product-quantity-block {
    min-width: 80px;
    display: inline-block;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    margin-right: 20px;
}

.product-quantity-main-text {
    font-size: 18pt;
    font-weight: bold;
}

.info-block-main-text {
    font-size: 11pt;
    font-weight: bold;
    margin-left: 5px;
}

.info-block-description-text {
    font-size: 8pt;
    margin-left: 35px;
}

.product-quantity-text {
    font-size: 12pt;
    font-weight: bold;
}

.product-unit-text {
    font-size: 8pt;
}


.content-header-footer {
    background-color: white;
    margin-top: 25px;
    text-align: center;
    padding: 10px;
}

.content-mdlist {
    text-align: center;
    padding: 5px;
}

.footer-info-block-green {
    border-left: 5px solid #4aba6e;
    border-radius: 0px;
    margin-left: 15px;
}

.footer-info-block-blue {
    border-left: 5px solid #2e324d;
    border-radius: 0px;
    margin-left: 15px;
}

.footer-info-block-red {
    border-left: 5px solid maroon;
    border-radius: 0px;
    margin-left: 15px;
}

.category-normal {
    border-left: 5px solid white;
}


.CounterSale-Item-Menu {
    font-size: 12pt;
}

.CounterSale-Item-Menu p {
    text-align: left;
    color: #673301;
    cursor: pointer;
    font-size: 12pt;
}

.CounterSale-Item-Menu span {
    text-align: left;
    color: #808080;
    cursor: pointer;
    font-size: 9pt;
}

.product-quantity-block-yellow {
    background-color: #f0f0a0;
    color: maroon;
}

.product-quantity-block-red {
    background-color: orangered;
    color: white;
    fill: white;
}

.product-quantity-block-green {
    background-color: #f0f0f0;
    color: #4aba6e;
    fill: #4aba6e;
}

.product-quantity-block-blue {
    background-color: #4aba6e;
    color: white;
    fill: white;
}

.category-header {
    color: #2e324d;
    font-size: 12pt;
    font-weight: bold;
    text-align: center;
    display: block;
}

.md-card-title {
    font-size: 12pt;
    font-weight: bold;
    color: #2e324d;
}

.small-card {
    padding: 15px 20px 5px 15px;
}

.small-text {
    font-size: 10pt !important;
    font-weight: normal;
    padding-top: 5px;
    padding-bottom: 5px;
}

.title-text {
    font-size: 11pt !important;
    font-weight: bold;
}


.ContactProducts {
    text-align: center;
    border-radius: 25px;
    color: white;
    background-color: #4aba6e !important;
    padding: 5px;
    font-size: 10pt;
    display: block;
    min-width: 40px;
    margin-bottom: 5px;
    cursor: pointer;
}

.AllContactProducts {
    text-align: center;
    border-radius: 25px;
    color: white;
    background-color: maroon !important;
    padding: 5px;
    font-size: 10pt;
    display: block;
    min-width: 40px;
    margin-bottom: 5px;
    cursor: pointer;
}

.SelectedProduct {
    color: white;
    background-color: #2e324d !important;
}

.Show-ContactProducts {
    text-align: center;
    border-radius: 25px;
    color: black;
    background-color: #FDA619 !important;
    padding: 1px 10px 1px 10px;
    font-size: 10pt;
    display: inline-block;
    min-width: 30px;
    margin-right: 5px;
    height: 22px;
    line-height: 20px;
}

.widget-element-default {
    background-color: #f0f0f0;
    max-width: 60px;
    border-radius: 5px;
    margin: 0 auto;
}

.widget-element-active {
    background-color: #4aba6e;
    max-width: 60px;
    border-radius: 5px;
    margin: 0 auto;
}

.widget {
    border: 1px solid #e0e0e0;
    border-radius: 5px;
    padding: 10px;
    margin: 5px;
    display: block;
}

.widget:hover {
    border: 1px solid #c0c0c0;
}

.widget h1 {
    font-size: 10pt;
    text-transform: uppercase;
    color: black;
    font-weight: 600;
}

.widget h2 {
    font-size: 10pt;
    color: black;
    font-weight: 400;
}

.widget ul {
    list-style: none;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.widget ul li {
    margin: 0 auto;
    padding: 0;
    width: 100%;
}

.widget ul li h3 {
    margin: 0 auto;
    font-size: 12pt;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 20px;
    padding: 5px;
    text-align: center;
}

.widget ul li h4 {
    font-size: 10pt;
    text-transform: uppercase;
    color: #cccccc;
    font-weight: 400;
    text-align: center;
    margin: 0 auto;
    padding-top: 5px;
}

.widget ul li md-icon {
    margin: 0 auto;
    text-align: center;
}

.dark-grey {
    background-color: #fff;
}

.dark-green {
    background-color: #4aba6e;
}

.widget ul li h5 {
    font-size: 16pt;
    color: black;
    font-weight: normal;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
}

.widget ul li h5 span {
    font-size: 10pt;
    color: #808080;
    font-weight: normal;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
    text-transform: none;
}

.widget-font-black {
    color: black;
}


.widget-font-green {
    border-left: 3px solid green;
    color: green;
}

.widget-font-yellow {
    border-left: 3px solid #FDA619;
    color: #FDA619;
}

.widget-font-grey {
    border-left: 3px solid #a0a0a0;
    color: #a0a0a0;
}

.widget-font-light {
    border-left: 3px solid #c0c0c0;
    color: #c0c0c0;
}

.widget-font-red {
    border-left: 3px solid red;
    color: red;
}

.widget-font-brown {
    border-left: 3px solid #673301;
    color: #673301;
}

.widget-solid-brown {
    background-color: #673301;
    color: white;
    padding: 5px;
    border-radius: 5px;
    border: 5px solid white;
}

.widget-solid-yellow {
    background-color: #FDA619;
    color: white;
    padding: 5px;
    border-radius: 5px;
    border: 5px solid white;
}

.widget-solid-red {
    background-color: red;
    color: white;
    padding: 5px;
    border-radius: 5px;
    border: 5px solid white;
}

.widget-date {
    font-size: 10pt;
    text-align: center;
    padding-bottom: 5px;
    color: #a0a0a0;
}

.online-order-badge {
    background-color: red;
    color: #ffffff;
    font-weight: bold;
    font-size: 13pt;
    border-radius: 10px;
    width: 40px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    margin-left: 10px;
}

.online-order-badge-yellow {
    background-color: #FDA619;
    color: #000;
    font-weight: bold;
    font-size: 13pt;
    border-radius: 10px;
    width: 40px;
    padding: 5px;
    text-align: center;
    display: inline-block;
    margin: 0 auto;
    margin-left: 10px;
}

.info-badge-yellow {
    background-color: #FFC107;
}

.info-badge-orange {
    background-color: #FDA619;
}

.info-badge-red {
    background-color: #FF5722;
    color: white !important;
}

.info-badge-green {
    background-color: limegreen;
    color: white !important;
}

.info-badge-grey {
    background-color: #cccccc;
}

.info-badge-light {
    background-color: #f0f0f0;
    border: 1px solid #bbbbbb;
}

.info-badge {
    border-radius: 5px;
    padding: 10px;
    margin: 20px;
    text-align: center;
    display: block;
    cursor: pointer;
}

.info-badge md-icon {
    margin-right: 5px;
    fill: #FDA619;
}

.info-badge h1 {
    font-size: 16pt;
    color: black;
    font-weight: normal;
    margin-left: 5px;
    margin-right: 5px;
}

.info-badge h1 span {
    font-size: 12pt;
    color: #808080;
    font-weight: normal;
    margin: 0 auto;
    margin-left: 5px;
    margin-right: 5px;
}

.info-badge h5 {
    font-size: 8pt;
    color: #545454;
    font-weight: normal;
    margin: 0 auto;
    margin-bottom: 15px;
    text-transform: uppercase;
}

.orange-dot {
    background-color: orange;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}


.feedback-circle {
    font-size: 14px;
    display: inline-block;
    width: 25px;
    height: 25px;
    border-radius: 25px;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
}

.feedback-bad {
    background-color: darkred;
    color: white;
}

.feedback-ok {
    background-color: #FDA619;
    color: black;
}

.feedback-good {
    background-color: #673301;
    color: white;
}

.red-dot {
    background-color: red;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin-left: 5px;
    margin-right: 5px;
    vertical-align: middle;
}

.green-dot {
    background-color: green;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 10px;
    margin-left: 7px;
    margin-right: 7px;
    vertical-align: middle;
}

.dateTime {
    background-color: white;
    min-height: 100px;
}

@media screen {

    #printSection {

        display: none;

    }

}

@media print {

    .Print-Half-Table {
        font-family: 'Arial Narrow', Arial, sans-serif;
        width: 45% !important;
        float: left !important;
        font-weight: normal;
        display: inline-block !important;
        font-size: 10pt !important;
        border: none !important;
    }

    .Print-Full-Table {
        font-family: 'Arial Narrow', Arial, sans-serif;
        width: 100% !important;
        font-weight: normal;
        display: block !important;
        font-size: 10pt !important;
        border: none !important;
    }

    .Hide-When-Printing {
        display: none;
        visibility: hidden;
    }
}