.c-orderDetail {
    position: absolute;
    top: 100px !important;
    left: 100px !important;
    right: auto !important;
}

.c-karttokart {
    width: 35px;
    height: 35px;
    box-sizing: border-box;
    cursor: pointer;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -303px -882px;
}

.c-digital-menu .c-print {
    background-position: -576px -657px !important;
}

.c-digital-menu .c-title {
    color: #9bd7f9 !important;
}

.c-digital-menu .c-num {
    color: #9bd7f9 !important;
}

.c-snapfood-order-timing {
    position: absolute;
    left: 0;
    right: 0;
    width: 275px;
    height: 135px;
    top: 20px;
    border-radius: 10px;
    margin: auto auto;
    background-color: #494949;
    color: white;
    padding: 10px;
}

.c-pincode .c-head {
    color: #63c7c7;
    font-weight: bold;
    background-color: #1c1c1c;
    height: 35px;
    padding-top: 6px;
    border-radius: 18px 18px 0 0;
}

.c-sms {
    border-radius: 28px 27px;
    width: 31px;
    height: 27px;
    display: inline-block;
    background-position: -509px -886px;
    background-image: url(../img/TopIcons_Grey.png);
    cursor: pointer;
}

.c-manager .c-sms {
    width: 35px;
    height: 35px;
    display: inline-block;
    background-position: -509px -886px;
    background-image: url(../img/TopIcons_Grey.png);
    cursor: pointer;
}

.c-pincode .c-body table tr:nth-child(2n) {
    background-color: #2e2e2e;
}

.c-delivary-online {
    position: absolute;
    width: 325px;
    left: 1053px;
    z-index: 5;
    bottom: 119px;
    background: #494949;
    border-radius: 80px;
    padding: 15px 15px;
    display: table;
}

.c-delivary-online label {
    color: white;
    font-size: 14px;
    font-weight: 700;
    padding-right: 15px;
}

.c-delivary-online button {
    width: 115px;
    height: 35px;
    border-radius: 18px;
    background-color: #63c7c7;
    margin: 13px 4px 26px 0;
}

.c-icon-continer {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 117px;
}

.c-delivary-online .c-content {
    display: table-cell;
}

.c-delivary-online .c-icon {
    width: 116px;
    height: 116px;
    line-height: 115px;
    display: inline-block;
    box-sizing: border-box;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -837px -922px;
}

.c-delivary-online .c-content {
    width: 70%;
    height: 110px;
    display: inline-block;
    padding-right: 30px;
}

.c-pincode .c-body {
    background-color: #4a4a4a;
    border-radius: 0 0 15px 15px;
    padding-bottom: 5px;
    min-height: 150px;
    color: white;
}

.c-outofstock {
    color: #808080;
    cursor: default !important;
}

.c-printerAreas .c-print-selected {
    background-color: #63c7c7;
}

.c-barcodepanel input {
    background-color: #494949;
    padding: 1px 3px 3px 0;
    border-radius: 25px;
    border: none;
    color: white;
    direction: ltr;
    vertical-align: middle;
    width: 182px;
    padding: 0 3px;
}

.c-OrderReceptionChannel {
    position: absolute;
    color: white;
    line-height: 40px;
    padding: 10px 20px;
    border-radius: 10px;
    background-color: #494949;
    width: 190px;
    bottom: 50px;
    left: 755px;
}

.c-Order-history .c-head span {
    display: inline-block;
    width: 100px;
    text-align: center;
}

.c-Order-history .c-order span {
    display: inline-block;
    width: 25%;
    text-align: center;
    direction: ltr;
}

.tooltip {
    min-width: 100px;
    line-height: 20px;
}

.tooltip .tooltip-arrow {
    border-bottom-color: white !important;
    right: 5px;
}

.tooltip .tooltip-inner {
    background-color: white;
    opacity: 1 !important;
    color: black;
}

.c-refresh {
    width: 40px;
    height: 40px;
    display: inline-block;
    background-position: -755px -964px;
    background-image: url(../img/TopIcons_Grey.png);
    cursor: pointer;
}

.c-cash .c-product-items {
    /*position: absolute;*/
    /*left: 0;*/
    /*right: 0;*/
    /*margin: 0 auto;*/
    /*top: 133px;*/
    height: 300px;
    border-radius: 10px;
    background-color: #494949;
    padding: 10px 10px 0 10px;
    position: relative;
    /*width: 557px;*/
    /*padding-bottom: 8px;*/
}

input[type=checkbox]{
    margin-left: 5px !important;
}

.c-product-items .c-items span {
    font-size: 11px;
}

.c-product-items .c-items {
    margin-bottom: 10px;
    display: inline;
}

.c-items-detail {
    background-color: #343434;
    height: 250px;
    overflow: auto;
}

.c-items-footer {
    text-align: center;
    color: white;
    font-weight: 700;
    font-size: 14px;
    padding: 10px 0;
}

.c-items-head table, .c-items-detail table {
    width: 100%;
    color: white;
    text-align: center;
}

.c-items-detail .c-dec, .c-inc {
    display: inline-block;
    background-color: #1c1c1c;
    width: 30px;
    height: 30px;
    border-radius: 1.3em;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
    color: white;
    font-size: 16px;
    font-weight: bold;
}

.c-product-items .c-items span {
    border: 2px solid #808080;
    padding: 0 5px;
    white-space: normal !important;
    word-wrap: normal !important;
    display: inline-block;
    cursor: pointer;
    margin: 3px 5px;
    line-height: 24px;
    border-radius: 12px;
    color: white;
}

.c-product-items .c-items-head {
    color: white;
    display: block;
    text-align: center;
    background-color: #1c1c1c;
    height: 40px;
    width: 100%;
    border-radius: 10px 10px 0 0;
    line-height: 40px;
}

.c-pincode #pin {
    height: 30px;
    padding-right: 2px;
}

.c-pincode #rrn {
    height: 28px;
    border-radius: 15px;
    border: none;
    padding: 0 5px;
    margin-right: 2px;
    margin-top: 2px;
    width: 92%;
    direction: ltr;
}

.c-history {
    width: 35px;
    height: 35px;
    background-position: -679px -962px;
    background-image: url(../img/TopIcons_Grey.png);
    cursor: pointer;
    display: inline-block;
    border-radius: 20px;
    vertical-align: middle;
}

.c-outofstock:hover {
    color: #808080 !important;
}

.c-mobile {
    zoom: 1.7;
}

.c-mobile .c-satrap {
    padding-left: 0 !important;
}

.c-order-search {
    background-color: #808080;
    padding: 5px;
    border-radius: 25px;
    margin: 5px 7px 9px 7px;
}

.c-order-search #orderNumber {
    width: 135px;
}

.c-printer {
    border-radius: 15px;
    padding: 1px 10px;
    min-height: 50px;
    position: relative;
    background-color: darkslategrey;
    text-align: center;
    width: 350px;
}

.c-printer .c-item span {
    line-height: 33px;
    font-size: 16px;
    cursor: pointer;
    white-space: nowrap;
}

.c-orderconf button {
    background-color: #63c7c7;
}

.c-order-search > span {
    padding: 0 5px;
}

.c-order-search > span:first-child {
    width: 8%;
}

.c-order-search span span {
    width: 27px;
    line-height: 27px;
    background-image: url('../img/sprite.png');
    background-position: -53px -258px;
    cursor: pointer;
}

.c-order-search .c-item {
    float: right;
    width: 50%;
    text-align: center;
}

.c-order-search input {
    margin: 2px 2px 2px 0;
    border-radius: 15px;
    border-style: none;
    box-sizing: border-box;
    height: 28px;
    padding: 0 6px;
}

.c-detail tr td:first-child {
    text-align: right;
    padding-right: 5px;
}

.c-ltr .c-detail tr td:first-child {
    text-align: left;
    padding-left: 5px;
}

.c-pincode {
    border-radius: 20px;
    background-color: #626262;
    padding: 8px 14px;
    position: absolute;
    top: 30%;
    left: 0;
    right: 0;
    z-index: 550000;
    width: 500px;
    margin: auto;
}

.c-pincode .c-help {
    color: aqua;
    font-weight: 700;
    padding: 5px 5px 20px 0;
    display: inline-block;
}

.c-pincode label {
    color: white;
}

.c-pincode .c-pin {
    padding-bottom: 5px;
    text-align: center;
    border-bottom: 1px solid white;
    margin-bottom: 6px;
    color: white;
    font-weight: bold;
}

.c-pincode .c-icon {
    width: 35px;
    line-height: 35px;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -1021px -483px;
    display: inline-block;
    cursor: pointer;
}

.c-pincode #pin {
    text-security: disc;
    -webkit-text-security: disc;
    -mox-text-security: disc;
    border: none;
    border-radius: 14px;
    height: 29px;
    direction: ltr;
    padding: 0 10px;
    width: 120px;
    box-sizing: border-box;
    margin-right: 4px;
}

.c-pincode .t-dropdown {
    padding-top: 5px;
}

.c-printerAreas {
    position: absolute;
    color: white;
    line-height: 40px;
    padding: 10px;
    border-radius: 10px;
    background-color: #494949;
    left: 16px;
    bottom: 70px;
    min-width: 172px;
}

.c-printerAreas button {
    width: 150px;
    line-height: 33px;
    background-color: #4f7777;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    padding: 0 3px;
}


::-webkit-scrollbar-thumb {
    background-color: #616161;
    border-radius: 1.3em
}

::-webkit-scrollbar {
    width: 11px;
}

::-webkit-scrollbar-track {
    background-color: #616161;
    border-radius: 1.3em;
    line-height: 50px;
}

::-webkit-scrollbar-thumb {
    background-color: #343434;
    border-radius: 1.3em;
}

span:empty::before {
    content: "\200b";
}

.c-upgrad {
    height: 130px;
    background-size: auto;
    background-image: url(../img/UpGrad.png);
    background-repeat: no-repeat;
    color: white;
}

.c-upgrad .c-resname {
    line-height: 42px;
    text-align: left;
    display: inline-block;
}

.c-upgrad .c-resicon {
    border: 1px solid #5c5c5c;
    line-height: 42px;
    display: inline-block;
    margin-left: 6px;
}

.c-othercost {
    position: absolute;
    color: white;
    line-height: 40px;
    padding: 10px;
    border-radius: 10px;
    background-color: #494949;
}

.c-ltr .c-othercost {
    direction: ltr;
}

.c-ltr .c-othercost td {
    padding-right: 7px;
}

.c-producttype {
    position: absolute;
    background-color: #494949;
    color: white;
    font-size: 13px;
    border-radius: 15px;
    line-height: 30px;
    z-index: 10;
}

.c-producttype > div {
    padding: 6px 10px;
}

.c-producttype div {
    cursor: pointer;
}

.c-defaults {
    height: 102px;
    overflow: auto;
    text-align: justify;
    left: 0;
}

.c-defaults span:hover {
    border: 2px solid white;
}

.c-defaults span {
    border: 2px solid #808080;
    padding: 0 5px;
    white-space: normal !important;
    word-wrap: normal !important;
    display: inline-block;
    cursor: pointer;
    margin: 3px 5px;
    line-height: 24px;
    border-radius: 12px;
    color: white;
}

.c-producttype div:hover {
    color: #63c7c7;
}

.c-button input {
    outline-width: 0;
}

.c-ltr .c-manager .c-title {
    direction: ltr !important;
}

.c-ltr .c-billdet table {
    direction: ltr;
}

.c-ltr .c-orderdetail {
    direction: ltr;
}

.c-ltr .c-purchase .c-billdet .c-detail table td {
    border-right: 1px solid #20202045;
    border-left: none;
}

.c-ltr #cheader1 {
    direction: ltr;
}

.c-ltr textarea {
    text-align: left;
}

.c-radios.c-disabled span {
    cursor: not-allowed;
    color: #808080;
}

.c-ltr .c-billdet table tr td:nth-child(2) {
    text-align: right;
    padding-right: 7px;
}

.c-ltr .c-billdet table tr td:nth-child(2) {
    text-align: left;
    padding-left: 7px;
}

.c-customer-search {
    width: 425px;
    height: 140px;
    box-sizing: border-box;
    display: inline-block;
}

.c-customer-search table {
    position: relative;
    background-color: white;
    width: 260px;
    height: 32px;
    border-radius: 1.3em;
    right: 50px;
    top: 85px;
    padding: 2px;
}

.c-customer-search span {
    width: 37px;
    height: 37px;
    border-radius: 1.3em;
    display: block;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -72px -525px;
}

.c-customer-search input {
    border: 1px solid white;
    height: 28px;
    width: 200px;
}

.c-user {
    padding-right: 20px;
}

.c-user .c-title {
    position: relative;
    top: -7px;
    width: 70px;
    /*overflow: hidden;*/
    white-space: nowrap;
}

.c-user span {
    line-height: 40px;
    display: inline-block;
    cursor: pointer;
}

.c-user .c-logout {
    left: 55px;
    position: relative;
    top: 20px;
    width: 30px;
    height: 30px;
    display: inline-block;
    cursor: pointer;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -830px -384px;
}

.c-user .c-imagedef {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    cursor: pointer;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -904px -539px
}

.c-user .c-imagedef .c-image {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    width: 40px;
    border-radius: 50%;
}

.c-user .c-icon {
    border: 1px solid #5c5c5c;
}

.c-task {
    position: absolute;
    margin-top: -60px;
    margin-right: 10px;
}

.c-task span {
    display: inline-block;
    border-radius: 50%;
}

.c-task > .c-icon {
    position: relative;
    top: 16px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -901px -486px
}

.c-task > .c-num {
    width: 20px;
    line-height: 20px;
    background-color: rgb(0, 142, 143);
    position: relative;
    left: 17px;
    top: 14px;
    color: white;
    text-align: center;
}

.c-task .c-snapnum {
    width: 21px;
    line-height: 21px;
    background-color: #ad0092;
    position: relative;
    left: 78px;
    top: 14px;
    color: white;
    text-align: center;
}

.c-logosec {
    width: 100px;
    height: 100px;
    line-height: 10px;
    border-radius: 50%;
    border: 1px solid #585858;
    float: left;
    margin-left: 14px;
    background: radial-gradient(ellipse at center, #62626299, #62626289, #62626270, #62626250, #62626215, #62626205, #62626200, #62626200);
}

.c-logosec .c-logo {
    line-height: 100px;
    text-align: center;
    width: 100px;
    background-size: cover;
    display: inline-block;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 50%;
}


.c-icons {
    font-size: 0;
    /*width: 900px;*/
    margin: 0 auto;
    float: right;
}

.c-icons .c-icon {
    width: 180px;
    height: 130px;
    display: inline-block;
    background-image: url(../img/TopIcons_Grey.png), url(../img/Haleh.png);
    left: auto;
    top: 15px;
    box-sizing: border-box;
    background-clip: border-box;
    box-sizing: border-box;
    cursor: pointer;
}

.c-icons a:nth-child(1) .c-default {
    background-position: -944px -209px, -19px 11px;
}

.c-icons a:nth-child(2) .c-default {
    background-position: -710px -212px, -16px 11px;
}

.c-icons a:nth-child(3) .c-default {
    background-position: -490px -212px, -14px 11px;
}

.c-icons a:nth-child(4) .c-default {
    background-position: -267px -211px, -30px 11px;
}

.c-icons a:nth-child(5) .c-default {
    /*background-position: -53px -205px, -32px 11px;*/
    background-position: -53px -208px, -32px 11px;
}

.c-icons a:nth-child(1) .c-hover {
    background-position: -935px -29px, -19px 11px;
}

.c-icons a:nth-child(2) .c-hover {
    background-position: -716px -28px, -16px 11px;
}

.c-icons a:nth-child(3) .c-hover {
    background-position: -492px -22px, -14px 11px;
}

.c-icons a:nth-child(4) .c-hover {
    background-position: -268px -30px, -30px 11px;
}

.c-icons a:nth-child(5) .c-hover {
    /*background-position: -53px -22px, -32px 11px;*/
    background-position: -53px -25px, -32px 11px;
}

.c-icons .c-selected {
    height: 130px;
    background-repeat: no-repeat;
    background-size: auto auto;
    background-image: url('../img/TopIcons_Grey.png'), url(../img/TopIcons_Haleh.png);
}

.c-icons a:nth-child(5) .c-selected {
    /*background-position: -38px -694px, -15px -21px;*/
    background-position: -38px -694px, -15px -21px;
}

.c-icons a:nth-child(4) .c-selected {
    /*background-position: -275px -699px, -8px -21px;*/
    background-position: -275px -704px, -8px -21px;
}

.c-icons a:nth-child(3) .c-selected {
    background-position: -493px -703px, 2px -21px;
}

.c-icons a:nth-child(2) .c-selected {
    background-position: -708px -698px, 1px -21px;
}

.c-icons .c-selected:nth-child(1) {
    background-position: -949px -698px, -4px -21px;
}

.c-products {
    box-sizing: border-box;
    background-color: #262626;
    margin: 0 auto;
    /*width: max-content;*/
    min-width: 100%;
    display: table;
    height: 100%;
    padding: 0 10px;
}

.c-products-content {
    overflow-y: scroll;
    height: 250px;
    overflow-x: hidden;
}

.c-product {
    color: white;
    float: right;
}

.c-product .c-body {
    padding-right: 30px;
}

.c-product .c-head .c-icon {
    width: 186px;
    height: 165px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
}

.c-product .c-body span {
    font-size: 16px;
    cursor: pointer;
    max-width: 155px;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: 30px !important;
    height: 30px !important;
    overflow: hidden;
}

.c-product .c-body > div {
    height: 30px !important;
}

.c-product .c-body .c-hover > span {
    background: radial-gradient(ellipse at center, #00c4ab99, #00c4ab70, #00c4ab55, #00c4ab30, #00c4ab10, #00c4ab00, #00c4ab00);
    height: 44px;
    color: white;
    font-size: 16px;
}


.c-purchase {
    /*height: 320px;*/
    background-image: url(../img/PurchaseDet_bottom.png);
    background-repeat: no-repeat;
    background-color: #262626;
}

.c-purchase > div {
    float: left
}

.c-purchase .c-billtot {
    /*width: 180px;*/
    height: 302px;
    background-color: #343434;
    border-radius: 10px 10px 10px 10px;
}

.c-billtot #cheader1 {
    color: white;
    display: block;
    text-align: center;
    background-color: #1c1c1c;
    height: 40px;
    border-radius: 10px 10px 0 0;
    line-height: 40px;
}

.c-billtot #ctotamount {
    color: white;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 17px;
    width: 79px;
    display: inline-block;
    direction: ltr;
}

.c-billtot .c-totamount {
    background-color: #2e2e2e;
}

.c-billtot .c-title {
    color: white;
    display: inline-block;
    width: 70px;
    font-size: 15px;
    line-height: 40px;
}

.c-billtot .c-scount {
    background-color: #2e2e2e;
    width: 100%;
    height: 40px;
    box-sizing: border-box;
}

.c-billtot .c-title {
    padding-right: 6px;
}

.c-billtot #cscount {
    color: #63c7c7;
    display: inline-block;
    background-color: #2e2e2e;
    line-height: 40px;
    text-align: right;
    width: 70px;
    cursor: pointer;
    font-weight: bold;
}

.c-billtot #cscountam {
    color: white;
    display: inline-block;
    background-color: #2e2e2e;
    line-height: 40px;
    text-align: center;
    width: 100%;
    direction: ltr;
}

.c-billtot .c-tax {
    width: 100%;
    height: 40px;
}

.c-billtot #ctax {
    color: white;
    display: inline-block;
    line-height: 40px;
    text-align: right;
    width: 100%;
}

.c-billtot #ctaxam {
    color: white;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    width: 70px;
}

.c-billtot .c-tot {
    width: 180px;
    height: 40px;
}

.c-billtot #ctot {
    color: white;
    display: inline-block;
    line-height: 40px;
    text-align: right;
    width: 70px;
}

.c-billtot #ctotam {
    color: white;
    display: inline-block;
    line-height: 40px;
    text-align: center;
    width: 70px;
}

.c-billtot .c-orderconf {
    padding-top: 15px;
    width: 100%;
    text-align: center;
}

.c-billtot #corderconf {
    line-height: 40px;
    width: 140px;
}

.c-button {
    color: white;
    display: block;
    background-color: #63c7c7;
    margin: 0 auto;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    padding: 0 8px;
}

.c-purchase .c-billdet {
    display: block;
    /*width: 520px;*/
    height: 302px;
    background-color: #343434;
    border-radius: 10px 10px 10px 10px;
    /*margin-left: 10px;*/
    text-align: center;
}

.c-purchase .c-billdet .c-detail {
    clear: both;
    color: white;
    width: 100%;
    overflow-y: auto;
    font-size: 13px;
    height: 262px;
}

.c-purchase .c-billdet table > thead {
    color: white;
    background-color: #1c1c1c;
    height: 40px;
    border-radius: 10px 10px 0 0;
    line-height: 40px;
}

.c-purchase .c-billdet table {
    width: 100%;
}

.c-purchase .c-billdet table > thead > tr > th {
    text-align: center;
    color: #63c7c7;
}

.c-purchase .c-billdet .c-detail table tr {
    height: 40px;
}

.c-purchase .c-billdet .c-detail table td {
    border-left: 2px solid;
    border-color: #20202045;
    font-size: 12px;
}

.c-purchase .c-billdet .c-detail table tr:nth-child(2n) {
    background-color: #2e2e2e;
}

.c-purchase .c-billdet .c-detail .c-orderdesc {
    display: inline-block;
    background-color: #1c1c1c;
    width: 65px;
    height: 30px;
    border-radius: 20px 20px 20px 20px;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-right: 3px;
    margin-left: 3px;
    font-size: 10px;
    cursor: pointer;
}

.c-billdet .c-orderitems {
    background-color: #1c1c1c;
    height: 30px;
    border-radius: 20px;
    display: inline-block;
    min-width: 80px;
    line-height: 30px;
}

.c-items-detail table tr:nth-child(2n) {
    background-color: #2e2e2e;
}

.c-orderdescmain {
    background-color: #484848;
    width: 65px;
    border-radius: 20px 20px 20px 20px;
    line-height: 29px;
    text-align: center;
    margin: 0 auto;
    font-size: 12px;
    cursor: pointer;
    display: inline-block;
}

.c-purchase .c-billdet .c-detail .c-orderincdec {
    display: inline-block;
    background-color: #1c1c1c;
    width: 30px;
    height: 30px;
    border-radius: 1.3em;
    line-height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
}

.c-purchase .c-settletype {
    padding: 15px 30px 15px 0;
    color: white;
}

.c-radios {
    /*display: table;*/
}

.c-radio span {
    display: inline-block;
    line-height: 42px;
}

.c-radio .c-title {
    padding-right: 5px;
}

.c-radio .c-icon {
    width: 25px;
    line-height: 25px;
    border-radius: 1.3em;
    background-color: #1c1c1c;
}

.c-radio.c-selected .c-icon {
    background-image: url('../img/Radio.png');
}

.c-radio .c-icon span {
    margin: 3px;
    display: inline-block;
    width: 5px;
}


.c-purchase .c-settletype #ccardradiob {
    display: inline-block;
    background-color: #1c1c1c;
    height: 20px;
    width: 20px;
    border-radius: 1.3em;
}

.c-purchase .c-settletype #ccard {
    display: inline-block;
    width: 110px;
}

.c-purchase .c-settletype #ccash {
    display: inline-block;
    width: 82px;
}

.c-purchase .c-settletype #ccardcash {
    display: inline-block;
    width: 110px;
}

.c-purchase .c-settletype #cguest {
    display: inline-block;
    width: 82px;
}

.c-purchase .c-settletype .c-line {
    width: 100%;
    height: 4px;
    margin: 10px 0;
    background: radial-gradient(ellipse at center, #b7b7b799, #b7b7b770, #b7b7b750, #b7b7b730, #b7b7b705, #b7b7b700, #b7b7b700, #b7b7b700);
}

.c-radio {
    height: 38px;
    /*min-width: 140px;*/
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    width: 50%;
    float: right;
}

.c-purchase .c-settletype #cinperson {
    display: inline-block;
    width: 110px;
    margin-top: 10px;
}

.c-purchase .c-settletype #cnotinperson {
    display: inline-block;
    width: 82px;
}

.c-purchase .c-settletype #csalon {
    display: inline-block;
    width: 110px;
}

.c-purchase .c-settletype #coutside {
    display: inline-block;
    width: 82px;
}

.c-barcodepanel {
    background-color: #494949;
    margin: 5px 0;
    border-radius: 25px;
    padding: 3px;
    height: 41px;
}

.c-reserved {
    width: 35px;
    height: 35px;
    background-position: -682px -962px;
    background-image: url(../img/TopIcons_Grey.png);
    cursor: pointer;
    display: inline-block;
    border-radius: 20px;
    vertical-align: middle;
    line-height: 35px;
    display: none;
}

.c-waiters {
    background-color: #1c1c1c;
    width: 100%;
    height: 40px;
    border-radius: 20px;
    line-height: 35px;
    text-align: center;
    font-size: 13px;
    cursor: pointer;
    color: white;
    vertical-align: middle;
}

.c-waiters .c-title {
    width: 182px;
    display: inline-block;
}

.c-waiters .c-icon {
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -638px -393px;
    display: inline-block;
    width: 17px;
}

.c-accountpayment {
    visibility: hidden;
}

.c-purchase .c-customer {
    /*width: 268px;*/
    /*height: 300px;*/
    box-sizing: border-box;
    /*margin-left: 18px;*/
}

.c-purchase .c-customer .c-cussearchmain #custadd {
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -638px -405px;
    display: inline-block;
    width: 17px;
    height: 10px;
    margin-top: 12px;
    margin-right: 15px;
    /*float: right;*/
}

.c-customer .c-head {
    height: 40px;
    border-radius: 20px;
    background-color: #494949;
    line-height: 40px;
    margin: 20px;
}

::-webkit-input-placeholder {
    font-family: iranyekan;
}

.c-customer .c-head .c-icon {
    display: inline-block;
    width: 40px;
    line-height: 40px;
    cursor: pointer;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -609px -432px;
    background-repeat: no-repeat;
}

.c-customer .c-search {
    border: none;
    width: 80%;
    line-height: 34px;
    color: white;
    background-color: transparent;
}

.c-customer .c-count {
    color: white;
    width: 40px;
    line-height: 34px;
    border-radius: 50%;
    direction: ltr;
    text-align: center;
    font-size: 14px;
    border: 1px solid darkgrey;
    padding-top: 3px;
    background-color: transparent;
}

.c-customer .c-count::placeholder {
    text-align: center;
}

.c-purchase .c-customer .c-result {
    margin-top: 4px;
    /*height: 170px;*/
    border-radius: 15px;
    box-sizing: border-box;
    background-color: #1c1c1c;
    overflow: hidden;
}

.c-purchase .c-customer .c-result .c-backim {
    font-size: 14px;
}

.c-purchase .c-customer .c-result .c-backim.c-selected {
    display: block;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -610.5px -486px;
    line-height: 45px;
    padding-left: 3px;
}

.c-purchase .c-customer .c-result .c-selected .c-backim2 {
    display: inline-block;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -660px -434px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    cursor: pointer;
}

.c-purchase .c-customer .c-result .c-backim3 {
    display: inline-block;
    color: #898989;
    line-height: 45px;
    width: 230px;
    padding-right: 5px;
}

.c-purchase .c-customer .c-result .c-selected .c-backim3 {
    color: white;
    width: 230px;
}

.c-result .c-conected:hover {
    background-color: #0d7b7b30 !important;
}

.c-result .c-disconnected:hover {
    background-color: #0d7b7b30 !important;
}

.c-conected .c-backim4 {
    background-position: -783px -434px !important;
}

.c-waiters.c-deactive {
    cursor: not-allowed !important;
    opacity: 0.5;
}

.c-disconnected .c-backim4 {
    background-position: -783px -390px !important;
}

.c-purchase .c-customer .c-result .c-backim4 {
    display: inline-block;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -753px -434px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    cursor: pointer;
}

.c-purchase .c-customer .c-result .c-selected .c-backim4 {
    background-position: -783px -434px;
}

.c-purchase .c-customer .c-result .c-selected .c-backim5 {
    display: inline-block;
    background-image: url('../img/TopIcons_Grey.png');
    background-position: -710px -434px;
    height: 35px;
    width: 35px;
    line-height: 35px;
    cursor: pointer;
}

#accountPart {
    padding: 10px 0 0 12px;
    font-size: 15px;
}

.c-products table {
    margin: 0 auto;
}

.c-persons {
    box-sizing: border-box;
    padding: 15px 5px 10px 5px !important;
    min-height: 350px;
    width: 570px;
    position: absolute;
    left: 921px;
    z-index: 200;
    background-color: #1c1c1c;
    border-radius: 30px;
    display: none;
    bottom: 49px;
    max-height: calc(100% - 100px);
    overflow: auto;
}

.c-persons .c-person {
    padding: 3px 5px;
    float: right;
}

.c-person .c-image {
    border-radius: 35px;
    display: inline-block;
    line-height: 61px;
    width: 65px;
    background-color: #3a3a3a;
    box-sizing: border-box;
    padding: 2px;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -819px -416px;
}

.c-person .c-image span {
    border-radius: 35px;
    display: inline-block;
    line-height: 61px;
    width: 61px;
    background-size: cover;
}

.c-person .c-content {
    border-radius: 20px 0 0 20px;
    padding: 2px 10px 2px 4px;
    line-height: 35px;
    display: inline-block;
    margin-right: -15px;
    background-color: #3a3a3a;
}

.c-person.c-selected .c-image {
    background-color: rgb(0, 147, 147);
}

.c-person.c-selected .c-content {
    background-color: rgb(0, 147, 147);
}

.c-person .c-title {
    width: 170px;
    display: inline-block;
    text-align: center;
    color: white;
    font-size: 13px;
}

.c-person .c-icon {
    border-radius: 1.3em;
    width: 31px;
    line-height: 31px;
    display: inline-block;
    border: 1px solid #959494;
    text-align: center;
    color: white;
}

.c-billdet .c-selected {
    background-color: #0d7b7b30 !important;
}


.c-loginerrortx {
    display: inline-block;
    color: #a9a9a9;
}

.c-plan {
    padding-left: 10px;
    height: 300px;
    margin: 0 auto;
}

.t-splitter .t-scrollable {
    background-color: #262626;
}

.t-rtl .t-header .t-tabstrip-items .t-link {
    /*font-size:10px;*/
    padding: 0 3px;
}

.t-tabstrip .t-tabstrip-items {
    text-align: right;
}

.c-manager {
    /*z-index: 100;*/
    /*top: 150px;*/
    /*left: 200px;*/
    /*width: 580px;*/
    /*background-color: #151515;*/
    /*color: #ddd;*/
    /*font-weight: bold;*/
    /*min-height: 150px;*/
    /*border-radius: 20px;*/
    /*padding: 5px 0;*/
    /*max-height: 414px;*/
    /*overflow-y: auto;*/
}

.c-task > .c-content {
    position: absolute;
    z-index: 550000;
    top: 48px;
}

.c-manager > .c-item {
    padding: 5px;
    height: 42px;
}

.c-manager span {
    display: inline-block;
    text-align: center;
}

.c-manager .c-num {
    width: 40px;
    color: white;
}

.c-ltr .c-product {
    float: left !important;
}

.c-ltr .c-products-content {
    direction: ltr !important;
}

.c-ltr .c-product .c-body {
    padding: 0 0 0 30px !important;
}

.c-ltr {
    font-family: Tahoma !important;
}

.c-manager > div .c-title {
    width: 245px;
    text-align: right;
    direction: ltr;
}

.c-manager .c-snapfood .c-num {
    color: #f5b1ea;
}

.c-manager .c-snapfood .c-title {
    color: #f5b1ea;
}

.c-manager .c-snapfood .c-possend {
    visibility: hidden !important;
}

.c-manager .p-selected {
    border: dashed 1px rgb(0, 142, 143);
}

.c-manager .c-item {
    box-sizing: border-box;
}

.c-manager .c-print {
    display: inline-block;
    width: 30px;
    height: 30px;
    margin-right: 8px;
    cursor: pointer;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -611px -579px;
}

.c-manager .c-callcenter .c-print {
    background-position: -536px -627px !important;
}

.c-manager .c-callcenter .c-num {
    color: #75cc46;
}

.c-manager .c-callcenter .c-title {
    color: #75cc46;
}

.c-manager .c-snapfood .c-print {
    background-position: -566px -580px !important;
}

.c-manager .c-icon {
    width: 105px;
    background-color: #0b4d4d;
    line-height: 30px;
    border-radius: 15px;
    font-size: 11px;
    cursor: pointer;
}

.c-manager .c-submenu {
    position: absolute;
    width: 120px;
    top: -52px;
    background-color: #3f3f3f;
    border-radius: 20px;
    padding: 10px;
    left: 1px;
}

.box-description-order {
    /*position: absolute;*/
    /*bottom: 0;*/
    width: 100%;
    padding-left: 20px;
}

.c-table-name {
    width: 150px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.c-manager .c-bar {
    width: 12px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -687px -402px;
}

.c-manager .c-submenu.c-deactive {
    background-color: #151515;
}

.c-manager .c-submenu.c-deactive > span {
    background-color: #0b4d4d;
}

.c-manager .c-submenu .c-icon {
    display: block;
    width: 110px;
    background-color: rgb(0, 142, 143);
    border-radius: 15px;
    line-height: 30px;
    margin: 10px 0;
    cursor: pointer;
    font-size: 11px;
    height: 30px;
}

.c-cash .t-input {
    border: none !important;
}

.c-submenu .t-numerictextbox .t-input {
    border-radius: 15px;
    width: 100px;
    direction: ltr;
    padding: 0 5px;
    display: inline-block;
    height: 30px;
}

.row div.t-numerictextbox {
    padding: 0;
}

.c-submenu .t-select {
    width: 100px !important;
    height: 32px !important;
    background-color: #fff;
    color: #0b0b0b;
    border-radius: 15px;
    padding: 0 5px;
}

.c-manager .c-submenu .c-submenu .c-submenu .c-icon {
    width: 30px !important;
    display: inline-block !important;
    background-color: transparent !important;
    background-image: url(../img/TopIcons_Grey.png) !important;
    background-position: -1021px -483px !important;
}

.c-manager .c-edit {
    width: 20px;
    line-height: 20px;
    background-image: url(../img/sprite.png);
    background-position: 0 -332px;
    cursor: pointer;
}

.c-manager .c-possend {
    width: 34px;
    line-height: 34px;
    display: inline-block;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -600px -882px;
    cursor: pointer;
}

.c-manager .c-possend.c-select {
    background-position: -626px -882px;
}

.c-manager .c-poscancel {
    width: 34px;
    line-height: 34px;
    display: inline-block;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -683px -882px;
    cursor: pointer;
    margin-left: 20px;
}

.c-cashcard {
    display: none;
}

.c-customes {
    position: absolute;
    bottom: 14px;
    background-color: #454545;
    width: 300px;
    height: 256px;
    border-radius: 12px;
    color: white;
    font-size: 12px;
    overflow: auto;
    font-weight: normal;
    left: 1074px;
}

.c-customes .c-selected {
    background-color: #0d7b7b40 !important;
}

.c-customes div:nth-child(2n) {
    background-color: #3e3e3e;
}

.c-customes .c-title {
    display: inline-block;
    width: 118px;
    line-height: 31px;
    padding-right: 3px;
    overflow: hidden;
    text-overflow: clip;
    white-space: nowrap;
    height: 23px;
}

.c-customes .c-num {
    display: inline-block;
    width: 75px;
    padding-right: 3px;
}

.c-customes .c-tel {
    display: inline-block;
    width: 88px;
    line-height: 32px;
    text-align: left;
}

.c-cash-reset {
    position: absolute;
    width: 46px;
    height: 46px;
    display: inline-block;
    border-radius: 30px;
    margin-top: -111px;
    left: 285px;
    background-image: url(../img/TopIcons_Grey.png) !important;
    background-position: -724px -378px;
    cursor: pointer;
}

.c-orderdescript {
    border-radius: 10px;
    background-color: #494949;
}

.c-ltr textarea {
    direction: ltr;
}

.c-orderdescript textarea {
    width: 100%;
    margin-top: 8px;
    height: 80px;
    resize: none;
    outline: none;
    background-color: #e5e2e2;
    margin-bottom: 10px;
    border-color: #e5e2e2;
    border-radius: 10px;
    padding: 3px 4px 0 3px;
}

.c-orderdescript .c-icon {
    color: white;
    display: block;
    background-color: #63c7c7;
    margin: 0 auto;
    border-radius: 20px;
    text-align: center;
    cursor: pointer;
    width: 68px;
    line-height: 28px;
    margin-bottom: 6px;
    outline: none;
    height: 30px;
}

canvas {
    outline: none;
}

.c-manager .c-selected .c-icon {
    background-color: #01c0c1;
    color: white;
}

.c-manager span.c-selected {
    background-color: #01c0c1 !important;
    color: white !important;
}

#accordion .selected {
    background-color: #0d7b7b;
}

.myDiagramDiv canvas {
    border-radius: 20px;
}

.t-tabstrip .t-state-active {
    background-color: transparent !important;
}

.c-orderdetail {
    position: absolute;
    color: white;
    background-color: #424242;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    z-index: 500;
    left: 50%;
    top: 294px;
}

.c-orderdetail .c-orderitems {
    line-height: 25px;
    color: #63c7c7;
}

.c-orderdetail .c-itemicons {
    display: inline-block;
    width: 25px;
    height: 22px;
    background-image: url(../img/TopIcons_Grey.png);
}

.c-orderdetail .c-operation {
    width: 100%;
    background-color: #008f8f;
    text-align: center;
    vertical-align: middle;
    line-height: 25px;
    height: 28px;
    cursor: pointer;
    border-radius: 7px;
}

.c-host {
    padding-top: 8px;
    display: none;
}

input[type=time]::-webkit-inner-spin-button,
input[type=time]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.upgrad {
    height: 130px;
    background-size: auto;
    background-image: url(../img/UpGrad.png);
    background-repeat: no-repeat;
    color: white;
    background-position: 0 -40px;
}

/*.upgrad .resicon {
    border: 1px solid #5c5c5c;
    line-height: 50px;
    display: inline-block;
    margin-left: 4px;
    margin-right: 2px;
}*/

.upgrad .resname {
    line-height: 70px;
    text-align: left;
    display: inline-block;
}

.resname li.open a {
    text-decoration: none;
}

.upgrad .c-icon a {
    line-height: 42px;
}


.upgrad .dropdown-menu {
    background-color: #151515 !important;
    line-height: 25px;
    left: 0 !important;
    right: unset !important;
    top: 80%;
    max-height: 750PX;
    overflow: auto;
    width: 227px;
    position: absolute;
    top: 100%;
    right: 0;
    z-index: 1000;
    float: right;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
    background-clip: padding-box;
}

.upgrad .dropdown-menu li a {
    color: #ffffff;
}

.upgrad .dropdown-menu li a:hover {
    background-color: #343434;
    border-radius: 2px;
}

.upgrad .dropdown-toggle {
    color: white;
    padding: 2px;
    text-decoration: none !important;
}

.upgrad .dropdown-toggle:hover {
    text-decoration: none !important;
}

.right {
    float: right;
}

.left {
    float: left;
}

.ltr {
    direction: ltr;
}

.rtl {
    direction: rtl;
}

.align-L {
    text-align: left;
}

.align-R {
    text-align: right;
}

.c-address-customer {
    position: absolute;
    left: 950px;
    background-color: #494949;
    border-radius: 15px;
    padding: 15px 10px 10px 15px;
}

.c-address-customer div {
    margin: 0 18px 5px 0;
}

.c-address-customer span {
    color: white;
    width: 63px;
    display: inline-block;
    padding-top: 10px;
}

.c-address-customer textarea {
    background-color: #a9a9a9 !important;
    width: 376px;
    height: 175px;
    padding: 10px;
    resize: none;
    border-radius: 10px;
}

/*@media only screen and (min-width:320px) and (max-width:1024px) {
}*/
@media only screen and (max-width: 1024px) {
    .upgrad .resicon {
        display: none;
    }
}

@media only screen and (max-width: 768px) {
    .upgrad .c-icons {
        display: none;
    }

    .c-purchase .c-settletype {
        padding-right: 20px!important;
    }

    .box-xs-withd {
        padding: 0;
        margin-top: 10px;
    }
}

.checkboclist .checkbox {
    padding-right: 0;
    cursor: pointer;
}

.checkboclist .checkbox.c-disabled {
    cursor: not-allowed !important;
}

.checkboclist .checkbox.c-disabled .c-title {
    color: #808080;
}

.checkboclist .c-selected .c-icon {
    background-position: -626px -882px;
}

.checkboclist .c-icon {
    width: 34px;
    line-height: 34px;
    display: inline-block;
    background-image: url(../img/TopIcons_Grey.png);
    background-position: -600px -882px;
    margin-left: 10px;
}

.c-Order-history {
    position: absolute;
    width: 1100px;
    left: 254px;
    height: 600px;
    bottom: 100px;
    background-color: #494949;
    border-radius: 15px;
    padding: 10px;
}

.c-Order-history .c-order {
    padding-top: 15px;
    padding-bottom: 8px;
    color: white;
    font-weight: bold;
}

.c-Order-history .c-detail {
    padding-right: 20px;
}

.c-Order-history .c-body {
    padding-right: 7px;
}

.c-Order-history .c-head {
    color: white;
    font-weight: bold;
}

.c-Order-history .c-item {
    display: inline-block;
    width: 50%;
}

.c-Order-history .c-item .c-count {
    padding: 0 10px;
}


#accountPart .c-items-detail {
    /*width: 500px;*/
}

.upgrad {
    height: 90px;
}

.c-icons .c-icon, .c-logosec {
    zoom: .7;
}

.c-cash-reset {
    margin-top: -73px;
    left: 215px;
}

.c-task {
    margin-top: -82px;
    margin-right: 165px;
}

.drp-repairmen {
    top: 15px;
    /*margin-left: 20px;*/
    left: 20px;
}

.drp-repairmen .left {
    width: 68px;
    overflow: hidden;
    white-space: nowrap;
}


.c-product .c-head {
    min-width: 150px;
    height: 100px;
    width: 100%;
    text-align: center;
}

.c-product .c-head .c-icon {
    width: 135px;
    height: 105px;
    display: inline-block;
}

/*STP*/
.btnAdd {
    /*background-image: url(/Areas/Satrap.FoodWeb/Content/Images/plus-green.png);*/
    background-image: url('../img/sprite.png');
    background-position: -3px -69px;
    background-size: auto;
    /*background-image: url(/Areas/Satrap.FoodWeb/Content/Images/plus-satrap.png);*/
    width: 44px !important;
    height: 44px !important;
    /*background-size: cover;*/
    background-repeat: no-repeat;
    border-radius: 50%;
    background-color: white;
    opacity: 0.8
}

.c-head table {
    direction: rtl;
    font-size: 12px;
}

.c-billtot {
    direction: rtl;
    font-size: 12px;
}

.c-billtot .c-title {
    direction: rtl;
    font-size: 12px;
}

.c-settletype {
    direction: rtl;
    font-size: 12px;
}

.c-customer {
    direction: rtl;
    font-size: 12px;
}

.menu-first {
    width: 50%;
    float: right;
}

.menu-first a {
    width: 98%;
    margin-bottom: 3px;
    margin-left: 3px;
}

.c-products {
    padding: 10px;
}


.c-orderconf button {
    background-color: #63c7c7;
    color: #fff;
}

button, input[type="button"], input[type="reset"], input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
    margin: auto;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    /*min-width: 55px;*/
    height: 31px;
    border-radius: 15px;
    background-color: #008f8f;
    font-weight: bold;
    border: none;
    line-height: 31px;
}