@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300;1,400;1,600;1,700;1,800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');

@font-face {
    font-family: 'proxima_novabold';
    src: url('../fonts/fontsfree-net-proxima-nova-bold.woff2') format('woff2'), url('../fonts/fontsfree-net-proxima-nova-bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novalight';
    src: url('../fonts/fontsfree-net-proxima-nova-light.woff2') format('woff2'), url('../fonts/fontsfree-net-proxima-nova-light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novasemibold';
    src: url('../fonts/fontsfree-net-proxima-nova-sbold.woff2') format('woff2'), url('../fonts/fontsfree-net-proxima-nova-sbold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'proxima_novaregular';
    src: url('../fonts/proximanova-regular.woff2') format('woff2'), url('../fonts/proximanova-regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

html {
    width: 100vw;
}

body {
    font-family: 'proxima_novaregular';
    font-size: 1rem;
    background: #fff;
    word-break: break-word;
}

.for-cursor {
    cursor: pointer;
}

.p-0 {
    padding: 0;
}

.pt-1 {
    padding-top: 1rem;
}

.p-10 {
    padding: 0.625rem;
}

.p-15 {
    padding: 0.9375rem;
}

.p-25 {
    padding: 1.5625rem;
}

.pl-0 {
    padding-left: 0;
}

.pl-1 {
    padding-left: 1rem;
}

.pl-15 {
    padding-left: 1.5rem;
}

.pl-2 {
    padding-left: 2rem;
}

.m-30-n {
    margin-right: -1.25rem;
    margin-left: -1.25rem;
}

.mt-5 {
    margin-top: .5rem;
}

.mt-10 {
    margin-top: .8rem;
}

.mt-15 {
    margin-top: 0.9375rem;
}

.mt-2rem {
    margin-top: 2rem;
}

.mt-20 {
    margin-top: 1.25rem;
}

.mt-40 {
    margin-top: 2.5rem;
}

.mt-20 {
    margin-top: 1.25rem;
}

.mt-9 {
    margin-top: 1.9rem;
}

.mt-1 {
    margin-top: 1rem;
}

.mt-0 {
    margin-top: 0;
}

.mb-10 {
    margin-bottom: .9rem !important;
}

.mb-20 {
    margin-bottom: 1.25rem;
}

.mb-40 {
    margin-bottom: 2.5rem;
}

.m-10 {
    margin-right: .5rem;
    margin-left: .5rem;
}

.mr-10 {
    margin-right: .5rem !important;
}

.default-color {
    color: #132ba3;
}

.m-0 {
    margin: 0;
}

.m-5 {
    margin: 0 .5rem;
}

.p-05 {
    padding: .625rem .3rem !IMPORTANT;
}

.p-1 {
    padding: .625rem 1rem !IMPORTANT;
}

.p-2 {
    padding: 0 2rem;
}

.m-2 {
    margin: 0 2rem;
}

.w-100 {
    width: 100%;
}

.ml-2N {
    margin-left: -2rem;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.data-table.p-0 {
    padding-bottom: 0;
}

.float-right {
    float: right !important;
}

.float-left {
    float: left;
}

.clear {
    float: left;
    width: 100%;
    clear: both;
    position: relative;
}

.custom-datePickerWrapper.defaultSpan.overflow-space {
    float: none;
    margin: 2.5rem 0 .5rem;
}

.text-center {
    text-align: center;
}

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

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

.padding-around {
    padding: 0 .625rem 2rem;
}

.btnSelect {
    border: 0.0625rem solid #132ba3;
    background: #132ba3;
    color: #fff;
    padding: .5rem 2rem;
    border-radius: .2rem;
    font-size: .85rem;
    cursor: pointer;
}

.btnSelect:hover {
    border: 0.0625rem solid #132ba3;
    background: #fff;
    color: #132ba3;
}

.btnDelete {
    padding: .5rem 2rem;
    border-radius: .2rem;
    font-size: .85rem;
    cursor: pointer;
    border: 0.0625rem solid red;
    background: #fff;
    color: red;
}

.btnDelete:hover {
    border: 0.0625rem solid red;
    background: red;
    color: #fff;
}

.btnSave {
    border: 0.0625rem solid #132ba3;
    background: #fff;
    color: #132ba3;
    padding: .5rem 2rem;
    border-radius: .2rem;
    font-size: .85rem;
    cursor: pointer;
}

.btnSave:hover {
    border: 0.0625rem solid #132ba3;
    background: #132ba3;
    color: #fff;
}

.wrap-hide {
    overflow: hidden;
}

* {
    scrollbar-width: thin;
    scrollbar-color: #20449c #ccc;
}

*::-webkit-scrollbar {
    width: .7rem;
}

*::-webkit-scrollbar-track {
    background: #ccc;
    width: .7rem;
}

/**::-webkit-scrollbar-thumb{background-color:#20449c;border-radius:.5rem;border:3px solid #ccc;}
*/
img {
    max-width: 100%;
}

table {
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
}

table tr {
    padding: .35rem;
    border-bottom: .0625rem solid #edeaea;
    position: relative;
}

table tbody tr:last-child {
    border-bottom: 0;
}

table th, table td {
    padding: .625rem;
}

table th {
    font-size: .7rem;
    text-transform: uppercase;
    text-align: left;
    color: #918e8e;
    font-weight: 400;
}

.data-table {
    background: #fff;
    border-radius: .3rem;
    padding: 0 2rem 2rem;
}

.d-flex {
    display: flex;
}

.d-flex-end {
    display: flex;
    align-items: end;
    justify-content: flex-end;
}

.selected-customers ul {
    padding: 0;
    list-style: none;
    display: flex;
    font-size: .7rem;
    color: #918e8e;
    font-weight: 400;
    margin: 0;
}

.selected-customers ul span {
    margin: 0 .3rem;
}

.actions {
    font-size: .8rem;
    font-weight: 400;
    text-transform: uppercase;
    color: #6c6a6a;
}

.actions i {
    font-size: .8rem;
    margin-right: .3rem;
}

.header-pagination a {
    color: #333;
    font-size: .7rem;
    padding: .7rem .7rem;
}

.header-pagination a.active i {
    font-weight: 700;
}

.name-icon {
    width: 2rem;
    height: 2rem;
    background: #9a8fef;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: .6rem;
    color: #fff;
    margin: 0 .7rem;
}

.status-icon {
    background: #e9aa1c;
    border-radius: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    width: 3rem;
    text-align: center;
}

.status-icon span {
    padding-left: .4rem;
}

.customer-description {
    font-size: .75rem;
    line-height: 1.2rem;
    color: #898686;
}

.customer-description span {
    font-weight: 400;
    display: inline-block;
    color: #000;
}

.data-table th:nth-child(2), .data-table td:nth-child(2) {}

.green-bg {
    background: #49b413 !important;
}

.orange-bg {
    background: #f86d37 !important;
}

.yellow-bg {
    background: #e9aa1c !important;
}

.red-bg {
    color: red !important;
}

.orangeBg {
    background: #f86d37 !important;
}

.blue-bg {
    background: #132ba3;
}

.lightgreen-bg {
    background: #abf3f0;
}

.sky-bg {
    background: #4558b6;
}

span.status-icon2 {
    padding: 0;
    font-size: .9rem;
    line-height: .11rem;
}

.customer-name {
    font-size: .8rem;
    font-weight: 400;
}

.email-text, .phone-text, .time-text {
    font-size: .8rem;
    color: #898686;
    word-break: break-all;
}

.customer-heading {
    color: #333;
    display: flex;
}

.customer-heading i {
    margin-left: .3rem;
    font-size: .5rem;
    color: #918e8e;
}

.chart-wrap {
    box-shadow: 0 0 .7rem #c5cfd87d;
    padding: .7rem 0;
    border-radius: .6rem;
}

span.customer-address {
    display: block;
    font-weight: 400;
    padding-left: 5.7rem;
    margin-top: -.5rem;
    font-size: .75rem;
    line-height: 1rem;
    color: #6e6d6d;
}

.viewing-section {
    cursor: help;
    position: relative;
    display: inline-block;
    -webkit-transform: translateZ(0);
    float: right;
}

.viewing-section .tooltip {
    background: #153d60;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -94%;
    margin-bottom: 1rem;
    opacity: 0;
    padding: .5rem;
    pointer-events: none;
    position: absolute;
    width: 9rem;
    border-radius: .2rem;
    -webkit-transform: translateY(.7rem);
    -moz-transform: translateY(.7rem);
    -ms-transform: translateY(.7rem);
    -o-transform: translateY(.7rem);
    transform: translateY(.7rem);
    -webkit-transition: all .25s ease-out;
    -moz-transition: all .25s ease-out;
    -ms-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    -webkit-box-shadow: .125rem .125rem .375rem rgba(0, 0, 0, 0.28);
    -moz-box-shadow: .125rem .125rem .375rem rgba(0, 0, 0, 0.28);
    -ms-box-shadow: .125rem .125rem .375rem rgba(0, 0, 0, 0.28);
    -o-box-shadow: .125rem .125rem .375rem rgba(0, 0, 0, 0.28);
    box-shadow: .125rem .125rem .375rem rgba(0, 0, 0, 0.28);
}

.viewing-section .tooltip:before {
    bottom: -1.5rem;
    content: " ";
    display: block;
    height: 1.5rem;
    left: 0;
    position: absolute;
    width: 100%;
}

.viewing-section .tooltip:after {
    border-left: solid transparent .7rem;
    border-right: solid transparent .7rem;
    border-top: solid #153d60 .7rem;
    bottom: -.5rem;
    content: " ";
    height: 0;
    left: 51%;
    margin-left: -.8rem;
    position: absolute;
    width: 0;
}

.viewing-section:hover .tooltip {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
}

.lte8 .viewing-section .tooltip {
    display: none;
}

.lte8 .viewing-section:hover .tooltip {
    display: block;
}

.tooltip img {
    width: 2rem;
    height: 2rem;
    object-fit: cover;
    border-radius: 50%;
    box-shadow: 0 0 .3rem #807d7d;
}

.client-view-image {
    display: inline-block;
    margin-right: .3rem;
}

.client-view-desc {
    display: inline-block;
}

.client-view-desc p {
    color: #5ca0de;
    font-size: .7rem;
    text-transform: uppercase;
    margin: 0;
    line-height: .9rem;
}

.client-view-desc span {
    color: #fff;
    font-size: .7rem;
    text-transform: uppercase;
}

.dropdown-menu.action-dropdown .checkbox label:before {
    border: 0.0625rem solid #60656d;
}

.dropdown-menu.action-dropdown i {
    font-size: .9rem;
    width: 1.5rem;
    display: inline-block;
    font-weight: 400;
}

.dropdown-menu.action-dropdown span {
    font-size: .8rem;
    color: #959393;
    font-weight: 400;
    cursor: pointer;
}

.dropdown-menu.action-dropdown .checkbox, .radio {
    margin: 0;
}

.dropdown-menu.action-dropdown .checkbox label:after {
    left: .4rem;
    top: .4rem;
}

.ul-4 a {
    padding: .2rem 0;
    display: block;
    border-bottom: 1px solid #ddd;
}

.ul-4 li:last-child a {
    border-bottom: 0;
}

.chart-dropdown li {
    text-align: right;
    width: 100%;
    padding-right: .7rem;
}

.chart-wrap ul.ul-4 {
    position: absolute;
    right: .7rem;
}

.identity {
    display: inline-flex;
    font-size: .8rem;
    color: #000;
    margin: 0;
    word-break: break-word;
}

.dropdown-menu ul li a:hover span {
    color: #132ba3;
}

.invoice-POS {
    box-shadow: 0 0 10px #c6c8d14f;
    padding: 2mm;
    margin: 0 auto;
    width: 20rem;
    background: #FFF;
    position: relative;
}

.invoice-text {
    font-size: .875rem;
    line-height: 1.25rem;
    margin: .3125rem 0;
}

.invoice-text span {
    font-weight: bold;
}

.delivered {
    font-size: 1.3rem;
    font-weight: 700;
    margin: .3125rem 0;
}

.due {
    font-size: 1.1rem;
    margin: .3125rem 0;
}

.invoice-section {
    border-bottom: 0.0625rem solid #bebebe;
    padding: 0.625rem;
}

.invoice-section address {
    font-style: normal;
    font-size: .875rem;
    line-height: 1.25rem;
}

.invoice-item {
    width: 70%;
}

.invoice-count {
    width: 30%;
    text-align: right;
}

.invoice-POS table tr {
    border-bottom: 0;
}

.invoice-POS table tr:hover {
    background: none;
}

.invoice-POS table tr td {
    padding: .1rem .5rem;
    font-size: .875rem;
    line-height: 1.25rem;
}

.invoice-POS table tr.table-border-invoice td {
    padding: .6rem .5rem;
    font-size: .9rem;
    line-height: 1.25rem;
    font-weight: bold;
}

.invoice-POS table tr.item-head td {
    padding: .5rem .5rem .1rem;
    font-size: .8rem;
    line-height: 1.25rem;
    font-weight: bold;
}

tr.item-head {
    border-top: 0.0625rem solid #bebebe;
}

.invoice-POS tfoot {
    border-top: 0.0625rem solid #bebebe;
}

.invoice-POS table tfoot tr td {
    padding: .1rem .5rem;
    font-size: 1rem;
    line-height: 1.2rem;
}

.invoice-POS table tfoot tr td.total-item-count {
    font-size: 1rem;
    font-weight: 700;
    line-height: 2rem;
}

.paid-stamp {
    border: 0.125rem solid #000000;
    font-size: 1.4rem;
    width: 5rem;
    margin: 1.25rem auto;
    padding: .5rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}

.customer-receipt {
    border-top: 0.0625rem solid #bebebe;
    text-align: center;
}

.invoice-POS table tbody tr:last-child td {
    padding-bottom: 0.625rem;
}

.invoice-POS table tfoot tr:first-child td {
    padding-top: 0.625rem;
}

.full-rate {}

i.icon-star, i.icon-star-half {
    font-size: 1rem;
    color: gold;
}

.rating-text {
    font-size: 1rem;
}

.rate-wrap {
    box-shadow: 0 0 0.4rem #c5cfd87d;
    border-radius: .6rem;
    min-height: 7.3rem;
}

.rate-box-first i {
    font-size: 3rem;
    display: inline-block;
    color: #f86d37;
}

.rate-box-first .rating-text {
    display: inline-block;
    font-size: 2rem;
    font-weight: 700;
}

span.customer-feedback {
    display: block;
    font-weight: 400;
    padding-left: 3.7rem;
    margin-top: 0;
    font-size: .75rem;
    line-height: 1rem;
    color: #6e6d6d;
}

.start-row {
    display: inline-block;
}

.date-rate {
    display: inline-block;
    margin-left: 0.625rem;
    font-size: .8rem;
    color: #989898;
}

a.delete-description, a.button-default {
    display: inline-block;
    padding: 0.1875rem 0.9375rem;
    text-align: center;
    border: 0.0625rem solid #132ba3;
    color: #132ba3;
    font-size: .7rem;
    text-transform: uppercase;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
}

a.button-default {
    width: 100%;
}

a.delete-description:hover, a.button-default:hover {
    background: #132ba3;
    color: #fff;
}

a.button-default.active {
    background: #0ec20e;
    border: 0.0625rem solid #0ec20e;
    color: #fff;
}

a.show-description, a.button-default2 {
    display: inline-block;
    padding: 0.1875rem 0.9375rem;
    text-align: center;
    border: 0.0625rem solid #132ba3;
    color: #fff;
    font-size: .7rem;
    text-transform: uppercase;
    background: #132ba3;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
}

a.show-description:hover, a.button-default2:hover {
    border: .0625rem solid #132ba3;
    color: #132ba3;
    background: #fff;
}

table i.icon-star, table i.icon-star-half {
    font-size: .8rem;
    color: gold;
}

.feedback-table .start-row {
    width: 6.25rem;
    text-align: left;
}

.feedback-table .date-rate {
    margin-left: 0;
}

.sidenav {
    height: auto;
    width: 15.625rem;
    z-index: 1;
    top: 0;
    left: 0;
    background-color: #fff;
    overflow-x: hidden;
    transition: 0.5s;
    padding: 0;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
    padding-bottom: 2rem;
    border-radius: 0 0 0 .3rem;
    min-height: calc(100vh - 90px);
    overflow-y: auto;
    height: auto;
}

.sidenav a {
    padding: 0 .8rem 0 1.25rem;
    text-decoration: none;
    color: #323131;
    display: block;
    transition: 0.3s;
    font-size: .9rem;
    font-weight: 400;
    text-transform: capitalize;
    clear: both;
}

.sidenav .closebtn {
    position: absolute;
    top: .8rem;
    right: .2rem;
    font-size: 1.7rem;
    margin-left: 0;
}

.sidenav ul, .sitemain-menu {
    padding: 0 0 0 .5rem;
}

a.sitenav-logo {
    font-size: 3rem;
    display: none;
}

.sidenav ul li i {
    font-size: 1rem;
    padding-right: .8rem;
    width: 1rem;
    margin-top: .1rem;
    float: left;
}

.sitemain-menu li {
    list-style: none;
    border-left: 0.25rem solid #fff;
    padding: .8rem 0;
    cursor: pointer;
}

.redesign li {
    padding: .6rem 0;
}

.sitemain-menu li:hover, .sitemain-menu li.active, .top-message:hover, .top-message.active {
    background: #e4f1ff70;
    border-left: 0.25rem solid #132ba3;
}

.sitemain-menu li:hover i {
    color: #132ba3;
}

.redesign li:nth-child(2) {
    border-left: .125rem solid #a70e0e;
}

.redesign li:nth-child(3) {
    border-left: .125rem solid #087006;
}

.redesign li:nth-child(4) {
    border-left: .125rem solid #1677d9;
}

.redesign li:nth-child(5) {
    border-left: .125rem solid #a70ea2;
}

.redesign li:nth-child(6) {
    border-left: .125rem solid #c98850;
}

.redesign li a {
    text-transform: capitalize;
    font-size: .8rem;
}

.nav-tab-section {
    border-top: .0625rem solid #e7e4e4;
    margin: 0 -2rem 0;
}

li.project-left {
    padding: .5rem .8rem 2rem 1.25rem;
}

li.project-left span {
    font-size: .9rem;
}

a.add-project {
    display: inline-block;
    float: right;
    padding: 0;
}

.sidenav ul li a.add-project i {
    font-size: .7rem;
    padding-right: .4rem;
    width: .8rem;
    margin-top: .3rem;
    float: left;
}

.nav-tab-section .row {
    margin-left: 0;
    margin-right: 0;
    max-width: 100vw;
}

.data-table-menu .nav-tab-section .row {
    padding: 0;
}

.right-side, .space-around {
    padding: 1rem 2rem;
}

.sitemain-menu p {
    margin: 0;
    font-size: .7rem;
    padding: 0 .8rem 0 1.25rem;
    line-height: .8rem;
}

.right-side h3 {
    font-weight: 400;
    padding: .625rem;
    margin: 0;
}

.nav-tab-section tr:hover {
    background: #fcfcbd30;
}

.add-hour, .deafault-btn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884d0;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
}

.add-hour:hover, .deafault-btn:hover {
    background: #fff;
    border: .0625rem solid #1884d0;
}

span.Workingday {
    font-size: .9rem;
    color: #132ba3;
}

.time-table tr {
    border: 0;
}

.open-close input {
    border: 0;
    border-bottom: .0625rem solid #cccccc;
    padding: 0.625rem 0;
    font-size: .8rem;
    width: 100%;
}

.tabs>label {
    display: inline-block;
    padding: 0.375rem 0 0.375rem 0;
    margin: 0 0.125rem 0 0;
    text-align: center;
    float: right;
    font-size: .9rem;
    padding: 1rem 1.5rem .75rem;
    line-height: 1.1rem;
    border-bottom: 0.125rem solid #ffffff;
}

.tabs label:hover {
    cursor: pointer;
}

.tabs #tab1:checked~.content #content1, .tabs #tab2:checked~.content #content2, .tabs #tab3:checked~.content #content3, .tabs #tab4:checked~.content #content4, .tabs #tab5:checked~.content #content5, .tabs #tab6:checked~.content #content6, .tabs #tab7:checked~.content #content7, .tabs #tab8:checked~.content #content8 {
    display: block;
    clear: both;
    overflow: visible;
}

.tabs .content>div {
    display: none;
    padding-top: 1.25rem;
    text-align: left;
    width: 100%;
    box-sizing: border-box;
    overflow-x: hidden;
    overflow-y: visible;
}

.time-track {
    position: relative;
}

.hiddendiv {
    display: none;
    position: absolute;
    left: .5rem;
    top: 3rem;
    width: 11.5rem;
    box-shadow: 0 0 0.8rem #c5cfd87d;
    overflow-y: auto;
    border-radius: .3rem;
    background: #fff;
    z-index: 9;
}

.clicker:focus+.hiddendiv {
    display: block;
}

.hiddendiv ul {
    list-style: none;
    text-align: left;
    padding: 0;
    margin: .2rem 0;
}

.hiddendiv ul li {
    font-size: .8rem;
    line-height: 1rem;
    padding: .5rem 1rem !important;
    color: #726e6e;
    cursor: pointer;
}

.hiddendiv ul li:hover {
    background: #e4f1ff70;
}

.card {
    width: 12rem;
    height: 8rem;
    -webkit-perspective: 37.5rem;
    -moz-perspective: 37.5rem;
    perspective: 37.5rem;
    margin: 0 1rem .7rem 0;
    display: inline-block;
}

.card__part {
    top: 0;
    position: absolute;
    z-index: 1000;
    left: 0;
    display: inline-block;
    width: 13rem;
    height: 8.228rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: .5rem;
    background-image: url(../images/world_map.png), linear-gradient(to right bottom, #fd696b, #fa616e, #f65871, #f15075, #ec4879);
}

.card__part.card__part-green {
    background-image: url('https://image.ibb.co/bVnMrc/g3095.png'), linear-gradient(to right, rgb(39 182 118) 0%, rgb(104 215 180) 37%, rgb(55 170 151) 62%, rgb(26 152 149) 100%);
}

.card__part.card__part-blue {
    background-image: url('https://image.ibb.co/bVnMrc/g3095.png'), linear-gradient(to right bottom, #264662, #424cc3, #0c0d58, #140945, #0d2864);
}

.card__part.card__part-purple {
    background-image: url('https://image.ibb.co/bVnMrc/g3095.png'), linear-gradient(to right, rgb(82 7 90) 0%, rgb(83 12 100) 37%, rgb(99 34 131) 62%, rgb(61 21 117) 100%);
}

.card__front {
    padding: .8rem;
}

.card__part.card__part-black {
    background-image: url('https://image.ibb.co/bVnMrc/g3095.png'), linear-gradient(to right, rgb(30 26 28) 0%, rgb(84 77 82) 37%, rgb(61 56 63) 62%, rgb(32 30 34) 100%);
}

.card__black-line {
    margin-top: 0.3125rem;
    height: 2.375rem;
    background-color: #303030;
}

.card__logo {
    height: 1rem;
}

.card__front-logo {
    position: absolute;
    top: 1.125rem;
    right: 1.125rem;
}

.card__square {
    border-radius: 0.3125rem;
    height: 1rem;
}

.card_numer {
    display: block;
    width: 100%;
    word-spacing: .25rem;
    font-size: .9rem;
    letter-spacing: 0;
    color: #fff;
    text-align: left;
    margin-bottom: 0;
    margin-top: .5rem;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    min-height: 24px;
}

.card__space-75 {
    width: 75%;
    float: left;
}

.card__space-25 {
    float: left;
}

.card__label {
    font-size: .75rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: .0625rem;
}

.card__info {
    margin-bottom: 0;
    margin-top: .5rem;
    font-size: .67rem;
    line-height: 1.125rem;
    color: #fff;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    display: inline-block;
}

.card__back-content {
    padding: 0.9375rem 0.9375rem 0;
}

.card__secret--last {
    color: #303030;
    text-align: right;
    margin: 0;
    font-size: 0.875rem;
}

.card__secret {
    padding: 0.3125rem 0.75rem;
    background-color: #fff;
    position: relative;
}

.card__secret:before {
    content: '';
    position: absolute;
    top: -0.1875rem;
    left: -0.1875rem;
    height: calc(100% + 0.375rem);
    width: calc(100% - 2.625rem);
    border-radius: .25rem;
    background: repeating-linear-gradient(45deg, #ededed, #ededed 0.3125rem, #f9f9f9 0.3125rem, #f9f9f9 0.625rem);
}

.left-border {
    margin: 0 -1.25rem;
    padding: 0 0 3.125rem 3.125rem;
    border-left: .0625rem solid #e7e4e4;
    border-bottom: .0625rem solid #e7e4e4;
}

.card-shadow {
    padding: 0 .625rem;
}

.steps h4, h4 {
    font-weight: 400;
}

.step-list {
    position: relative;
    padding: 0 0 0 3rem;
    text-align: left;
    margin: 1.5rem 0;
}

.step-list p {
    font-size: .9rem;
    line-height: 1.1rem;
}

.step-list-number {
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: .0625rem solid #132ba3;
    height: 2rem;
    width: 2rem;
    padding-top: 0.25rem;
    padding-left: 0.125rem;
    color: #132ba3;
    text-align: center;
}

.pull-left {
    float: left;
}

.arPoints p {
    font-size: .8rem;
    line-height: 1rem;
}

.arSky {
    color: #132ba3;
}

.coupon-wrap {
    position: relative;
    height: 10rem;
}

.coupons, .account-existing {
    border-radius: 0.625rem;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    height: 11rem;
}

.coupons:before, .coupons:after, .card-existing:before, .card-existing:after {
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    background: #fff;
    border-radius: 4rem;
    top: 50%;
    z-index: 9;
}

.coupons:before, .card-existing:before {
    left: 0;
    transform: translate(-50%, -50%);
}

.coupons:after, .card-existing:after {
    right: 0;
    transform: translate(50%, -50%);
}

.coupons__type, .account-existing__type {
    width: 3rem;
    height: 100%;
}

.coupon-code, .account-existing-code {
    font-size: .8rem;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    text-align: center;
    display: block;
    height: 100%;
    padding-left: .25rem;
    color: #fff;
    width: 1.5rem;
}

.coupon-section {
    margin: 2rem 0;
}

.coupon-discount {
    font-size: 1.5rem;
    color: #fff;
    padding-top: 1rem;
}

.apply-coupon {
    color: #fff;
    padding-top: 2.5rem;
    position: relative;
}

.apply-coupon:before {
    content: '';
    position: absolute;
    left: 0;
    top: 35%;
    width: 4rem;
    height: .0625rem;
    background: #ffffff7a;
}

.apply-coupon p {
    font-size: .9rem;
    margin: 0;
    line-height: .9rem;
}

.apply-coupon span {
    font-size: .7rem;
}

.coupon-green {
    background: rgba(74, 223, 156, 1);
    background: -moz-linear-gradient(left, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(74, 223, 156, 1)), color-stop(37%, rgba(71, 208, 165, 1)), color-stop(62%, rgba(69, 195, 174, 1)), color-stop(100%, rgba(66, 180, 178, 1)));
    background: -webkit-linear-gradient(left, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
    background: -o-linear-gradient(left, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
    background: -ms-linear-gradient(left, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
    background: linear-gradient(to right, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4adf9c', endColorstr='#42b4b2', GradientType=1);
}

.coupon-green .coupons__type, .coupon-green .creditcard__type {
    background: #43b8b2;
}

.coupon-purple {
    background: rgba(224, 95, 151, 1);
    background: -moz-linear-gradient(left, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(224, 95, 151, 1)), color-stop(37%, rgba(183, 85, 158, 1)), color-stop(62%, rgba(140, 73, 173, 1)), color-stop(100%, rgba(113, 65, 179, 1)));
    background: -webkit-linear-gradient(left, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
    background: -o-linear-gradient(left, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
    background: -ms-linear-gradient(left, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
    background: linear-gradient(to right, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e05f97', endColorstr='#7141b3', GradientType=1);
}

.coupon-purple .coupons__type, .coupon-purple .creditcard__type {
    background: #7041b3;
}

.coupon-blue {
    background: rgba(50, 227, 218, 1);
    background: -moz-linear-gradient(left, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(50, 227, 218, 1)), color-stop(37%, rgba(57, 194, 221, 1)), color-stop(62%, rgba(73, 164, 225, 1)), color-stop(100%, rgba(97, 124, 232, 1)));
    background: -webkit-linear-gradient(left, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
    background: -o-linear-gradient(left, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
    background: -ms-linear-gradient(left, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
    background: linear-gradient(to right, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#32e3da', endColorstr='#617ce8', GradientType=1);
}

.coupon-blue .coupons__type, .coupon-blue .creditcard__type {
    background: #728bf8;
}

.coupon-orange {
    background: rgba(251, 132, 128, 1);
    background: -moz-linear-gradient(left, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(251, 132, 128, 1)), color-stop(37%, rgba(245, 115, 117, 1)), color-stop(62%, rgba(236, 91, 105, 1)), color-stop(100%, rgba(231, 82, 102, 1)));
    background: -webkit-linear-gradient(left, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
    background: -o-linear-gradient(left, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
    background: -ms-linear-gradient(left, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
    background: linear-gradient(to right, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fb8480', endColorstr='#e75266', GradientType=1);
}

.coupon-orange .coupons__type, .coupon-orange .creditcard__type {
    background: #e74f64;
}

.coupon-yellow {
    background: rgba(255, 214, 34, 1);
    background: -moz-linear-gradient(left, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255, 214, 34, 1)), color-stop(37%, rgba(254, 188, 22, 1)), color-stop(62%, rgba(255, 169, 8, 1)), color-stop(100%, rgba(254, 149, 3, 1)));
    background: -webkit-linear-gradient(left, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%);
    background: -o-linear-gradient(left, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%);
    background: -ms-linear-gradient(left, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%);
    background: linear-gradient(to right, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd622', endColorstr='#fe9503', GradientType=1);
}

.coupon-orange-dark {
    background: #fe5101;
    background: linear-gradient(to right, #f4a884 0%, #f89364 37%, #f4763b 62%, #fe5101 100%);
}

.coupon-yellow .coupons__type {
    background: #fe9603;
}

.existing-coupon {
    display: block;
    overflow: hidden;
    clear: both;
    width: 100%;
    padding: 1.25rem .4375rem;
}

.coupon-details {
    width: 100%;
    min-height: 3rem;
    background: #e4f1ff70;
    border-left: 0.125rem solid #1884d0;
    display: flex;
    padding: 1rem;
    margin-bottom: .3rem;
}

.list-coupon-code {
    margin: 0 .5rem;
    flex-basis: 18%;
}

.list-coupon-code p {
    margin: 0;
    font-size: .8rem;
    line-height: .9rem;
}

.list-coupon-code span {
    font-size: .65rem;
    line-height: .7rem;
    color: #828080;
}

.coupon-name-icon {
    width: 2rem;
    height: 1.8rem;
    background: #ffffff;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: .6rem;
    color: #10509f;
    margin-right: .3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
}

.coupon-details-green {
    background: #a9f1ea30;
    border-left: 0.125rem solid #4dc5a4;
}

.coupon-details-purple {
    background: #d5a7f126;
    border-left: 0.125rem solid #ea64b5;
}

.coupon-details-orange {
    background: #f3cbcf45;
    border-left: 0.125rem solid #f77a79;
}

.coupon-details-yellow {
    background: #faf0d245;
    border-left: 0.125rem solid #fec61b;
}

a.delete-icon {
    position: absolute;
    right: .5rem;
    top: .5rem;
    font-size: .7rem;
    color: #fff;
    font-weight: 400;
    line-height: .7rem;
    padding: .2rem;
    transition: 0.2s ease-in-out 0.2s;
}

a.delete-icon:hover {
    color: #ffffffad;
}

a.edit-icon {
    position: absolute;
    right: 3.3rem;
    top: .5rem;
    font-size: .7rem;
    color: #fff;
    font-weight: 400;
    line-height: .7rem;
    padding: .2rem;
    transition: 0.2s ease-in-out 0.2s;
}

a.edit-icon:hover {
    color: #ffffffad;
}

.coupon-details-nobg {
    width: 100%;
    min-height: 3rem;
    display: flex;
    padding: 1rem 0;
    margin-bottom: .3rem;
    border-bottom: .0625rem solid #e7e4e4;
}

.coupon-details-nobg:last-child {
    border: 0;
}

.bar-code {
    font-family: 'Libre Barcode 128';
    font-size: 2.5rem;
}

.clicker-validfor {
    height: 2.6rem;
    font-size: .9rem;
    border-bottom: .0625rem solid #e7e4e4;
}

.coupont-pay-method {
    position: relative;
    clear: both;
}

.coupont-pay-method-or {
    position: absolute;
    left: 50%;
    top: 77%;
    transform: translate(-50%, -50%);
    background: #fff;
    color: #4d4949;
    border-radius: 50%;
    font-size: .7rem;
    text-align: center;
    padding: 2.4px 6px;
    border-radius: 50%;
    border: 1px solid #d1cfcf;
    font-weight: 400;
}

.Check-switch {
    display: flex;
    margin-bottom: .5rem;
    clear: both;
    align-items: center;
}

.Check-switch .checkout-selection-text-type-five {
    margin: .4rem 0;
}

.switch-container p {
    color: #4d4a4a;
    padding-bottom: .7rem;
}

.couponlist-history .coupon-name-icon {
    font-size: .9rem;
}

.coupons-list.couponlist-history {
    background: #f1f1f145;
    padding: 20px;
}

.redesign li a:hover {
    color: #132ba3;
}

.all-inbox {
    background: #fff;
    position: relative;
    border-radius: 0 0 0 .3rem;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
    min-height: 82vh;
}

span.total-message {
    position: absolute;
    right: 18px;
    top: 14px;
    background: #fff;
    border-radius: 20%;
    font-size: 12px;
    line-height: 14px;
    padding: 4px 8px;
    color: #000;
}

.top-message {
    border-bottom: .0625rem solid #e7e4e4;
    overflow: hidden;
    margin-left: -1.5rem;
    padding-left: 1.25rem;
    border-left: 0.25rem solid #fff;
    cursor: pointer;
}

.top-message:last-child {
    border-bottom: 0;
}

.send-mail ul {
    list-style: none;
    padding: 0 0 10px;
    border-bottom: .0625rem solid #e7e4e4;
}

.send-mail:last-child ul {
    border: 0;
}

.send-mail ul li {
    margin: 5px 0;
}

.send-mail ul li a {
    font-weight: 400;
    color: #333;
    font-size: .8rem;
    transition: 0.3s ease-in-out 0.3s;
}

.send-mail ul li a:hover {
    color: #132ba3;
}

.send-mail p {
    font-weight: 400;
    font-size: .9rem;
}

.bg-red {
    border: 3px solid red;
}

.bg-yellow {
    border: 3px solid #ffb100;
}

.bg-green {
    border: 3px solid green;
}

.bg-blue {
    border: 3px solid blue;
}

.bg-gray {
    border: 3px solid gray;
}

.message-box {
    display: flex;
    padding: 1rem;
    background: #f4f5f878;
    border-bottom: .0625rem solid #e7e4e4;
    cursor: pointer;
    transition: .5s;
}

.message-box:last-child {
    border-bottom: 0;
}

.message-box:hover, .message-box.active {
    background: #fcfcbd30;
}

.message-box.active {
    background: #fcfcbd30;
}

.client-meaasge img {
    max-width: 100%;
}

.client-meaasge {
    width: 5rem;
    height: 2.3rem;
    border-radius: 50%;
    margin-right: 1rem;
    box-shadow: 3px 3px 10px #ccc;
}

.client-meaasge img {
    max-width: 100%;
    border-radius: 50%;
    height: 100%;
}

.clientmeaasge-designation {
    font-weight: 500;
    font-size: .8rem;
    line-height: 1rem;
    margin-bottom: .2rem;
    font-family: 'proxima_novasemibold';
}

.clientmeaasge-description {
    font-size: .75rem;
    line-height: .9rem;
    color: #6e6d6d;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px;
}

.top-message p {
    font-size: .9rem;
    color: #333;
    float: left;
    margin: 1.3rem 0;
}

.clientmeaasge-name {
    font-size: .8rem;
}

.meassge-content {
    background: none;
}

.client-meaasge-pic {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    margin-right: 1rem;
    box-shadow: 3px 3px 10px #ccc;
}

.client-meaasge-pic img {
    height: 4rem;
    border-radius: 50%;
    width: 4rem;
}

.message-date {
    font-size: .8rem;
    color: #8d8a8a;
    text-align: right;
    padding: 1rem 0;
}

.message-details {
    padding: 2rem 2rem;
}

.message-details p {
    font-size: .8rem;
    line-height: 1rem;
    margin-bottom: 1.8rem;
    color: #6e6d6d;
}

.nav-tab-section .row .meassaging-system {
    margin-left: -1.5rem;
    padding-left: 1.5rem;
}

.message-filter {
    padding: .8rem 0 .8rem 1rem;
    border-bottom: .0625rem solid #e7e4e4;
}

.all-message-box {
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.clientmessage-date {
    color: #8d8a8a;
    text-align: right;
    font-size: .7rem;
    padding: 0;
    line-height: .9rem;
    margin-bottom: .4rem;
}

a.more-mail {
    color: #132ba3;
    font-size: .8rem;
    font-weight: 400;
    display: block;
    border-bottom: 0;
    margin-left: .5rem;
}

.clientmeaasge-email, .clientmeaasge-sms {
    font-size: .9rem;
    clear: both;
    padding-top: 1rem;
    padding-bottom: .9rem;
}

.message-filter .add-hour {
    margin-top: .3rem;
}

.clientmeaasge-email ul, .clientmeaasge-sms ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.7rem;
    margin: 1rem 0 .5rem;
}

.client-meaasge-describe .status-icon span {
    padding-left: 0;
    margin: 0;
    text-align: center;
}

.compose-mail, .edit-bank-details {
    position: relative;
    clear: both;
    float: left;
    width: 100%;
}

.clicker {
    height: 2rem;
    outline: none;
    cursor: pointer;
    text-align: left;
    font-size: .9rem;
    border-bottom: .0625rem solid #ccc;
    line-height: 2rem;
    color: #7e808c;
    height: 2.625rem;
    font-weight: 500;
}

.hiddendiv-mail {
    display: none;
    height: auto;
    position: absolute;
    left: .5rem;
    top: 3rem;
    width: 30rem;
    box-shadow: 0 0 0.8rem #c5cfd87d;
    overflow-y: hidden;
    border-radius: .3rem;
    background: #fff;
    z-index: 9;
    overflow: hidden;
    padding: 1.5rem;
}

.clicker:focus+.hiddendiv-mail {
    display: block;
}

.compose-text {
    margin: 0 -1.2rem;
    padding: 0 1rem 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.2rem;
}

.file-btn {
    background: #fff;
    border: .0625rem solid #1884d0;
    display: inline-block;
    padding: .3rem 1rem;
    border-radius: .3rem;
    color: #1884d0;
    margin-right: .3rem;
    font-size: .8rem;
    transition: .3s ease-out .3s;
    cursor: pointer;
}

.file-btn:hover {
    background: #e4f1ff70;
    border: .0625rem solid #e4f1ff70;
}

#html_btn {
    display: none;
}

.new_Btn i {
    padding-right: .4rem;
}

.overlay {
    position: absolute;
    top: 10%;
    bottom: 0;
    left: 0;
    right: 0;
    transition: opacity 500ms;
    visibility: hidden;
    opacity: 0;
}

.overlay:target {
    visibility: visible;
    opacity: 1;
}

.popup {
    margin: 4.375rem auto;
    padding: 1.25rem;
    border-radius: 0.3125rem;
    position: relative;
    box-shadow: 0 0 10px #39393ab0;
    z-index: 9;
}

.popup .close {
    position: absolute;
    top: 1.25rem;
    right: 1.875rem;
    transition: all 200ms;
    font-size: 1.875rem;
    font-weight: bold;
    text-decoration: none;
    color: #7f7979;
    opacity: 1;
}

.popup .close:hover {
    color: #132ba3;
}

.popup .content {
    max-height: 30%;
    overflow: auto;
}

.eye {
    font-size: 1rem;
    color: #575454;
    line-height: .5rem;
    padding: .3rem .2rem;
    border-radius: 50%;
    background: #e4f1ffcc;
    width: 1.5rem;
    height: 1.5rem;
    text-align: center;
    margin-left: 1.2rem;
    color: #5d5c5c;
    border: 1px solid #dceafa;
    font-size: .7rem !IMPORTANT;
    line-height: .8rem !important;
}

span.gross-amount {
    width: 3rem;
    float: left;
    color: #f1f1f1a6;
}

.gross-tooltip p {
    margin: 0;
    border-bottom: 1px solid #e4e4e954;
    padding-bottom: .2rem;
}

.type-details, .date-details {
    font-size: .75rem;
    line-height: 1.2rem;
    color: #898686;
}

.gross-tooltip p:last-child {
    border: 0;
}

span.gross-total {
    color: #e7e7e7;
}

.data-table.data-table-gross th:nth-child(2), .data-table.data-table-gross td:nth-child(2) {
    text-align: left;
}

.edit-bank-details a.more-mail {
    margin: 0 .5rem;
    padding: 0 .5rem;
    height: 5rem;
    line-height: 5rem;
    border: 0;
}

i.ar-calender {
    margin-right: 10px;
    font-size: .8rem;
}

.manage-category {
    padding: 1rem 1.5rem 1rem 1.7rem;
    border-bottom: .0625rem solid #edeaea;
}

.manage-category-border {
    border-bottom: .0625rem solid #edeaea;
    padding: 0 1.5rem;
}

.managemenu-list li {
    padding: 1.5rem 0;
    position: relative;
}

.blue-round {
    width: .5rem;
    height: .5rem;
    background: #132ba3;
    display: inline-block;
    border-radius: 50%;
}

.green-round {
    width: .5rem;
    height: .5rem;
    background: green;
    display: inline-block;
    border-radius: 50%;
}

.form-wrapper-checkbox.select-all-tab {
    position: relative;
}

.color-check {
    position: absolute;
    left: 2rem;
    top: 0;
    box-shadow: 0 0 10px #ccc;
    border-radius: 3rem;
    background: #fff;
    border-radius: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    width: 3rem;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
}

.managemenu-list .checkbox, .radio {
    margin: 0;
}

a.menu-click {
    padding-left: 4rem;
    color: #6a6969;
}

.color-check span {
    margin: 0 .1rem;
    box-shadow: 0.1rem 0.1rem 0.375rem #d7d6d6;
}

.check-round {
    width: .5rem;
    height: .5rem;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 0.1rem 0.1rem 0.375rem #d7d6d6;
}

.blue-round {
    background: #132ba3;
}

.green-round {
    background: green;
}

.white-round {
    background: #fff;
}

.red-round {
    background: #ce140b;
}

.orange-round {
    background: orange;
}

a.icon-edit-menu.float-right i {
    font-size: .9rem;
    padding-top: .1rem;
    color: #989898;
}

a.add-project i {
    font-size: .6rem;
    margin-right: .5rem;
}

.select-all-tab label {
    color: #6a6969;
}

.right-side.right-side-products {
    padding: 0;
}

.managemenu-list .popup {
    width: 60%;
    z-index: 9;
}

.item-price p {
    margin: 0;
    text-align: center;
    font-size: .8rem;
    margin-bottom: 1rem;
    margin-top: .5rem;
}

.item-price span {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #132BA3;
    font-size: .6rem;
    padding-right: .5rem;
    text-align: right;
    background: #102174;
    height: 1rem;
    line-height: 1rem;
}

.item-price {
    background: #132ba3;
    padding: 1rem;
    position: relative;
    color: #fff;
    display: inline-block;
    width: 31%;
    margin: 1rem 1rem 0 0;
}

.category-text {
    padding: 1rem 1.5rem;
    font-size: .8rem;
}

a.edit {
    position: absolute;
    right: 6px;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: inline-block;
    padding: .3rem;
    top: 6px;
    text-align: center;
}

a.edit i {
    font-size: .7rem;
}

a.manage-btn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
    position: absolute;
    right: 1.4rem;
    top: 50%;
    min-width: 5rem;
    transform: translate(0, -50%);
}

a.manage-btn:hover {
    background: #fff;
    border: .0625rem solid #1884d0;
}

.customerTable a.manage-btn {
    right: inherit;
    left: 0;
}

ul, .myUL {
    list-style-type: none;
}

.myUL {
    margin: 0;
    padding: 0;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6a6969;
}

.caret::before {
    content: "\e951";
    color: black;
    display: inline-block;
    margin-right: 6px;
    font-family: 'icomoon';
    font-size: .6rem;
}

.caret-down::before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.nested {
    display: none;
}

.myUL>li {
    border: 0;
}

.myUL>li {
    border: 0;
    background: none;
    margin-top: -1.2rem;
}

.nested li {
    position: relative;
    color: #6a6969;
    font-size: .8rem;
    padding-left: 9.5rem;
    border-left: 0.25rem solid #fff;
}

.nested li:before {
    border-left: .0625rem solid #edeaea;
    position: absolute;
    content: "";
    left: 7.3rem;
    top: 2.2rem;
    width: 1.6rem;
    height: .5px;
    z-index: 9;
    display: block;
    background: #edeaea;
}

.nested li:after {
    border-top: .0625rem solid #edeaea;
    position: absolute;
    content: "";
    left: 7.3rem;
    top: 1.2rem;
    width: 1px;
    height: 100%;
    z-index: 9;
    display: block;
    background: #edeaea;
}

a.manage-btn.float-right.clicker {
    line-height: 1.3rem;
    height: auto;
}

.managemenu-list .hiddendiv {
    display: block;
    height: auto;
    position: absolute;
    left: auto;
    top: 4rem;
    width: 11.5rem;
    box-shadow: 0 0 0.8rem #c5cfd87d;
    overflow-y: hidden;
    border-radius: .3rem;
    background: #fff;
    z-index: 9;
    right: 1.3rem;
}

.managemenu-list .hiddendiv li:before, .managemenu-list .hiddendiv li:after {
    display: none;
}

.managemenu-list-item {
    padding: 1rem;
    margin: 0;
}

.managemenu-list-item li {
    padding: 0;
}

.managemenu-list-item>li:hover {
    border-left: 0;
}

.submit-delete {
    display: block;
    margin: 0 1rem;
    border-top: 1px solid #eceded;
    padding: 1rem 0 0;
}

.myUL.myUL-check .color-check {
    left: 11.3rem;
    top: 1.4rem;
}

.myUL.myUL-check p {
    margin: 0;
    font-size: .9rem;
    position: absolute;
    left: 14.9rem;
    top: 1.5rem;
}

ul.nested.active {
    display: block;
    padding-top: 0;
    padding-bottom: 2rem;
}

.select-all-tab {
    position: relative;
}

ul.myUL:hover>li {
    border-left: 0;
    background: none;
}

.manage-listing {
    position: relative;
}

.box-managemenu {
    width: 200px;
    height: 200px;
    background: yellow;
    position: absolute;
    right: 0;
    top: 10px;
}

.arpita {
    width: 100%;
    display: block;
    border-left: 0.25rem solid #fff;
}

.arpita:hover {
    background: #e4f1ff70;
    border-left: 0.25rem solid #132ba3;
}

.myUL.myUL-check li>span.caret.arpita {
    padding: 1.5rem 1.5rem 1.5rem 7rem;
    display: inline-block;
    font-size: .9rem;
    margin: -4rem 0rem 0;
    width: 100%;
    height: 100%;
}

li.nested-list:hover {
    background: #e4f1ff70;
    border-left: 0.25rem solid #132ba3;
}

.first-li {
    padding: 0 !important;
}

.wrap-color {
    position: absolute;
    left: 2.5%;
}

.wrap-color .color-check {
    left: 2rem !important;
    top: -.1rem !important;
}

li.Sub-list {
    padding: 0;
}

li.Sub-list>.form-wrapper-checkbox {
    padding-left: 9.5rem;
    margin-top: 1.5rem;
}

li.Sub-list .nested li {
    padding-left: 17.35rem;
}

li.Sub-list .nested li:after, li.Sub-list .nested li:before {
    left: 15.25rem;
}

.myUL.myUL-check li.Sub-list>.color-check2 {
    left: 11.3rem !important;
}

.myUL.myUL-check li.Sub-list .color-check {
    left: 19.2rem;
}

.myUL.myUL-check li.Sub-list p {
    left: 22.8rem;
}

.myUL.myUL-check li.Sub-list p.caret {
    left: 14.9rem;
}

li.Sub-list ul.nested.active {
    margin-left: -.3rem;
    padding-top: 1rem;
}

.managemenu-list {
    margin: 0;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.managemenu-list li {
    padding: 0;
}

.data-row {
    display: flex;
    padding: 1.5rem;
    border-left: 0.25rem solid #fff;
    position: relative;
    border-bottom: 1px solid #dae1e866;
    cursor: pointer;
    align-items: center;
}

.color-check {
    background: #fff;
    border-radius: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    width: 3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: unset;
    margin: 0 .5rem 0 0;
    cursor: pointer;
}

p.item-des {
    margin: 0;
    color: #6a6969;
    font-size: .9rem;
}

.caret {
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color: #6a6969;
}

.caret::before {
    content: "\e951";
    color: black;
    display: inline-block;
    margin-right: .3rem;
    font-family: 'icomoon';
    font-size: .6rem;
    margin-left: 0;
}

.data-row:hover, .data-row.active {
    background: #e4f1ff70;
    border-left: 0.25rem solid #132ba3;
    width: 100%;
}

.managemenu-list ul li:after {
    border-top: .0625rem solid #edeaea;
    position: absolute;
    content: "";
    left: 5.5rem;
    top: 0;
    width: 1px;
    height: 100%;
    z-index: 9;
    display: block;
    background: #a19f9f;
}

.managemenu-list ul li:before {
    border-left: .0625rem solid #edeaea;
    position: absolute;
    content: "";
    left: 5.5rem;
    top: 2.2rem;
    width: 1.6rem;
    height: .5px;
    z-index: 9;
    display: block;
    background: #a19f9f;
}

.managemenu-list li.sublist .data-row {
    padding-left: 7.5rem;
}

.managemenu-list li.sublist ul .data-row {
    padding-left: 13.5rem;
}

.managemenu-list .form-group-checkbox-label {
    padding-left: 1.4rem !important;
    cursor: pointer;
}

.margin4 {
    margin-right: .4rem;
}

.managemenu-list ul li ul li:after, .managemenu-list ul li ul li:before {
    left: 11.5rem;
}

.caret-down:before {
    transform: rotate(90deg);
    margin-right: .4rem;
}

.managemenu-list li.sublist ul li ul .data-row {
    padding-left: 19.5rem;
}

.managemenu-list ul li ul li ul li:after, .managemenu-list ul li ul li ul li:before {
    left: 17.5rem;
}

.manage-items-category .tabs .content>div {
    padding-top: 2.25rem;
}

a.add-category-menu {
    display: inline-block;
    float: left;
    padding: 0;
    padding: .3rem 0;
    font-weight: 400;
    color: #132ba3;
}

a.add-category-menu i {
    font-size: .6rem;
    margin-right: .5rem;
}

a.add-category-menu:hover, a.add-category-menu:hover i {
    color: #999;
}

a:focus {
    outline: none;
}

.manage-items-category .sidenav {
    border-radius: .3rem;
}

.popup-list, .number-list {
    display: block;
    text-align: center;
    margin: 2rem auto;
    padding: 0;
}

.popup-list li, .number-list li {
    display: inline-block;
}

.popup-list li a {
    width: 20px;
    height: 20px;
    background: #474343;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #474343;
    margin: 0 .5rem;
}

.popup-list li a.active {
    background: #fff;
    border: 1px solid #474343;
}

.number-list li a {
    width: 4rem;
    height: 4rem;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    border: 1px solid #5a5a5a;
    margin: .5rem;
    padding-top: .5rem;
    color: #5a5a5a;
    font-size: 1.5rem;
    font-weight: 400;
}

.popup-w-20 {
    width: 20rem;
}

.number-list li a span {
    display: block;
    font-size: .7rem;
    letter-spacing: .2rem;
}

.number-list li a.cross-number {
    position: absolute;
    right: 2.5rem;
    bottom: 5.5rem;
    border: 0 !important;
    margin: 0;
    height: 1rem;
    height: 1rem;
    background: transparent;
    padding: 0;
}

a.cross-number i {
    font-size: .7rem;
    line-height: .8rem;
}

.calculator-screen {
    width: 100%;
    font-size: 2rem;
    height: 3.5rem;
    border: none;
    background-color: #fff;
    color: #5a5a5a;
    text-align: right;
    padding-right: 20px;
    padding-left: 10px;
    border-top: 1px solid #e4e6e7;
}

.calculator button {
    height: 4.5rem;
    background-color: #fff;
    border-radius: 0;
    border: 1px solid #e4e6e7;
    background-color: transparent;
    font-size: 1.4rem;
    color: #333;
}

.calculator button:hover {
    background-color: #eaeaea;
}

.operator {
    color: #337cac;
    background: #eaeaea40 !important;
}

.all-clear {
    background-color: #f0595f;
    border-color: #b0353a;
    color: #fff;
}

.all-clear:hover {
    background-color: #f17377;
}

.calculator .equal-sign {
    background-color: #1945cc;
    border-color: #1945cc;
    color: #fff;
    height: 100%;
    grid-area: 4 / 4 / 6 / 5;
    font-size: 1rem;
}

.calculator .equal-sign:hover {
    background-color: #4e9ed4;
}

.calculator-keys {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 0;
    padding: 0;
}

#popup2 .popup {
    padding: 0;
}

.adjust-amount {
    padding: 1.5rem 1rem;
    font-size: 1.3rem;
    color: #5a5a5a;
}

.button-0 {
    grid-column: 1 / 3;
}

.button-rev {
    grid-area: 2 / 4 / 6 / 5;
    height: 50% !important;
}

.button-rev i {
    font-size: .8rem;
}

.popup .close .icon-close {
    font-size: .9rem;
}

.form-group-popup label {
    display: block;
    font-size: 1rem;
    font-weight: bold;
    margin-bottom: .3rem;
}

.form-group-popup input[type="text"] {
    border-radius: .2rem;
    border: 1px solid #Ccc;
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    width: 100%;
}

.email-receipt {
    font-size: 1.7rem;
    font-weight: 700;
    padding-bottom: 2.5rem;
}

.email-receipt-button, .default-button2 {
    width: 100%;
    border-radius: .2rem;
    border: 1px solid #1945cc;
    height: 3rem;
    line-height: 3rem;
    background: #1945cc;
    display: inline-block;
    text-align: center;
    color: #fff;
    font-size: .85rem;
    font-weight: 400;
    margin-top: .5rem;
    transition: .5s;
}

.default-button2 {
    width: 10rem;
    margin-top: 2.5rem;
    float: right;
    margin-bottom: 1.5rem;
}

.email-receipt-button:hover, .default-button2:hover {
    background: #fff;
    color: #1945cc;
}

.popup-w-60 {
    width: 60%;
}

.split-button {
    width: 100%;
    border-radius: .2rem;
    border: 1px solid #1945cc;
    height: 3rem;
    line-height: 3rem;
    background: #fff;
    display: inline-block;
    text-align: center;
    color: #1945cc;
    font-size: 1rem;
    font-weight: 400;
    margin-top: 2rem;
    transition: .5s;
}

.split-button:hover {
    background: #1945cc;
    border: 1px solid #1945cc;
    color: #fff;
}

.topay .form-group-popup {
    width: 85%;
    float: left;
    padding-top: 3.8rem;
}

.emailbtn {
    float: right;
    width: 13%;
}

.popup.popup-w-60 {
    height: 85%;
}

.total-amount-calc {
    font-size: 1.5rem;
    color: #5a5a5a;
}

.total-count-calc {
    font-size: 2rem;
    text-align: right;
    color: #5a5a5a;
}

.total-check {
    margin: 4rem 0 2rem;
    height: 3rem;
    line-height: 2rem;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1rem;
}

.first-cash {
    width: 50%;
    min-height: 10rem;
    margin: 3rem auto;
    text-align: center;
}

.popup-amount-box {
    border: 1px solid #20449c;
    border-radius: .3rem;
    width: 100%;
    display: inline-block;
    height: 6rem;
    line-height: 6rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
    color: #20449c;
    font-weight: 400;
    position: relative;
    transition: .5s;
}

.popup-amount-box i.fa.fa-calculator {
    position: absolute;
    left: 47%;
    top: 30%;
}

.first-cash .row {
    min-height: 5rem;
}

.first-cash p {
    text-align: left;
    font-size: 1.3rem;
    color: #5a5a5a;
}

.bar {
    width: 99%;
    height: .3rem;
    border-radius: .3rem;
    background-color: #20449c;
    color: white;
    text-align: center;
    margin-bottom: 0;
    position: absolute;
    top: 0;
    left: 0;
    bottom: inherit;
}

.bar p {
    line-height: 1.5rem;
    padding: 0 !IMPORTANT;
    margin: 0;
    font-size: .7rem;
}

.fifty {
    width: 50%;
    height: 100%;
    background-color: #49b413;
    float: left;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.twentyfive {
    width: 25%;
    height: 100%;
    background-color: #f86d37;
    float: left;
}

.ten {
    width: 10%;
    height: 100%;
    background-color: #e9aa1c;
    float: left;
}

.active-user {
    margin: 3.5rem auto 2.2rem;
    text-align: center;
}

.right-now {
    font-size: 1.5rem;
}

.user-number {
    font-size: 3rem;
    line-height: 4.5rem;
}

.active-user p {
    margin: 0;
}

.mobile-color li {
    list-style: none;
    display: inline-block;
    font-size: .8rem;
    margin-right: .3rem;
}

.mobile-color li span {
    width: .6rem;
    height: .6rem;
    display: inline-block;
    margin-right: .3rem;
}

.overview-table th {
    padding: .625rem;
    border: 1px solid #ccc;
    color: #333;
    font-size: .7rem;
    font-weight: 400;
}

.overview-table td {
    padding: .625rem;
    border: 1px solid #ccc;
    color: #918e8e;
    font-size: .9rem;
}

.overview-table th:nth-child(2), .overview-table td:nth-child(2) {
    text-align: left;
}

.overview-table th:nth-child(4), .overview-table td:nth-child(4) {
    text-align: right;
}

.overview-table th:nth-child(1), .overview-table td:nth-child(1) {
    text-align: center;
}

.active-arrow {
    color: #333;
    margin-left: .2rem;
    font-size: .6rem;
    font-weight: 400;
}

.top-referalls {
    font-size: 1rem;
    line-height: 1.5rem;
    padding: 1rem 0 .5rem;
    display: inline-block;
}

.chart-perminute {
    float: left;
    width: 48%;
    margin-bottom: 1.3rem;
}

.chart-persecond {
    float: right;
    width: 48%;
    margin-bottom: 1.3rem;
}

.overview-table.overview-timetable th:nth-child(3), .overview-table.overview-timetable td:nth-child(3) {
    text-align: center;
}

.overview-table td a {
    font-weight: 400;
    color: #132ba3;
    display: -webkit-box;
    overflow: hidden;
    padding: 0;
}

a.popup-amount-box:hover, a.popup-amount-box.active {
    background: #20449c;
    border: 1px solid #20449c;
    color: #fff;
}

.overview-table.seo-table th:nth-child(1), .overview-table.seo-table td:nth-child(1) {
    text-align: left;
}

.overview-table.seo-table th:nth-child(3), .overview-table.seo-table td:nth-child(3), .overview-table.seo-table th:nth-child(4), .overview-table.seo-table td:nth-child(4) {
    text-align: center;
}

span.post-date {
    display: block;
    font-size: .8rem;
    color: #918e8e;
}

.overview-table.seo-table th {
    font-size: .8rem;
}

.overview-table.seo-table td {
    color: #333;
}

.post-img {
    width: 2.5rem;
    height: 2.5rem;
    object-fit: cover;
    float: left;
    margin-right: .7rem;
}

.overview-table td a.email-receipt-button {
    color: #fff;
    text-align: center;
    display: inline-block;
    font-size: .9rem;
}

.overview-table td a.email-receipt-button:hover {
    color: #132ba3;
}

.reach {
    height: 1.3rem;
    float: right;
    width: 63%;
}

.reach-fifty {
    width: 50%;
    height: 100%;
    background-color: #49b413;
    float: left;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.reach-twenty {
    width: 20%;
    height: 100%;
    background-color: #49b413;
    float: left;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.reach-sixty {
    width: 60%;
    height: 100%;
    background-color: #49b413;
    float: left;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.reach-ten {
    width: 10%;
    height: 100%;
    background-color: #49b413;
    float: left;
    border-top-left-radius: .3rem;
    border-bottom-left-radius: .3rem;
}

.engagement p {
    margin: .3rem 0;
}

.overview-table.seo-table td i {
    font-size: 1.3rem;
    color: #898a8d;
}

span.post-recent {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.page-summary h3 a {
    font-weight: 400;
    margin-left: .5rem;
    font-size: .9rem;
    color: #132ba3;
}

.page-summary {
    border-bottom: 1px solid #ccc;
}

.page-summary-block {}

.page-summary-block li {
    float: left;
    width: 33%;
}

.summary-box-middle {
    margin: 1.5rem 0;
}

.total-action {
    font-size: 2rem;
    line-height: 3rem;
    color: #3c3c3c;
}

.on-page {
    color: #918e8e;
}

.on-page a {
    color: #132ba3;
    font-weight: 400;
}

.action-onpage {
    font-size: 1.3rem;
    line-height: 2rem;
}

.onpage-date {
    color: #918e8e;
}

.summary-box {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 2rem 1rem;
    height: 26rem;
}

.summary-page .col-xs-4 {
    padding: 0;
    width: 33%;
}

.summary-page .col-xs-4:nth-child(3n+3) .summary-box {
    border-right: 0;
}

.get-story {
    margin: 4rem 0;
}

.summary-calc i {
    font-size: 7rem;
    color: #dddddd;
    margin: 1.5rem 0;
}

.responsiveness {
    margin-bottom: 2.5rem;
    margin-top: 2.5rem;
}

.summary-page .col-xs-4:last-child .summary-box {
    border-bottom: 0;
}

.responsiveness .total-action {
    font-size: 1.6rem;
    line-height: 2rem;
}

.summary-page .col-xs-4:nth-last-child(2) .summary-box {
    border-bottom: none;
}

.summary-page .col-xs-4:nth-last-child(3) .summary-box {
    border-bottom: none;
}

.current-usage {
    background: #fff;
    border-radius: 1rem;
    height: 1.6rem;
    line-height: 1.6rem;
    text-align: center;
    color: #132ba3;
    font-size: .8rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: unset;
    margin: 0 .2rem;
    display: inline-block;
    padding: 0 .7rem;
}

.this-week {
    font-size: .8rem;
    color: #6a6969;
}

.invoice-list {
    padding: 0;
    box-shadow: none;
    margin-top: 2rem;
    padding-left: .625rem;
}

.dine-invoice {
    width: 20rem;
    font-size: .85rem;
    line-height: 1.2rem;
    margin-right: 1rem;
}

.invoice-btn {
    position: absolute;
    right: 1.2rem;
    top: 1.2rem;
}

main {
    margin-top: 1rem;
    min-height: calc(100vh - 107px);
}

main .inner-container {
    margin: 0 auto;
}

table.invoice {
    background: #fff;
}

table.invoice .num {
    font-weight: 200;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-size: .8em;
}

table.invoice tr, table.invoice td {
    background: #fff;
    text-align: left;
    font-weight: 400;
    color: #322d28;
    font-size: .9rem;
}

table.invoice tr.header td img {
    max-width: 10rem;
}

table.invoice tr.header td h2 {
    text-align: right;
    font-weight: 200;
    font-size: 1.3rem;
    color: #132ba3;
}

table.invoice tr.intro td:nth-child(2) {
    text-align: right;
}

table.invoice tr.details>td {
    padding-top: 4rem;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
}

table.invoice tr.details td.id, table.invoice tr.details td.qty, table.invoice tr.details th.id, table.invoice tr.details th.qty {
    text-align: center;
}

table.invoice tr.details td:last-child, table.invoice tr.details th:last-child {
    text-align: right;
}

table.invoice tr.details table thead, table.invoice tr.details table tbody {
    position: relative;
}

table.invoice tr.details table thead:after, table.invoice tr.details table tbody:after {
    content: '';
    height: 1px;
    position: absolute;
    width: 100%;
    left: 0;
    background: #e8e9eb;
}

table.invoice tr.totals td {
    padding-top: 0;
}

table.invoice tr.totals table tr td {
    padding-top: 0;
    padding-bottom: 0;
}

table.invoice tr.totals table tr td:nth-child(1) {
    font-weight: 500;
    white-space: nowrap;
}

table.invoice tr.totals table tr td:nth-child(2) {
    text-align: right;
    font-weight: 200;
}

table.invoice tr.totals table tr:nth-last-child(2) td {}

table.invoice tr.totals table tr:nth-last-child(2) td:last-child {
    position: relative;
}

table.invoice tr.totals table tr.total td {
    font-size: 1.2em;
    padding-top: .5em;
    font-weight: 700;
}

table.invoice tr.totals table tr.total td:last-child {
    font-weight: 700;
}

.additional-info h5 {
    font-size: 1rem;
    font-weight: 400;
    color: #132ba3;
}

.additional-info p {
    font-size: .9rem;
}

.invoice table th {
    font-size: .8rem;
}

.invoice-btn .delete-description {
    margin-right: 1rem;
}

p.item-invoice-date {
    margin: 0;
    color: #6a6969;
    font-size: .9rem;
    font-size: .75rem;
    line-height: 1.2rem;
    color: #898686;
    width: 12rem;
}

section.additional-info {
    padding: 1.2rem;
}

td.align-right.add-redoq {
    width: 15rem;
    text-align: right;
}

td.align-right.add-redoq p {
    margin: 0;
    font-size: .8rem;
}

tr.header p {
    font-size: .8rem;
    line-height: 1.2rem;
    margin: 0 0 .5rem;
}

td.align-right.add-redoq a {
    font-size: .9rem;
    font-weight: 400;
    color: #132ba3;
}

span.division {
    font-size: 1rem;
    line-height: 1.5rem;
    margin: 0 0 .2rem;
    display: inline-block;
}

a.legal-contract:hover, a.legal-contract.active {
    background: #20449c;
    border: 1px solid #20449c;
    color: #fff;
}

.pdf-btn img {
    width: 50%;
    display: block;
    text-align: center;
    margin: 1rem auto;
}

.legal-contract {
    margin-left: .6rem;
    height: 7.5rem;
    line-height: 10.5rem;
    width: auto;
    padding: 0 2rem;
    border: 1px solid #20449c;
    border-radius: .3rem;
    display: inline-block;
    margin-bottom: .5rem;
    margin-top: .5rem;
    color: #20449c;
    font-weight: 400;
    position: relative;
    transition: .5s;
}

.legal-contract i.fa {
    position: absolute;
    left: 50%;
    top: 20%;
    font-size: 2rem;
    transform: translate(-50%, 0);
}

#view-invoice .popup {
    margin: 0 auto;
}

.menu-box {
    padding: 1rem;
    border-radius: 0;
    position: relative;
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 0;
    background: #fff !IMPORTANT;
    border-bottom: 1px solid #e7e4e4;
    width: 100%;
}

.menu-box .fa {
    font-size: 2rem;
    color: #132ba3;
}

.menu-box p {
    color: #333;
    margin-bottom: 0;
    margin-top: .5rem;
    margin-bottom: .5rem;
    line-height: 21px;
    font-size:15px;
}

.menu-box span {
    font-size: .7rem;
    line-height: 1rem;
    font-weight: 400;
}

.detail {
    display: block;
    width: 100%;
    background: #132ba3;
    font-size: .7rem;
    color: #fff;
    transition: .3s;
    background: #fff;
    border-radius: 1rem;
    height: 1.7rem;
    line-height: 1.7rem;
    text-align: left;
    color: #132ba3;
    font-size: .7rem;
    width: 4.5rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: unset;
    margin: .5rem 0;
    position: relative;
    padding-left: .7rem;
}

.detail:hover {
    color: #132ba3;
}

.detail i {
    position: absolute;
    top: .5rem;
    right: 0.6rem;
}

.megamenu-row .col-md-3 {
    padding: .25rem .8rem;
}

.edit-receipt-btn {
    background: #20449c;
    color: #fff;
    bottom: 0;
    display: block;
    width: 100%;
    text-align: center;
    left: 0;
    margin-top: 2rem;
    margin-bottom: 1.5rem;
    padding: .5rem;
    font-weight: 400;
    font-size: .8rem;
    border: 1px solid #20449c;
    transition: .3s;
    clear: both;
}

.edit-receipt-btn:hover {
    color: #20449c;
    border: 1px solid #20449c;
    background: #fff;
}

.order-invoice .paid-stamp {
    border: 0.125rem solid red;
    font-size: 1.4rem;
    width: 5rem;
    margin: 1.25rem auto;
    padding: .5rem;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
    color: red;
}

.login-bg {
    background: #fff;
    height: 100%;
    padding: 0;
}

.login-details {
    width: 30rem;
    margin: 5rem auto 1rem;
}

.dine {
    max-width: 100%;
    height: 700px;
    object-fit: cover;
    width: 100%;
}

.add-count {
    padding: 0;
    position: relative;
}

.add-count i {
    position: absolute;
    right: 1.5rem;
    top: .5rem;
}

.add-count a.logprofile-details {
    display: inline-block;
    padding: 1.5rem;
    border: 1px solid #20449c;
    text-align: center;
    border-radius: .4rem;
    margin-right: 1rem;
    color: #20449c;
    font-weight: 400;
    width: 90%;
}

.add-count a span {
    display: block;
    font-size: .8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 10rem;
}

.do-path {
    font-family: icomoon;
}

.logo-main {
    font-size: 40px;
    height: 100%;
    width: auto;
    transition: all 0.1s cubic-bezier(0.2, 0.8, 0.4, 1);
}

.log-section {
    position: relative;
}

.justified-center-log {
    margin-top: 3rem;
}

.justified-center-log span.icon-dineorder1 {
    font-size: 3rem;
    margin: 0 auto 3rem;
    display: block;
    text-align: center;
}

.wrapper {
    width: 100%;
    padding-top: 20px;
    text-align: center;
}

.dine-overlay {
    position: relative;
    width: inherit;
    height: 100vh;
    left: 0;
    top: 0;
    background: #00000063;
}

.automate-takeaway {
    padding-top: 50%;
    color: #fff;
    font-size: 1.5rem;
    margin-left: 2rem;
}

.dine-overlay p {
    color: #fff;
    font-size: 1rem;
    margin-left: 2rem;
    margin-top: 1rem;
    margin-bottom: .5rem;
}

a.login-box {
    margin-left: 2rem;
    font-size: .9rem;
    font-weight: 400;
    border: 1px solid #fff;
    padding: .5rem 1.2rem;
    margin-top: 1rem;
    display: inline-block;
    color: #fff;
    transition: .3s;
}

a.login-box:hover {
    color: #4f7be8;
    border: 1px solid #4f7be8;
}

a.forgot-password {
    font-size: .9rem;
    font-weight: 400;
    color: #20449c;
    text-align: center;
    display: block;
    margin-bottom: 2rem;
}

.carousel2 {
    width: 30rem;
    margin: 0 auto;
}

.carousel2 ul.slick-dots {
    margin-bottom: -4rem;
}

.add-count i {
    position: absolute;
    right: 1rem;
    top: 0;
    font-size: .5rem;
    color: #20449c;
    border: 1px solid #ffffff;
    padding: .3rem;
    background: #fff;
}

.date-tab {
    padding: 3rem;
}

.date-tab .tabs>label {
    font-size: .6rem;
    color: #919191;
}

span.date-pick {
    display: block;
    font-size: 1rem;
    color: #333;
}

.date-tab h3 {
    font-weight: 400;
}

.staff-section h3 {
    padding: .625rem;
    margin: 0;
    font-weight: 400;
}

.open-tab>input:checked+label span.date-pick {
    color: #132ba3;
}

.rules-content-box {
    margin: .7rem;
    position: relative;
    clear: both;
    height: 8.5rem;
}

.apply-name {
    position: relative;
}

.apply-name h1 {
    color: #3c3b3b;
    font-size: .9rem;
    margin: 0;
    font-weight: 400;
    padding-top: .9rem;
}

.rules-amount {
    color: #132ba3;
    font-size: .9rem;
    margin: 0;
    font-weight: 400;
    margin-bottom: 0;
    padding: .1rem .9rem;
    width: max-content;
    position: relative;
    line-height: 1.45rem;
    height: 1.7rem;
}

.rules-amount>span:first-child {
    position: absolute;
    top: -0.3rem;
    background: #132ba3;
    left: -0.5rem;
    width: 1.2rem;
    text-align: center;
    border-radius: 50%;
    height: 1.2rem;
    color: #fff;
    line-height: 1.3rem;
    font-size: .7rem;
}

.apply-name h2 {
    color: #3c3b3b;
    font-size: .8rem;
    margin: 0;
    font-weight: 400;
    display: inline-block;
}

.system-check {
    padding: 0;
    margin: 0;
    text-align: right;
}

.coupon-name-icon.active {
    background: #132ba3;
    color: #fff;
}

.system-check .coupon-name-icon {
    height: 1.95rem;
    cursor: pointer;
}

.tooltip {
    position: relative;
}

.tooltip .tooltiptext, .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #fff;
    color: #132ba3;
    text-align: center;
    border-radius: 0;
    padding: 5px 0;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 50%;
    margin-left: -60px;
    border: 1px solid #dedee1;
    font-size: .75rem;
}

.tooltip:hover .tooltiptext, .filter-list:hover .tooltiptext {
    visibility: visible;
}

a.open-close.clicker.manageDate.calenderListHide:hover .tooltiptext {
    visibility: visible;
}

.dispatch__type {
    border-radius: 0.625rem 0 0 0.625rem;
}

.apply-name span {
    margin-left: .3rem;
    color: #132ba3;
    font-size: .7rem;
    display: inline-block;
    cursor: pointer;
}

.toltip-icon {
    width: 0px;
    height: 0px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #ccc;
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -7px;
}

.toltip-icon:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid white;
    content: "";
    position: absolute;
    left: -6px;
    top: -7px;
}

.light-green-bg {
    background: #0ec20e;
}

.purple-bg {
    background: #7041b3;
}

.sky-blue-bg {
    background: #728bf8;
}

.orangered-bg {
    background: #e74f64;
}

.delete-rules {
    position: absolute;
    right: .7rem;
    font-size: .7rem;
    color: #fff;
    font-weight: 400;
    line-height: .7rem;
    padding: .5rem;
    transition: 0.2s ease-in-out 0.2s;
    bottom: .3rem;
    color: #9b9898;
}

.update-rules {
    position: absolute;
    right: 3.5rem;
    font-size: .7rem;
    color: #fff;
    font-weight: 400;
    line-height: .7rem;
    padding: .5rem;
    transition: 0.2s ease-in-out 0.2s;
    bottom: .3rem;
    color: #132ba3;
}

.copon-right-details {
    margin: 1.3rem 0 0 1rem;
}

.accountDetails {
    margin: 1.5rem 0 0 1rem;
    width: 100%;
}

.rules-details {
    background: #fff;
    box-shadow: 0px 0px 10px -4px #c0c1c4;
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    border-radius: 0.625rem;
}

.rules-details-left {
    flex-basis: 60%;
    padding-top: 1rem;
    padding-left: 1rem;
}

.rules-details-right {
    flex-basis: 35%;
    flex-basis: 40%;
    margin-right: .5rem;
    padding-top: 1rem;
}

.tax-group {
    padding: 1rem 1rem;
    box-shadow: 0px 0px 10px 0px #eeefef;
    margin: .7rem;
    position: relative;
    clear: both;
}

span.tax-name {
    border: 1px solid #132ba375;
    padding: .5rem 2.5rem .5rem .8rem;
    position: relative;
    font-size: .8rem;
    color: #132ba3;
    display: inline-block;
}

.tax-name i.icon-money {
    position: absolute;
    left: -14px;
    top: 5px;
    background: #fff;
    padding: .3rem;
    font-size: 1.1rem;
    color: #132ba3;
}

.tax-name i.icon-gbp {
    position: absolute;
    left: -11px;
    top: 8px;
    background: #fff;
    padding: .3rem;
    font-size: 0.7rem;
    color: #132ba3;
}

.barcode {
    font-family: 'Libre Barcode 128';
    font-size: 22px;
    text-align: right;
    margin: .8rem .5rem;
}

span.coupon-name, .seat {
    font-size: .8rem;
    color: #132ba3;
    border: 1px solid #e7e7e7;
    margin: 0 0 .2rem;
    padding: 0 .8rem;
    position: relative;
    display: inline-block;
}

span.coupon-no, .seat-no {
    position: absolute;
    right: -6px;
    top: -10px;
    background: #fff;
    padding: .3rem .3rem;
    line-height: 0.4rem;
    font-size: .8rem;
}

.seat {
    line-height: 1.5rem;
    margin-top: .5rem;
    display: table;
}

span.coupon-name {
    margin: 0;
}

span.coupon-no {
    font-size: .7rem;
}

ul.managemenu-list ul {
    padding: 0;
}

input::-moz-placeholder {
    opacity: 0;
}

.dispatch__type p {
    font-size: .8rem;
    writing-mode: vertical-lr;
    text-orientation: mixed;
    text-align: center;
    display: block;
    height: 100%;
    padding-left: .25rem;
    color: #fff;
    width: 1.4rem;
    width: 2.8rem;
    line-height: 2.8rem;
}

.wrningimg {
    display: block;
    margin: 1rem auto 0;
    text-align: center;
}

.wrningimg i {
    font-size: 3rem;
    color: red;
}

.delete-records {
    margin-bottom: 1rem;
    display: flex;
}

.delete-records p {
    font-size: .9rem;
    color: #797777;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .2;
    filter: alpha(opacity=20)
}

.close:hover, .close:focus {
    color: #000;
    text-decoration: none;
    cursor: pointer;
    opacity: .5;
    filter: alpha(opacity=50)
}

button.close {
    padding: 0;
    cursor: pointer;
    background: 0 0;
    border: 0;
    -webkit-appearance: none
}

.modal-open {
    overflow: hidden
}

body.modal-open {
/*     max-height: 100vh; */
}

.modal {
    display: none;
    overflow-y: auto;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    -webkit-overflow-scrolling: touch;
    outline: 0
}

.modal.fade .modal-dialog {
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
    -webkit-transition: -webkit-transform .2s ease-out;
    -moz-transition: -moz-transform .2s ease-out;
    -o-transition: -o-transform .2s ease-out;
    transition: transform .2s ease-out
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
    overflow-x: hidden;
}

.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px
}

.modal-content {
    position: relative;
    background-color: #fff;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000
}

.modal-backdrop.fade {
    opacity: 0;
    filter: alpha(opacity=0)
}

.modal-backdrop.in {
    opacity: .5;
    filter: alpha(opacity=50)
}

.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    min-height: 16.42857143px
}

.modal-header .close {
    margin-top: -2px
}

.modal-title {
    margin: 0;
    line-height: 1.42857143
}

.modal-body {
    position: relative;
    padding: 20px
}

.modal-footer {
    margin-top: 15px;
    padding: 19px 20px 20px;
    text-align: right;
    border-top: 1px solid #e5e5e5
}

.modal-footer .btn+.btn {
    margin-left: 5px;
    margin-bottom: 0
}

.modal-footer .btn-group .btn+.btn {
    margin-left: -1px
}

.modal-footer .btn-block+.btn-block {
    margin-left: 0
}

.modal .modal-dialog-inner-left-full {
    background: white;
    min-height: 100vh;
    padding: 0px;
    max-width: 25rem;
    float: right;
}

@media (min-width:992px) {
    .col-md-4.modal-dialog-inner-left-full {
        width: 33.33333333%;
    }
}

@media (min-width:768px) {
    .modal-dialog {
        width: 70rem;
        margin: 2rem auto;
    }

    .modal-sm {
        width: 300px
    }
}

a.close-link.displayBlock {
    float: right;
    font-size: 0.8rem;
    background: #fff;
    color: #132ba3;
    line-height: .6rem;
    color: #6a6b6d;
    padding: 1rem;
}

a.close-link.displayBlock:hover {
    color: #132ba3;
}

.popup-deletebox {
    padding: 2rem 2rem 1.3rem;
    width: 30rem;
}

.delete-records-img img {
    max-width: 80%;
}

.delete-records-content h3 {
    font-size: 1.1rem;
    color: #797777;
    font-weight: 400;
    line-height: 1.5rem;
    margin-top: 0;
}

.delete-records-content h3 span {
    color: #333333;
    font-weight: 700;
}

.delete-trackbtn {
    background: #f24e4e !important;
    border: 1px solid #f24e4e !important;
    padding: .3rem 1rem;
    text-transform: capitalize;
    font-size: .85rem;
    float: right;
    border-radius: 3px;
    font-weight: 400;
    color: #fff !important;
}

.delete-trackbtn:hover {
    background: #fff;
    color: #f24e4e;
    font-weight: 400;
}

.delete-trackbtn.full-with-button {}

.no-cancel-btn {
    background: #fff;
    border: 1px solid #c1baba;
    padding: .3rem 1rem;
    text-transform: capitalize;
    font-size: .85rem;
    color: #8b8b8b;
    float: left;
    font-weight: 400;
    border-radius: 3px;
}

.no-cancel-btn:hover {
    color: #fff;
    background: #c1baba;
}

.form-header {
    padding: 1rem;
    box-shadow: 0 6px 10px -12px #020202;
    margin-bottom: .5rem;
}

.modal-dialog-inner-left-full a.close-link {
    padding: 1.2rem;
    line-height: .8rem;
}

.tabblock-section {
    border-top: .0625rem solid #e7e4e4;
    margin: 0 -2rem 0;
    padding: 0 2rem;
    position: relative;
}

.main-table {
    background: #fff;
    padding: 0 2rem 2rem;
    height: 100vh;
}

.send-mail {
    padding: 0 1rem;
}

.send-mail ul li a:hover {
    color: #132ba3;
}

.tabs .content>div.visible-content {
    overflow: visible;
}

.content-main {
    border-top: .0625rem solid #e7e4e4;
    margin: 1.9rem -2rem 0;
    padding: 0 2rem;
}

.client-meaasge-describe {
    width: 100%;
}

.form-element-wrapper select {
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    width: 100%;
    height: 2.625rem;
    font-size: 0.93rem;
    text-align: left;
    color: #7e808c;
    background: transparent;
}

.form-element-wrapper select option {
    padding: 1rem;
    line-height: 2rem;
    height: 2rem;
}

.menu-fluid {
    width: 100%;
    padding: 0;
    position: relative;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.close-menufluid {
    background: #ffffff78;
    position: absolute;
    right: 1.5rem;
    top: -0.5rem;
    padding: 0;
    font-size: .65rem;
    font-weight: 400;
    color: #333;
    z-index: 9;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2.1rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #5d58586b;
}

.detail:hover {
    background: #132ba3;
    color: #fff;
}

.card-visa {
    width: 2.5rem;
    margin-right: 1rem;
    height: 1.3rem;
    line-height: 1.3rem;
}

.card-visa img {
    max-width: 100%;
}

.account-number, .sort-code {
    margin-right: 1.5rem;
    font-size: .9rem;
}

.account-number span, .sort-code span {
    color: #7b7979;
    font-size: .8rem;
    margin-left: .3rem;
}

.cardNumber {
    font-size: .9rem;
    line-height: 1rem;
    margin-right: 1rem;
}

.visaCard {
    width: 3rem;
    background: #fff;
    padding: .25rem .5rem;
    height: 1.8rem;
    border-radius: .2rem;
}

.visaCard img {
    max-width: 100%;
}

.add-card {
    padding: 0;
    margin-top: 4rem;
}

.account-existing {
    margin-bottom: 1rem;
}

.bank-name {
    color: #fff;
    margin-bottom: .6rem;
    margin-right: .5rem;
    display: inline-block;
}

.bank-name img {
    width: 100px;
}

.bank-name span {
    font-size: .8rem;
}

.numberAccount {
    float: left;
    width: 55%;
    font-size: .7rem;
    color: #fff;
    border-right: 1px solid #ffffff59;
    line-height: 1rem;
    margin-top: 1rem;
}

.numberCode {
    float: right;
    width: 36%;
    font-size: .7rem;
    text-align: right;
    margin-right: 1rem;
    color: #fff;
    line-height: 1rem;
    margin-top: 1rem;
}

.accountDetails p {
    color: #fff;
    margin: 0;
    font-size: .85rem;
}

.numberAccount span, .numberCode span {
    display: block;
}

.numberAccount p, .numberCode p {
    margin-top: .4rem;
}

.accountDetails a.delete-icon {
    right: .8rem;
    top: .8rem;
}

.deafult-check {
    box-shadow: 0 0 10px #ccc;
    border-radius: 3rem;
    background: #dbdcde63;
    border-radius: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    color: #fff;
    font-size: .7rem;
    width: 3.5rem;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #afafb26b;
    display: inline-block;
}

.refundAccount {
    background: #fff;
    border-radius: 1rem;
    height: 1.8rem;
    line-height: 1.8rem;
    text-align: center;
    color: #132ba3;
    font-size: .7rem;
    width: 4rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: unset;
    margin: 0 .5rem;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
}

.refundAccount:hover {
    background: #132ba3;
    color: #fff;
}

.deafult-check:hover, .deafult-check.active {
    background: #fff;
    color: #8b9c8b;
}

.card-row {
    padding: 0 .5rem 0;
}

.card-main {
    width: 20rem;
    height: 13rem;
    -webkit-perspective: 37.5rem;
    -moz-perspective: 37.5rem;
    perspective: 37.5rem;
    margin: .8rem 0 1rem;
}

.card-main .card__part {
    top: 0;
    position: absolute;
    z-index: 1000;
    left: 0;
    display: inline-block;
    width: 20rem;
    height: 12.65rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    border-radius: .5rem;
    -webkit-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -moz-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -ms-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -o-transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
}

.card-main .card__front {
    padding: 1.125rem;
    -webkit-transform: rotateY(0);
    -moz-transform: rotateY(0);
}

.card-main .card__back {
    padding: 1.125rem 0;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
}

.card-main .card__black-line {
    margin-top: 0.3125rem;
    height: 2.375rem;
    background-color: #303030;
}

.card-main .card__logo {
    height: 1rem;
}

.card-main .card__front-logo {
    position: absolute;
    top: 1.125rem;
    right: 1.125rem;
    display: none;
}

.card-main .card__square {
    border-radius: 0.3125rem;
    height: 1.875rem;
}

.card-main .card_numer {
    display: block;
    width: 100%;
    word-spacing: .25rem;
    font-size: 1.25rem;
    letter-spacing: 0.125rem;
    color: #fff;
    text-align: center;
    margin-bottom: 1.25rem;
    margin-top: 1.25rem;
}

.card-main .card__space-75 {
    width: 75%;
    float: left;
}

.card-main .card__space-25 {
    width: 25%;
    float: left;
}

.card-main .card__label {
    font-size: 0.625rem;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.8);
    letter-spacing: .0625rem;
}

.card-main .card__info {
    margin-bottom: 0;
    margin-top: 0.3125rem;
    font-size: 1rem;
    line-height: 1.125rem;
    color: #fff;
    letter-spacing: .0625rem;
    text-transform: uppercase;
    display: block;
}

.card-main .card__back-content {
    padding: 0.9375rem 0.9375rem 0;
}

.card-main .card__secret--last {
    color: #303030;
    text-align: right;
    margin: 0;
    font-size: 0.875rem;
}

.card-main .card__secret {
    padding: 0.3125rem 0.75rem;
    background-color: #fff;
    position: relative;
}

.card-main .card__secret:before {
    content: '';
    position: absolute;
    top: -0.1875rem;
    left: -0.1875rem;
    height: calc(100% + 0.375rem);
    width: calc(100% - 2.625rem);
    border-radius: .25rem;
    background: repeating-linear-gradient(45deg, #ededed, #ededed 0.3125rem, #f9f9f9 0.3125rem, #f9f9f9 0.625rem);
}

.card-main .card__back-logo {
    position: absolute;
    bottom: 0.9375rem;
    right: 0.9375rem;
    display: none;
}

.card-main .card__back-square {
    position: absolute;
    bottom: 0.9375rem;
    left: 0.9375rem;
}

.switch-container.card-default-switch {
    float: right;
    margin-top: .4rem;
}

.card-default-switch .switch {
    position: relative;
    display: inline-block;
    width: 2.2rem;
    height: 1.2rem;
}

.card-default-switch .switch .slider:before {
    height: .7rem;
    width: .7rem;
    left: 4px;
    bottom: 3.3px;
}

.card-default-switch input:checked+.slider:before {
    -webkit-transform: translateX(1rem);
    -ms-transform: translateX(1rem);
    transform: translateX(1rem);
}

.switch-container.bankaccount-default-switch {
    float: right;
    margin-top: .3rem;
    width: 100%;
    text-align: right;
    margin-right: 1rem;
}

.pagination-sm li {
    display: inline-block;
    float: right;
    margin: 1rem 0 2rem;
}

.general-information {
    border: 1px solid #cccccc7d;
    z-index: 999;
    background: #fff;
    border-radius: 0.625rem
}

.general-information form {
    padding: 0 .6rem;
}

.contact-information {
    padding: 2rem 2rem 4rem 4rem;
    margin-top: 0;
    margin-left: -2rem;
    border-radius: 0.625rem;
    position: relative;
    color: #fff;
}

.contact-information:before, .auto-print:before {
    content: '';
    display: block;
    position: absolute;
    height: 1.5rem;
    width: 1.5rem;
    background: #fff;
    border-radius: 4rem;
    top: 47%;
    z-index: 9;
    right: -.8rem;
}

.contact-information h4, .dispatch-information h4 {
    font-size: 1.2rem;
    color: #fff;
    line-height: 1.6rem;
    margin-bottom: 1.5rem;
    margin-left: .5rem;
}

.dispatch-information h4 {
    color: #333;
}

.contact-information p .dispatch-information p {
    font-size: .8rem;
    line-height: 1.2rem;
}

.storedata {
    display: flex;
}

.storedata-left {
    width: 54%;
    font-size: .85rem;
    margin-bottom: .8rem;
    line-height: 1rem;
    margin-left: .5rem;
}

.storedata-right {
    text-align: left;
    float: right;
    width: 50%;
    font-size: .8rem;
    line-height: 1rem;
    margin-bottom: .8rem;
    margin-right: .4rem;
}

.dispatch-information .storedata-right {
    position: relative;
}

.bankaccountcard .account-existing {
    height: 12rem;
}

.bankaccountcard .accountDetails {
    margin: 2.5rem 0 0 1rem;
    width: 100%;
}

.bankaccountcard .numberAccount, .bankaccountcard .numberCode span {
    font-size: 1rem;
}

.bankaccountcard .bank-name {
    font-size: 1.3rem;
    margin-bottom: .9rem;
}

.bankaccountcard .accountDetails p {
    font-size: 1rem;
}

.managemenu-list.store-accessories-list {
    padding: 0;
}

.managemenu-list.store-accessories-list p.item-des {
    margin-left: .5rem;
}

.receipt-wrap {
    margin: 0 auto;
}

.printreceipt-form {
    width: 50%;
    padding: 0 .6rem;
}

.printreceipt-form label {
    font-size: .8rem;
}

.printform {
    border: 1px solid #cccccc7d;
    background: #fff;
    position: relative;
    background: #fff;
}

ul.dotblue {
    margin: 0 auto;
    display: block;
    text-align: center;
}

ul.dotblue li {
    display: inline-block;
    margin: 0 .2rem 2rem;
    text-align: center;
}

ul.dotblue li a {
    background: #cccccc87;
    width: .7rem;
    height: .7rem;
    display: inline-block;
    border-radius: 50%;
}

ul.dotblue li a.active {
    background: #004e92;
}

.auto-print .Check-switch:last-child {
    border: 0;
}

.dispatchform .Check-switch {
    display: flex;
    margin: 1rem 0 .5rem;
    border-bottom: .0625rem solid #e7e4e4;
    padding-bottom: .5rem;
}

.storedispatch {
    display: flex;
    border-bottom: 1px solid #ffffff47;
    margin-bottom: 1rem;
}

.storedata-right>a {
    text-align: right;
    float: right;
    color: #fff;
}

.storedispatch:last-child {
    border-bottom: 0;
}

.dispatch-information, .staff-information {
    padding: 3rem 3rem 2rem 3.5rem;
    margin-top: 0;
    border-radius: 0.625rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0 15px #e5e5e68a;
}

.dispatch-information {
    padding-top: 4rem;
}

.holiday-information {
    padding: 2rem 2rem 1.5rem 2rem;
    margin-top: 0;
    margin-left: 0;
    border-radius: 0.625rem;
    position: relative;
    background: #fff;
    box-shadow: 0 0 15px #e5e5e68a;
    overflow: hidden;
}

.form-receipt, .form-Chef {
    position: relative;
    margin-top: 2rem;
}

.layer2 {
    width: 97%;
    height: 78%;
    position: absolute;
    right: -1rem;
    top: 1.5rem;
    border: 1px solid #cccccc7d;
    box-shadow: 0 0 10PX #cccccc5c;
}

#content1 .layer2 {
    width: 97%;
    height: 78.5%;
    cursor: pointer;
}

.dispatchTable, .availableBalance {
    border-radius: 0.625rem;
    box-shadow: 0 0 15px #e5e5e68a;
    padding: 1rem;
    min-height: 9.5rem;
    position: relative;
}

.progress-line {
    height: .7rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    border-radius: 10rem;
    border-top: 8px solid #fff;
}

.count {
    display: block;
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #132ba3;
    font-weight: 400;
}

.storedata-right img {
    border: 0;
    width: 2rem;
    float: right;
    text-align: right;
    opacity: .3;
}

.storedispatch {
    display: flex;
    border-bottom: 1px solid #f0f0f0;
    margin-bottom: .5rem;
    margin-top: 1rem;
}

.storedispatch .storedata-right a.manage-btn {
    right: 0;
    top: 0;
    color: #1884d0;
    padding: .5rem 1rem;
}

.storedata-left span.icon-edit {
    color: #132ba3;
    margin-right: .2rem;
}

.chart-collection {
    padding: 1.3rem 1rem;
}

.chart-collection img {
    padding: 0 3rem;
}

.dispatchTable .storedata-left {
    color: #6a6767
}

.right-side .printform h3 {
    font-weight: 400;
    padding: 0;
    margin: 0;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

.receipt-print .Check-switch .checkout-selection-text-type-five {
    margin: .7rem 0;
    font-size: .85rem;
    line-height: 1rem;
}

.receipt-print select {
    margin-bottom: 1rem;
    color: #000;
    font-size: 0.93rem;
}

.form-element-wrapper select.county-select {
    margin-bottom: 0;
    color: #000;
    font-size: 0.93rem;
}

.numberfontSize {
    box-shadow: 0 0 10px #eeeded;
    color: #333;
    font-size: .8rem;
    padding: 0rem .5rem;
    border-radius: .2rem;
    position: absolute;
    left: 6.3rem;
    bottom: -1.7rem;
}

.slidebtn-wrap {
    padding-bottom: 2rem;
    border-bottom: 1px solid #eeeeee;
    padding-top: 1rem;
}

.slidebtn-wrap:last-child {
    border: 0;
}

.guest-name {
    color: #777575;
    font-size: .9rem;
}

.ammont-guest {
    display: flex;
    margin-top: .5rem;
}

.ammont-guest-add {
    display: inline-flex;
    border-radius: 5rem;
    padding: .2rem .5rem;
    background: linear-gradient(117deg, #1a28db63 0, #1f2ea8 100%);
    margin-right: .5rem;
    color: #fff;
    cursor: pointer;
}

.ammont-guest-add p {
    float: left;
    margin: 0 .5rem;
    font-size: .8rem;
    letter-spacing: 2px;
}

.ammont-guest-add span {
    float: right;
    margin: 0 .5rem;
    cursor: pointer;
    user-select: none;
}

.ammont-guest-minus {
    border-radius: 50%;
    padding: 0;
    background: #bdbec1;
    width: 1.7rem;
    height: 1.7rem;
    text-align: center;
    line-height: 1.5rem;
    cursor: pointer;
    user-select: none;
}

.dispatch-information .storedata-right a {
    color: #132ba3;
}

img.sectiontableimg {
    display: block;
    text-align: center;
    margin: 0 auto;
    width: 10rem;
}

.dispatch-information h4, .holiday-information h4 {
    color: #333;
    text-align: center;
    margin-bottom: 0;
}

.dispatch-information .storedata-left {
    color: #6e6c6c;
    font-size: .9rem;
    width: 74%;
    line-height: 1.2rem;
}

.form-numberelement-wrapper {
    margin: .6rem 0 .5rem;
    padding: 0;
    display: block;
    position: relative;
    border-bottom: 1px solid #eae8e8;
    padding-bottom: 1rem;
}

.radio-field-wrapper {
    overflow: hidden;
}

a.edit-table {
    position: absolute;
    color: #132ba3;
    font-weight: 400;
    font-size: .7rem;
    right: 3.5rem;
    top: 1rem;
    line-height: .9rem;
    padding: 0;
}

a.delete-table {
    position: absolute;
    color: #132ba3;
    font-weight: 400;
    font-size: .7rem;
    right: 1rem;
    top: 1rem;
    line-height: .9rem;
    padding: 0;
}

a.edit-table:hover {
    color: #8e8e8f;
}

.dispatchTable .storedispatch {
    border: 0;
    margin-bottom: 0;
    margin-top: 2rem;
}

.collection-bg {
    background: #58c400;
}

.waiting-bg {
    background: #9e02fd;
}

.restaurant-bg {
    background: #d40058;
}

.delivery-bg {
    background: #0c31f5;
}

.count span {
    font-size: .85rem;
}

.storedata-left .switch-container.bankaccount-default-switch {
    float: left;
    margin-top: .2rem;
    width: 100%;
    text-align: left;
    margin-right: 1rem;
}

.storedata-left .slider:before {
    box-shadow: 0 0 4px #9c9898;
}

.color-rules {
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    background: #fff;
    border-radius: 1rem;
    height: 1.5rem;
    line-height: 1.5rem;
    color: #fff;
    font-size: .7rem;
    width: 3rem;
    text-align: center;
    margin: 0 auto;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
}

.color-rules span {
    margin: 0 .1rem;
}

.add-table {
    color: #fff;
    font-size: .8rem;
    font-weight: 400;
    position: absolute;
    right: 1.3rem;
    transition: .4s;
    top: 38%;
}

.add-table:hover {
    color: #ebebec;
}

img.addtable-img {
    width: 5.75rem;
    opacity: .35;
}

.edit-tablesection {
    color: #132ba3;
    font-weight: 400;
    font-size: .7rem;
}

.email-top {
    border-bottom: .0625rem solid #e7e4e4;
    margin: 0 0 0 1.5rem !important;
    position: relative;
    clear: both;
}

.clientmeaasge-email p {
    margin: 0;
    display: inline-block;
    font-size: .9rem;
    font-weight: 700;
}

.form-label-textarea {
    color: #333;
    display: block;
    color: #7e808c;
    font-size: .8rem;
}

textarea {
    font-weight: 500;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    height: 2.625rem;
    width: 100%;
    text-align: left;
    resize: none;
    font-size: 0.9375rem;
    line-height: 1.1rem;
}

.send-mail ul li a:hover {
    color: #132ba3;
}

.data-table-time {}

.data-table-time .nav-tab-section {
    border-top: 0;
    margin: 0;
}

.holiday-contain {}

p {
    max-width: 700px;
}

.timeline-item {
    border: 1px thin black;
}

.timeline {
    position: relative;
    padding-left: 3rem;
    width: 80%;
    display: inline-block;
    margin-top: 1rem;
}

.timeline .timeline-item {
    margin-bottom: 1rem;
    font-size: 1.8rem;
    display: flex;
}

.timeline::before {
    content: '';
    background: grey;
    display: inline-block;
    position: absolute;
    left: .7rem;
    width: 1px;
    height: 100%;
}

.timeline-item::before {
    content: '';
    background: white;
    border: 1px solid #132ba3;
    border-radius: 10px;
    display: inline-block;
    position: absolute;
    margin-top: 25px;
    left: 0.2rem;
    width: 15px;
    height: 15px;
}

.timeline-item:hover::before {
    background: #132ba3;
}

p.holiday-date {
    margin: 1.7rem 2rem 0 0;
    font-size: .9rem;
    color: #999;
    ;
    line-height: 1rem;
}

.timeline-item>p {
    font-size: .9rem;
    margin-top: 1.4rem;
    line-height: 1.3rem;
}

.w-50 {
    width: 50%;
}

.w-75 {
    width: 75%;
}

.bg-skygreen {
    background: #79cbbd;
}

.bg-yelloworange {
    background: #ffb72b;
}

.bg-lightpurple {
    background: #855ebf;
}

.bg-lightpink {
    background: #eb4986;
}

.holiday-text {
    border-radius: .5rem;
    padding: 1.5rem;
    color: #fff;
    margin-left: -.9rem;
    position: relative;
    width: 100%;
    margin-top: 1rem;
}

.holiday-text span {
    display: block;
    font-size: .7rem;
}

.right-side h3.p-0 {
    padding: 0;
}

.holiday-date-list {
    margin: 2rem .5rem;
}

.date-from-untill {
    position: relative;
    margin: .5rem 0 0;
}

.holiday-date-list ul, .date-from-untill ul {
    display: flex;
    padding: 0;
    margin: 0;
    border-bottom: .0325rem solid #e7e4e4;
    border-top: .0325rem solid #e7e4e4;
    align-items: center;
}

.holiday-date-list li {
    padding: 1rem 2.3%;
    line-height: 2.5rem;
    cursor: pointer;
}

.date-from-untill li {
    padding: 1rem .7rem;
    line-height: 2.5rem;
    cursor: pointer;
    transition: .5s;
}

.holiday-date-list li a, .date-from-untill li a {
    color: #333;
    font-size: .8rem;
    line-height: 1rem;
    font-weight: 400;
    text-align: center;
    display: inline-block;
}

.holiday-date-list li a span, .date-from-untill li a span {
    display: block;
    color: #999;
    font-size: .8rem;
    line-height: 1.2rem;
}

.tabcontent-list {
    margin: 2rem 0;
}

.holiday-date {
    border-radius: .3rem;
    text-align: center;
    border: .0625rem solid #e7e4e4;
    height: max-content;
    padding: .5rem;
    margin-top: 0;
    z-index: 9;
    background: #fff;
    width: 6rem;
}

.holiday-date p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.5rem;
    color: #132ba3;
}

.holiday-date span {
    font-size: 1.5rem;
    line-height: 2rem;
}

.daytab.active {
    background: #0a1864;
}

.daytab:hover {
    background: #f8f8f8;
}

.daytab.active a span {
    color: #fff;
}

.holiday-text span {
    display: inline-block;
    margin-right: .3rem;
}

.holiday-text p {
    margin: 0;
    font-size: .9rem;
}

.viewall-list:hover {
    color: #132ba3;
}

.arrow-for-month {
    transition: .4s;
}

.arrow-for-month:hover, .arrow-for-month.active {
    background: #f8f8f8;
}

.selecttext {
    color: #7e808c;
    font-size: .8rem;
    padding-bottom: 1rem;
    display: inline-block;
}

.selection-field {
    border-bottom: .0625rem solid #e7e4e4;
    height: 2.625rem;
}

.selection-field input {
    padding-left: .5rem;
    border: 0;
    font-size: .9rem;
    line-height: 2rem;
    margin-left: 2.5rem;
}

.start-row.viewing-section {
    float: left;
    position: relative;
}

.start-row.viewing-section .tooltip {
    left: 0;
    width: 12rem;
}

p.rating-service span {
    float: left;
    font-size: .8rem;
    line-height: 1.5rem;
    color: #f1f1f1a6;
}

p.rating-service a i.icon-star, p.rating-service a i.icon-star-half {
    font-size: .5rem;
    color: gold;
}

.overview-table td.refundTotal {
    background: #132ba3;
    color: #fff;
}

.nav-tab-section .row.balance-section {
    padding: 0 1rem;
    margin: 1.3rem .5rem 2rem;
}

.fund-img {
    width: 3rem;
}

.balance-text {
    color: #fff;
    font-size: .8rem;
    margin: .2rem 0 0;
}

.balance-amount {
    color: #fff;
    font-size: 1.5rem;
    margin: 0;
    line-height: 2.1rem;
}

.sidenav .item-des a {
    padding: 0 .7rem 0 0;
}

span.form-error-block {
    display: block;
    position: absolute;
    bottom: 0;
    font-size: .7rem;
    color: red;
    right: 0;
}

.modal .modal-dialog-inner-left-full .form-wrapper-checkbox {
    display: inline-block;
}

.sms-count {
    min-width: 2rem;
    height: 1rem;
    background: #ffffff;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    font-size: .6rem;
    color: #10509f;
    margin-right: .5rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    margin-top: 1.45rem;
    margin-left: .5rem;
    padding: .1rem .4rem 0;
}

a.compose-btn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
    margin: 0.1rem 0 0;
    float: left;
}

a.compose-btn:hover {
    background: #fff;
    border: .0625rem solid #1884d0;
}

a.default-btn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #132ba3;
    color: #fff;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #132ba3;
    margin: 0.1rem 0 0;
    float: left;
}

a.default-btn:hover {
    background: #fff;
    border: .0625rem solid #132ba3;
    color: #132ba3;
}

.pos-tick input[type="checkbox"]+label {
    position: absolute;
    width: 2.3rem;
    height: 2.3rem;
    border: 3px solid #555;
    border-radius: 100%;
    top: 4.2%;
    right: 0;
    transform: translate(-50%, -50%);
    transition: all ease-out 200ms;
    text-indent: 90px;
    font: normal normal 30px/60px "Helvetica";
    white-space: nowrap;
    color: #555;
    user-select: none;
}

.pos-tick input[type="checkbox"]+label:after {
    content: "";
    position: absolute;
    width: 0px;
    height: .6rem;
    border-bottom: 3px solid #60b246;
    border-left: 3px solid #60b246;
    top: 37%;
    left: 53%;
    transform-origin: bottom left;
    transform: rotate(-45deg);
    opacity: 0;
    transition: all ease-out 200ms;
}

.pos-tick input[type="checkbox"]:checked+label {
    border: 3px solid #60b246;
}

.pos-tick input[type="checkbox"]:checked+label:after {
    opacity: 1;
    width: 2.2rem;
}

.pos-tick #chk {
    display: none;
}

.selectany {
    font-size: 0.9375rem;
    color: #7e808c;
    padding-left: .25rem;
}

.clientmeaasge-email li, .clientmeaasge-sms li {
    margin: 0 .2rem 0 0rem;
    font-size: .8rem;
    line-height: 1.4rem;
}

.multiple-date {
    border-radius: 5rem;
    padding: .25rem .7rem;
    background: linear-gradient(117deg, #1a28db63 0, #1f2ea8 100%);
    color: #fff;
    font-size: .7rem;
    font-weight: 400;
    position: absolute;
    right: 0;
    top: .2rem;
    transition: 0.5s;
}

.multiple-date {
    display: block;
    transition: .3s;
    background: #fff;
    border-radius: 1rem;
    height: 1.7rem;
    line-height: 1.7rem;
    color: #132ba3;
    font-size: .7rem;
    width: auto;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 1rem;
    font-weight: 400;
}

.multiple-date:hover {
    color: #fff;
    background: #132ba3;
}

.multiple-date i {
    margin: 0 .2rem 0 0;
}

.transfer-table th:nth-child(2), .transfer-table td:nth-child(2), .transfer-table th:nth-child(4), .transfer-table td:nth-child(4) {
    margin: 0 auto;
    text-align: center;
}

.transfer-table .status-icon {
    display: inline-block;
}

.transfer-table td {
    font-size: .8rem;
    line-height: 1.15rem;
    color: #817f7f;
}

.border-line {
    border-bottom: 1px solid #e2e2e2;
    width: 100%;
    padding-bottom: 1rem;
}

.transfer-table {
    margin-top: 2rem;
}

td.refundTotal {
    font-size: 1.2rem;
    line-height: 1.5rem;
    color: #132ba3;
    font-family: 'proxima_novasemibold';
}

.color_placeholder_border {
    width: 2rem;
    height: 2rem;
    float: left;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .11), 0 2px 2px rgba(0, 0, 0, .11), 0 4px 4px rgba(0, 0, 0, .11), 0 6px 8px rgba(0, 0, 0, .11), 0 8px 16px rgba(0, 0, 0, .11);
}

.form-element-wrapper-select input[type="file"] {
    padding-left: 1.25rem;
    font-size: .8rem;
    line-height: 1.6rem;
}

.form-element-wrapper-select [type="file"]+label {
    background: #ffffff;
    border: none;
    color: #081d85;
    cursor: pointer;
    font-size: inherit;
    font-weight: 400;
    outline: none;
    padding: 0.5rem .1rem;
    position: absolute;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    vertical-align: middle;
    bottom: 1.05rem;
    left: 0;
    width: 6.5rem;
    text-align: center;
    height: 1.6rem;
    line-height: .5rem;
    border-radius: .2rem;
    border: 1px solid #081d85;
    cursor: pointer;
    font-size: .75rem !IMPORTANT;
}

.form-element-wrapper-select {
    margin: .9rem 0 .6rem;
    padding: 0;
    display: block;
    position: relative;
}

.staff-section {
    margin: 2rem auto 0;
}

.form-wrapper .form-element-wrapper select {
    color: #000;
}

button.close.close-colorpicker {
    position: absolute;
    right: 4.5px;
    top: 0px;
    background: #fff;
    opacity: 1;
    font-weight: 400;
    font-size: 1rem;
    border-radius: 0;
    box-shadow: none;
    outline: none;
    border: 1px solid #ccc;
    color: #000;
    height: .7rem;
    width: 1rem;
    line-height: 0rem;
    text-align: center;
    display: none;
}

.form-wrapper .managemenu-list.store-accessories-list {
    padding: 0;
    margin-left: -1rem;
}

.form-wrapper .full-with-button {
    margin-top: 1rem;
}

.sidenav a.staff-btn, a.staff-btn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
}

.staff-btn:hover {
    background: #fff;
    border: .0625rem solid #1884d0;
}

.staff-table tr td {
    position: relative;
}

.staff-table .hiddendiv {
    position: absolute;
    left: inherit;
    right: .8rem;
    top: 4rem;
}

.staff-information {
    padding: 2rem 1rem 2rem 2.5rem;
}

.left_menu {
    margin-left: 2.5rem;
}

.search {
    float: left;
    position: relative;
    border-bottom: .0625rem solid #e7e4e4;
    width: 15rem;
    transition: 0.5s;
    margin-right: 1.5rem;
    margin-bottom: 2rem;
}

.search select {
    text-transform: none;
    width: 100%;
    height: 2.5rem;
    border: 0;
    color: #898686;
    font-size: .9rem;
}

.search input {
    border: 0;
    padding: .3rem;
    width: 100%;
    height: 2.5rem;
    font-size: .8rem;
}

button.searchButton {
    float: left;
    padding: .8rem .9rem;
    background: transparent;
    border: 0;
    font-size: .8rem;
    border-radius: 2rem;
    position: absolute;
    right: 0;
    top: 0;
}

.search input:focus {
    border-bottom: 1px solid #132ba3;
}

#content2 .layer2 {
    min-height: 98%;
    cursor: pointer;
}

.seach-by-all {
    position: relative;
}

.multiple-date-search {
    background: #fff;
    box-shadow: none;
    color: #132ba3;
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: .7rem;
}

.searchButton:hover i {
    color: #132ba3;
}

.modal-dialog.invoice-modal {
    width: 100%;
    margin: 0 auto;
}

.modal-dialog.invoice-modal .popup {
    margin: 0 auto;
    width: 100%;
}

#content1 .layer2.chefprint-layer {
    height: 70%;
}

#content2 .layer2.chefprint-layer {
    min-height: 68%;
}

.transfer-table .status-icon {
    width: 4.2rem;
}

.transfer-table .status-icon span {
    padding-left: 0;
}

.flip-back .card__front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
}

.flip-back .card__back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
}

.verified-card i {
    color: #95f695;
    margin-left: .5rem;
}

.nonverified-card i {
    color: #fff;
    margin-left: .5rem;
    opacity: .3;
}

.verified-card, .nonverified-card {
    position: absolute;
    right: 1rem;
    top: 2rem;
}

.dispatchTable .system-check {
    text-align: left;
}

.date-from-untill .search {
    margin-right: 0;
    border-bottom: 0;
}

.search-key input {
    position: absolute;
    left: 0;
    border-bottom: 1px solid #ccc;
    border: 0;
    border-bottom: 0;
    line-height: 2rem;
    top: .7rem;
    font-size: .9rem;
    background: #ffffff;
    padding: 1rem;
    width: 100%;
    transition: .5s;
    font-size: .8rem;
    border-radius: 5rem;
    box-shadow: 0 0 41px #dfdfe6;
}

.staff-section h3.pull-right {
    font-size: .85rem;
    cursor: pointer;
}

.areaname span.icon-current-location {
    margin: .15rem .4rem 0 0;
    float: left;
}

.managemenu-list .card-default-switch {
    position: absolute;
    right: 7.2rem;
    top: 50%;
    transform: translate(0, -40%);
}

table.customerTable td, .tabblock-section td {
    position: relative;
}

.tabblock-section .name-icon {
    margin: 0 .7rem 0 0;
}

table.customerTable .hiddendiv {
    top: 4rem;
    left: inherit;
}

.addCustomer {
    font-size: .85rem;
    cursor: pointer;
    margin: 2rem 0;
    font-weight: 400;
}

.dateSelect p {
    font-size: .85rem;
    margin: 0;
    display: inline-block;
    color: #999;
}

.dateSelect span {
    font-size: .85rem;
}

.form-numberelement-wrapper:last-child {
    border-bottom: 0;
}

.tag-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 12px;
    margin-bottom: 22px;
}

.tag-heading {
    color: #7e808c;
    font-size: .9rem;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    z-index: 1;
}

.tag-element-wrapper {
    width: calc(200% + 10px);
    height: 38px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.tag-first-col {
    width: 50%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    height: inherit;
}

.tag-element-wrapper-hide {
    -webkit-transform: translateX(calc(-50% - 10px));
    -ms-transform: translateX(calc(-50% - 10px));
    transform: translateX(calc(-50% - 10px));
}

.tag-second-col {
    width: 50%;
    margin-left: 10px;
    position: relative;
    background: #fff;
    padding-bottom: 1px;
    margin-top: 10px;
}

.tag-icon-wrapper {
    position: relative;
    padding-bottom: 5px;
    border-bottom: 1px solid #93959f;
    color: #3d4152;
    font-size: 1.08rem;
}

.tag-icon-select {
    font-weight: 500;
    color: #282c3f;
}

.tag-icon-disable {
    color: #93959f;
}

.icon-gray {
    color: #cbcbcf
}

.icon-green {
    color: #60b246;
}

.tag-icon-margin {
    margin-right: 10px;
}

.tag-second-col-icon {
    position: absolute;
    z-index: 1;
    top: 7px;
    left: 5px;
    font-size: 1.08rem;
    color: #282c3f;
}

.tag-second-col-text {
    height: 26px;
    line-height: 18px;
    padding: 5px 0 5px 23px;
    color: #282c3f;
    font-weight: 400;
    border: 0;
    border-bottom: 1px solid #bebfc5;
    width: 100%;
    outline: 0;
    background: 0 0;
    caret-color: #fc8019;
    position: relative;
    font-size: 15px;
}

.tag-second-col-cancel {
    font-size: 1rem;
    color: #5d8ed5;
    position: absolute;
    right: 0;
}

.account-existing-coupon {
    width: 17rem;
    height: 10rem;
    border-radius: 0.625rem;
    margin-right: 1rem;
    position: relative;
}

.account-edit {
    display: flex;
}

.adding-box {
    border: 1px dashed #ccc;
}

.adding-box i {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color: #adaaaa;
}

.edit-account-details h5 {
    margin: 0 0 .5rem;
}

.form-card-edit label {
    font-size: .7rem;
    color: #bbbaba;
}

.form-card-edit {
    border: 1px dashed #c7c2c2;
    padding: 0 .3rem .3rem;
    border-radius: .3rem;
    margin-bottom: .5rem;
}

input.card-form-input {
    border: 0;
    font-size: .85rem;
    display: block;
    width: 100%;
}

.form-card-edit-half {
    width: 48%;
    display: inline-block;
    overflow: hidden;
}

.edit-account-details-left, .edit-account-details-right {
    width: 14rem;
    float: left;
    margin-right: .5rem;
    width: 48%;
}

.save-card {
    float: right;
    width: 48%;
    padding: .7rem 0;
    letter-spacing: 3px;
    text-align: center;
    border: 0.0625rem solid #132ba3;
    color: #fff;
    font-size: .7rem;
    text-transform: uppercase;
    background: #132ba3;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
}

.save-card:hover {
    border: .0625rem solid #132ba3;
    color: #132ba3;
    background: #fff;
}

.edit-account-details {
    margin-top: .7rem;
}

img.more-edit {
    position: absolute;
    right: 1rem;
    top: .7rem;
}

.coupon-orange .accountDetails a.delete-icon {
    right: .8rem;
    top: 1.8rem;
}

.modal-dialog-inner-left-full .form-wrapper {
    padding: .3rem 1rem 1.5rem;
    position: relative;
}

.staff-sidenav {
    padding: 0 2rem;
}

span.to-sms {
    padding: .3rem 1rem;
    border: .0625rem solid #1884d0;
    background: #e4f1ff70;
    border: .0625rem solid #afcdecd6;
    border-radius: .3rem;
    color: #1884d0;
    font-size: .8rem;
}

.sms-compose {
    position: relative;
}

.sms-compose label {
    position: absolute;
    top: .6rem;
}

.sms-compose input {
    padding-left: 3.5rem;
    width: 100%;
}

.compose-form {
    position: relative;
}

.cc-bcc {
    position: absolute;
    bottom: 1rem;
    right: 1rem;
    z-index: 99;
}

.cc-bcc a, .cc-bcc span {
    font-weight: 400;
    color: #a4a0a0;
    font-size: .8rem;
}

.discountTooltip .checkout-selection-text-type-five {
    padding-left: 0.425rem;
    margin: 0;
    line-height: 1.2rem;
    float: left;
    width: 5rem;
    text-align: left;
}

.discountTooltip .card-default-switch .switch {
    float: left;
    width: 2.5rem;
}

.tooltip.discountTooltip .tooltiptext {
    width: 16rem;
    left: 0;
    z-index: 999999;
    position: absolute;
    top: -50px;
    height: 208px;
}

.discountTooltip span.toltip-icon {
    display: none;
}

.openingTimeDate p {
    float: left;
    margin: 0 0 0 .7rem;
}

.card-default-switch.tooltipDateList {
    float: left;
    width: 97%;
    margin: .1rem .2rem .3rem;
}

.discountTooltip .slider, .discountTooltip .slider:before {
    transition: none;
}

.start-row a {
    color: #a6a4a4;
}

.close-selection {
    position: absolute;
    z-index: 999;
    top: -6px;
    right: -8px;
    color: #8c8b8b;
}

.close-selection:hover {
    color: #a4a6af;
}

.linker-popup ul {
    padding: 0;
    box-shadow: none;
}

.linker-popup .data-row {
    padding: 1rem;
}

.linker-popup .data-row .caret {
    margin-right: .5rem;
}

.linker-popup .item-des a {
    color: #323131;
    font-size: .9rem;
    font-weight: 400;
}

.form-element-wrapper select(:placeholder-shown)+label, .form-element-wrapper select+label {
    font-size: .8rem;
    -webkit-transform: translateY(-158%);
    -ms-transform: translateY(-158%);
    transform: translateY(-158%);
}

.success-modal, .error-modal {
    width: 13rem;
    margin: 2rem auto;
    padding: 0rem 1rem 0;
    box-shadow: 0 4px 15px #aeaaaa30;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    position: fixed;
    /* bottom: -1rem;
    left: 1rem; */
    top: -1rem;
    right: 1rem;
    z-index: 9;
    background: white;
}

.way {
    font-size: 1rem;
    font-weight: 600;
    margin-top: .5rem;
    color: #fff;
}

.success-modal p, .error-modal p {
    /* font-size: .75rem;
    color: #7f7d7d;
    line-height: 1rem;
    margin-top: .3rem; */
    font-size: .75rem;
    color: #f6f7fb;
    line-height: 1rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
}

.btn-modal {
    color: #31C1B9;
    text-transform: uppercase;
    text-decoration: none;
    margin: .5rem 0 1.5rem;
    display: inline-block;
    font-size: .8rem;
}

.btn-modal-cancel {
    color: #f7a92e;
}

.btn-modal:hover {
    color: #a1a1a1;
}

.plane img {
    width: 4rem;
    margin-top: 1rem;
}

.group-popup .managemenu-list {
    margin: 0;
    box-shadow: none;
    padding: 0;
}

.group-popup p.item-des {
    margin-top: -5px;
}

.group-popup p.item-des a {
    margin: 0;
    color: #6a6969;
    font-size: .9rem;
    padding-left: 2rem;
    font-weight: 400;
}

.right-side .slick-prev, .slick-next {
    position: inherit;
    top: 0;
}

.right-side .slick-prev:before, .right-side .slick-next:before {
    color: #132ba3;
}

.right-side .slick-prev {
    left: .5rem;
}

.right-side .slick-prev, .right-side .slick-next {
    opacity: 1;
    height: 2rem;
    width: 0rem;
    margin-left: -1.5rem;
}

.right-side .bank-account-slide .slick-prev {
    margin-left: -1.2rem;
}

.right-side .min-height-tabledesign .slick-prev {
    margin-left: -1rem;
}

.right-side .slick-prev:hover, .right-side .slick-prev:focus, .right-side .slick-next:hover, .right-side .slick-next:focus {
    background: black;
}

.right-side .slick-next {
    left: 3.5rem;
    top: 0;
}

.right-side .slick-prev:before, .right-side .slick-next:before {
    padding: 1rem;
    float: left;
}

.slick-track .card {
    height: 8rem !important;
}

slick {
    height: auto !important;
}

.slick-slide .dispatchTable {
    width: 12.7rem;
    border: 1px solid #e5e5e6d6;
    box-shadow: none;
}

.login-bg .slick-slider {
    padding: 0;
}

.forceDisplay {
    display: block !important;
}

.login-bg .slick-slide img {
    display: block;
    width: 100vw;
    max-height: 100vh;
    object-fit: cover;
}

.warning-account h2 {
    font-size: 1.35rem;
    font-weight: 400;
}

.warning-account p {
    color: #827f7f;
    font-size: .92rem;
    line-height: 1.2rem;
    margin-top: 1rem;
}

.drag-section {
    border: 1px dashed #5ea8ec;
    outline-offset: -10px;
    -webkit-transition: outline-offset .15s ease-in-out, background-color .15s linear;
    transition: outline-offset .15s ease-in-out, background-color .15s linear;
    height: 7rem;
    margin: 0 0 1rem;
    border-radius: 1rem;
    padding-bottom: .5rem;
    cursor: pointer;
}

a.dropImg {
    display: block;
    text-align: center;
    padding: .9rem 0 .5rem;
}

a.dropImg i {
    font-size: 1.5rem;
    color: #c7c6c6;
}

.box__dragndrop, .box__uploading, .box__success, .box__error {
    display: none;
}

.box__file {
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    position: absolute;
    z-index: -1;
}

.box__file+label {
    max-width: 73%;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

.box__dragndrop {
    display: inline;
    font-size: .8rem;
}

.box__button {
    display: none;
}

.box__input {
    text-align: center;
}

.card-upload ul {
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    top: 33px;
    left: 3.2px;
    width: 96%;
    height: 77%;
}

.card-upload ul li {
    display: inline-block;
    position: relative;
    margin-right: .5rem;
    width: 100%;
    height: 100%;
}

.slide-box .card-upload ul li {
    height: 84%;
    top: 1.35rem;
}

.card-upload ul li a.img-added {
    height: 5rem;
    display: inline-block;
    justify-content: space-between;
    border: .0625rem solid #e7e4e4;
    border-radius: .3rem;
    width: 100%;
    position: relative;
    padding: 0;
}

.img-added img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: .3rem;
}

a.cancelImg {
    position: absolute;
    right: 6px;
    top: 5px;
    color: #8f8c8c;
    font-size: .7rem;
    line-height: .8rem;
    padding: 0;
    background: #fff;
    padding: .5rem .7rem;
    border-radius: 0 0 0 20px;
}

a.cancelImg:hover {
    color: #8f8c8cc2;
}

.Upimg {
    display: block;
    width: 4.5rem;
    border-radius: .3rem;
    overflow: hidden;
    height: 4.5rem;
    padding: 0;
}

.Upimg img {
    height: 100%;
    object-fit: cover;
    width: 100%;
}

.marginUp1 {
    margin-top: -1px;
}

.postcodeform {
    margin: 1rem 0 2rem;
    display: flex;
}

.holiday-date-list.marginUp1 {
    margin-bottom: 0;
}

.postcodeform .form-element-wrapper {
    width: 100%;
    margin-right: 2rem;
}

.message-detailssms textarea {
    min-height: 9rem;
    border: 0;
    font-size: .9rem;
    line-height: 1.3rem;
}

.dateSelect select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    outline: 0;
    box-shadow: none;
    border: 0 !important;
    background: #e4f1fff5;
    background-image: none;
}

.dateSelect select::-ms-expand {
    display: none;
}

.dateSelect .select {
    position: relative;
    display: flex;
    height: 2.2rem;
    line-height: 2.6rem;
    overflow: hidden;
    width: 8rem;
    margin-top: .15rem;
}

.dateSelect select {
    flex: 1;
    padding: 0 1rem;
    color: #132ba3;
    cursor: pointer;
    font-size: .85rem;
    line-height: 2.2rem;
}

.select::after {
    content: '\25BC';
    position: absolute;
    top: -4px;
    right: 0;
    padding: 0 .8rem;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #0a1864;
    content: '\f107';
    font-family: 'FontAwesome';
}

.select:hover::after {
    color: #cfdce8;
}

.from-dateRange .dateSelectForm p {
    color: #4ab412;
}

.from-dateRange .daytab.active {
    background: #4ab412;
}

.untill-dateRange .dateSelectUntill p {
    color: #f86b36;
}

.untill-dateRange .daytab.active {
    background: #f86b36;
}

.marketing-left {
    -ms-flex-preferred-size: 25%;
    flex-basis: 15%;
    max-width: 15%;
}

.marketing-middle {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
}

.marketing-right {
    -ms-flex-preferred-size: 50%;
    flex-basis: 60%;
    max-width: 60%;
}

.date-month-year {
    display: inline-block;
}

.dateRange-select {
    position: relative;
}

.date-from-untill ul.hiddenDate {
    display: block;
}

.dateRange-select .clicker {
    height: auto;
    line-height: auto;
    border: 0;
}

.date-from-untill li a.manageDate {
    display: inline-block;
    padding: .7rem 2rem .7rem 1rem;
    background: #e4f1fff5;
    position: relative;
}

.date-from-untill li a.manageDate::after {
    content: '\25BC';
    position: absolute;
    top: .7rem;
    right: .7rem;
    padding: 0;
    cursor: pointer;
    pointer-events: none;
    -webkit-transition: .25s all ease;
    -o-transition: .25s all ease;
    transition: .25s all ease;
    color: #0a1864;
    content: '\f107';
    font-family: 'FontAwesome';
}

.dateRange-select .hiddendiv {
    left: .7rem;
    top: 4rem;
    z-index: 99;
}

ul.all-email {
    padding: 0;
}

ul.all-email p {
    margin: .1rem;
}

ul.all-email p, ul.all-email li {
    display: inline-block;
    font-size: .9rem;
}

.show {
    display: block !important;
}

.hide {
    display: none !important;
}

ul.all-email {
    max-height: 30rem;
    padding: 0;
    overflow-y: auto;
    min-height: 15rem;
    margin-right: -1.25rem;
    margin-top: 1rem !Important;
}

.date-from-untill .calenderDatemonth li {
    width: 2.7rem;
    padding: 0;
}

.date-from-untill ul.calenderDatemonth {
    border: 0;
}

.date-from-untill ul ul {
    border: 0;
}

.seletedDateleft {
    margin-bottom: 0;
    font-size: .8rem;
}

.seletedDateRight {
    margin-bottom: 0;
    font-size: .8rem;
}

.seletedFilter p {
    margin: 0;
    color: #000;
    display: inline-block;
    margin-right: 0;
    font-size: .8rem;
    line-height: 1.3rem;
    overflow: hidden;
}

.seletedDateleft p, .seletedDateRight p {
    display: inline-block;
    margin-right: .3rem;
    margin-top: 0;
    margin-bottom: 0;
    overflow: hidden;
}

.seletedFilter span {
    color: #132ba3;
}

.seletedDateRight p {
    margin-right: 0;
}

.date-from-untill slick {
    width: 345px !important;
    padding: 0;
}

.date-from-untill .slick-arrow {
    display: none !important;
}

.slick-initialized .slick-slide {
    display: block;
    min-width: 26px;
}

.date-element-wrapper {
    width: calc(200% + 10px);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    -o-transition: transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
}

.date-element-wrapper-hide {
    -webkit-transform: translateX(calc(-8% - 10px));
    -ms-transform: translateX(calc(-8% - 10px));
    transform: translateX(calc(-8% - 10px));
}

.date-element-wrapper-hide .daytab:hover, .date-element-wrapper-hide .daytab.active {
    background: #ac0c0c;
}

/**/
.message-date-schedule {
    font-size: .8rem;
    color: #8d8a8a;
    text-align: right;
    display: inherit;
    font-weight: 400;
}

.message-date-schedule p {
    display: inline-block;
    margin-right: .3rem;
    color: #333;
}

.daytab a span:first-child {
    padding-top: .3rem;
    padding-bottom: 0;
}

.marketing-left-middle {
    padding: 1rem 2rem;
    width: 75%;
}

.marketing-left-middle h3 {
    font-weight: 400;
    padding: .625rem;
    margin: 0;
}

.config-left, .config-right {
    width: 49%;
    display: inline-block;
}

.config-box {
    box-shadow: 0 10px 19px -21px #2e2e2f;
    min-height: 24rem;
    margin: 0 0.5rem 2.5rem;
    border: 1px solid #cccccc69;
    padding: 1rem 1rem;
    position: relative;
    width: 31%;
    display: inline-block;
    vertical-align: top;
    border-radius: .5rem;
}

.config-box.config-boxImg {
    border: 0;
    box-shadow: none;
    padding: 5rem 3rem;
    margin-bottom: 0;
    float: left;
    text-align: center;
}

.config-right {
    float: right;
    margin-top: 1.5rem;
}

.config-left {
    margin-top: 1.5rem;
}

.config-img {
    float: left;
    width: 30%;
}

.config-text {
    float: left;
    width: 60%;
    margin-left: 1rem;
}

@-webkit-keyframes spinnerRotate {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@-moz-keyframes spinnerRotate {
    from {
        -moz-transform: rotate(0deg);
    }

    to {
        -moz-transform: rotate(360deg);
    }
}

@-ms-keyframes spinnerRotate {
    from {
        -ms-transform: rotate(0deg);
    }

    to {
        -ms-transform: rotate(360deg);
    }
}

#spin {
    position: absolute;
    top: 2%;
    left: 0%;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 12s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 12s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 12s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

.config-textright-img {
    padding-left: 8rem;
}

#spin img {
    width: 7rem;
    margin: 2.5rem 5rem;
}

.config .full-with-button {
    width: 8rem;
    margin: 0 .5rem;
}

.config-box.collection-marketing {
    border-bottom: .3rem solid #58c400;
}

.config-box.waiting-marketing {
    border-bottom: .3rem solid #9e02fd;
}

.config-box.restaurant-marketing {
    border-bottom: .3rem solid #d40058;
}

.config-box.delivery-marketing {
    border-bottom: .3rem solid #0c31f5;
}

.config-left-img {
    width: 24%;
    float: left;
    position: relative;
    margin-left: .4rem;
    margin-top: 1rem;
}

.config {
    margin: 0 auto;
    width: 98%;
    padding-left: 3rem;
}

.numberAccount p {
    white-space: nowrap;
    width: 8rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.right-side .slick-slider {
    width: 100%;
}

.success-eror-close {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding: .5rem;
    line-height: .8rem;
}

.success-eror-close span {
    font-size: .6rem;
    color: #ddd;
    line-height: .8rem;
}

.success-eror-close:hover span {
    color: #333;
}

.element-wrapper-hide {
    -webkit-transform: translateX(calc(-50% - 0px));
    -ms-transform: translateX(calc(-50% - 0));
    transform: translateX(calc(-50% - 0));
}

.element-wrapper {
    width: 200%;
    height: 72px;
    display: inline-table;
    transition: transform .3s, -webkit-transform .3s;
}

.first-col {
    width: 50%;
    background: #b9edfc;
    display: inline-block;
    height: 100%;
}

.second-col {
    width: 50%;
    background: #effcb9;
    display: inline-block;
    height: 100%;
}

.error-modal{
    background: red;
}

.success-modal{
    background: #8ecc00;
}

.error-modal, .success-modal {
    z-index: 99999;
    /* background: #fbfbfb; */
}

.search-keyword-container {
    position: relative;
    margin-top: -1.7rem;
}

.searchFocus input[type="text"] {
    height: 4rem;
    border: none;
    outline: none;
    color: #555;
    padding: 1rem;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
}

.searchFocus input[type="text"]:focus:hover {}

.search-keyword-container.active input[type="text"] {
    width: 68rem;
    z-index: 1;
    border: 1px solid #f2eded;
    cursor: text;
    background: #ffffff;
    border-radius: 2.5rem;
    padding: 1rem 5.5rem 1rem 1rem;
    font-size: 1rem;
    box-shadow: 0 0 10px #eeeff2;
    height: 4rem;
    margin-right: -.7rem;
}

.search-btn, .arrow-btn, .close-btn {
    display: inline-block;
    float: right;
    position: absolute;
    top: .8rem;
    right: 0;
    z-index: 2;
    cursor: pointer;
    cursor: pointer;
    transition: .4s ease;
    background-size: 100%;
    color: #fff;
    font-size: .9rem;
    background: #132ba3;
    border-radius: 50%;
    padding: .72rem .8rem;
    box-shadow: 2px 4px 8px #acabab;
    text-align: center;
    line-height: 0;
}

.searchFocus .arrow-btn {
    background: #099b14;
    padding: .75rem .75rem;
    font-size: .8rem;
    line-height: 0;
    display: none;
    right: .05rem;
}

.searchFocus .close-btn {
    background: none;
    padding: .6rem 1.1rem;
    font-size: .7rem;
    line-height: 1.3rem;
    color: #333;
    box-shadow: none;
    right: 2rem;
    display: none;
}

.searchFocus .arrow-btn, .searchFocus .search-btn {
    color: #fff;
}

.searchFocus input[type="submit"]:hover {
    opacity: 0.8;
}

.login-bg .slick-dots {
    width: 50%;
}

.Upimg {
    height: 100%;
    width: 100%;
}

.update-table-section .storedispatch {
    position: relative;
    display: flex;
    align-items: center;
    margin-top: .8rem;
}

.update-table-section .storedispatch .hiddendiv {
    left: inherit;
    top: 2rem;
    right: 0;
}

.date-from-untill .slick-slider .slick-track {
    height: 5rem;
}

.date-from-untill .slick-initialized .slick-slide {
    width: 3.5rem;
}

li.arrow-for-month {
    height: 5rem;
    line-height: 3rem;
}

.from-dateRange li.daytab, .untill-dateRange li.daytab {
    line-height: 2.9rem;
}

.untill-dateRange .daytab:hover a span {
    color: #999;
}

.active .search-btn {
    opacity: 0;
    visibility: hidden;
}

.active .arrow-btn {
    display: block !important;
}

.active .close-btn {
    display: block !important;
    z-index: 999;
}

a.search-btn {
    display: block;
    z-index: 9;
}

.success-div {
    background: #58c400;
}

.error-div {
    background: #bc0606;
}

.calender-parent {
    position: relative;
}

.start-row a {
    color: #939495;
}

.star-gold {
    color: gold;
}

.star-gray {
    color: #d7d7d7 !important;
}

.tabblock-section .searchFocus .search-btn {
    right: 0;
    position: inherit;
    float: left;
    margin-right: .5rem;
    margin-left: .5rem;
}

.tabblock-section .searchFocus .arrow-btn {
    right: 0;
    position: inherit;
}

.tabblock-section .active .close-btn {
    right: 3.5rem;
}

.dropdown-menu.action-dropdown {
    position: relative;
}

.show-description.hide-description {
    background: #f86d37;
    border-color: #f86d37;
    width: 4rem;
}

.show-description.hide-description:hover {
    border-color: #f86d37;
    color: #f86d37;
}

.time-table td {
    position: relative;
}

.add-table {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: .9rem;
    font-weight: 400;
    color: #333;
}

.add-table:hover {
    color: #999;
}

.time-table .hiddendiv {
    left: inherit;
    right: 1.5rem;
    top: 1.5rem;
}

.addCustomer:hover {
    color: #999;
}

.orderList {
    font-size: .85rem;
    margin: 1.5px 0 0 .5rem;
    color: #132ba3;
}

.dropdown-menu.action-dropdown ul {
    padding: 0;
    margin: 0;
}

.searchFull-wrap {
    display: block;
    width: 100%;
    margin-bottom: .3rem;
    padding: 0 .5rem;
}

.dateRange-select .calenderListHide.hiddendiv {
    overflow: visible;
}

.calenderListHide .tooltiptext {
    background: #153d60;
    color: #fff;
    width: 200px;
    margin-left: -100px;
}

.calenderListHide .toltip-icon {
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #153d60;
}

.calenderListHide .toltip-icon:after {
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #153d60;
}

.calenderListHide.hiddendiv {
    width: 22rem;
}

.calenderListHide .tooltiptext span {
    color: #fff !important;
}

.date-from-untill li a span.filter-tip {
    color: #333;
    font-size: .8rem;
    line-height: 1rem;
}

.timeline-item {
    background: #fff;
    padding: 12px;
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    100% {
        background-position: 468px 0
    }
}

.animated-background {
    animation-duration: 1s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    background: #f6f7f8;
    background: linear-gradient(to right, #eeeeee 8%, #dddddd 18%, #eeeeee 33%);
    background-size: 800px 104px;
    height: 96px;
    position: relative;
}

.background-masker {
    background: #fff;
    position: absolute;
}

.timeline-wrapper-block-b .background-masker.header-top, .timeline-wrapper-block-b .background-masker.header-bottom, .timeline-wrapper-block-b .background-masker.subheader-bottom {
    top: 0;
    left: 0px;
    right: 0;
    height: 10px;
}

.timeline-wrapper-block-b .background-masker.header-left, .timeline-wrapper-block-b .background-masker.subheader-left, .timeline-wrapper-block-b .background-masker.header-right, .timeline-wrapper-block-b .background-masker.subheader-right {
    top: 10px;
    left: 0px;
    height: 8px;
    width: 10px;
}

.timeline-wrapper-block-b .background-masker.header-bottom {
    top: 18px;
    height: 6px;
}

.timeline-wrapper-block-b .background-masker.subheader-left, .timeline-wrapper-block-b .background-masker.subheader-right {
    top: 24px;
    height: 6px;
}

.timeline-wrapper-block-b .background-masker.header-right, .timeline-wrapper-block-b .background-masker.subheader-right {
    width: auto;
    left: 300px;
    right: 0;
}

.timeline-wrapper-block-b .background-masker.subheader-right {
    left: 230px;
}

.timeline-wrapper-block-b .background-masker.subheader-bottom {
    top: 30px;
    height: 10px;
}

.timeline-wrapper-block-b .background-masker.content-top, .timeline-wrapper-block-b .background-masker.content-second-line, .timeline-wrapper-block-b .background-masker.content-third-line, .timeline-wrapper-block-b .background-masker.content-second-end, .timeline-wrapper-block-b .background-masker.content-third-end, .timeline-wrapper-block-b .background-masker.content-first-end {
    top: 40px;
    left: 0;
    right: 0;
    height: 6px;
}

.timeline-wrapper-block-b .background-masker.content-top {
    height: 12px;
    top: 48px;
}

.timeline-wrapper-block-b .background-masker.content-right {
    height: 10px;
    top: 38px;
    left: 200px;
    right: 0px;
}

.timeline-wrapper-block-b .background-masker.content-first-end, .timeline-wrapper-block-b .background-masker.content-second-end, .timeline-wrapper-block-b .background-masker.content-third-end {
    width: auto;
    left: 380px;
    right: 0;
    top: 60px;
    height: 8px;
}

.timeline-wrapper-block-b .background-masker.content-second-line {
    top: 68px;
}

.timeline-wrapper-block-b .background-masker.content-second-end {
    left: 420px;
    top: 74px;
}

.timeline-wrapper-block-b .background-masker.content-third-line {
    top: 82px;
}

.timeline-wrapper-block-b .background-masker.content-third-end {
    left: 300px;
    top: 88px;
}

.tabblock-section .timeline-item::before {
    display: none;
}

.timeline-wrapper-block-b {
    flex: 1;
}

.placeholder-wrap {
    display: flex;
    width: 100%;
    background: #fff;
    height: 100%;
    z-index: 9999;
    padding: 1rem;
    margin-left: .2rem;
}

.openallText {
    white-space: nowrap;
    width: 5rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

.placeholder-wrap .timeline-item::before {
    display: none;
}

.filtersmall {
    width: 7.2rem;
}

.untill-dateRange .daytab.active:hover {
    background: #f86b36;
    color: #fff;
}

.untill-dateRange .daytab.active:hover span {
    color: #fff;
}

.from-dateRange .daytab.active:hover {
    background: #4ab412;
}

.select-dateSingle .daytab:hover a span {
    color: #999;
}

.select-dateSingle .daytab.active:hover {
    background: #0a1864;
    color: #fff;
}

.select-dateSingle .daytab.active:hover span {
    color: #fff;
}

.date-from-untill li a span.trigger-calender-filter-tip {
    color: #333;
    font-size: .8rem;
    line-height: 1rem;
}

.filter-selected {
    margin-top: 5px;
}

.message-box-read {
    border-left: .3rem solid #11af30;
}

.message-box-unread {
    border-left: .3rem solid #FF3824;
}

input.value-guest {
    background: transparent;
    border: 0;
    width: 2rem;
    height: 1.2rem;
    color: #fff;
    margin: .1rem 0;
    display: inline-block;
    font-size: .8rem;
    text-align: center;
}

input.value-guest:focus {
    border-bottom: 0;
}

.marketing-block-right {
    flex-basis: 85%;
    max-width: 85%;
    display: flex;
    padding: 0;
}

.marketing-block-right .marketing-middle {
    -ms-flex-preferred-size: 25%;
    flex-basis: 35%;
    max-width: 35%;
}

.marketing-block-right .marketing-right {
    -ms-flex-preferred-size: 50%;
    flex-basis: 65%;
    max-width: 65%;
}

.config-box h4 {
    margin-bottom: 1.2rem;
}

.selectany-country {
    font-size: 0.8rem;
    color: #7e808c;
    padding-left: .25rem;
    margin-top: .2rem;
    float: left;
    margin-bottom: .4rem;
}

.form-element-wrapper select {
    color: #000;
    font-size: 0.9rem;
}

.message-details h3 {
    margin-bottom: 1rem;
}

.all-message-box span.selected-customers {
    margin: .5rem 0;
}

.opening-closing .form-element-wrapper select {
    color: #000;
    font-size: 0.9rem;
    margin: .65rem 1rem 0 0;
    padding-right: 1rem;
    width: 90%;
}

.estimated-date .email-top {
    border: 0;
}

.estimated-date textarea {
    width: 100%;
    border-bottom: .0625rem solid #e7e4e4;
    min-height: .9rem;
}

.estimated-date .clientmeaasge-email, .estimated-date .clientmeaasge-sms {
    font-size: .9rem;
    margin-top: .3rem;
}

.estimated-date .message-detailssms textarea {
    width: 68.5%;
    border-bottom: .0625rem solid #e7e4e4;
    min-height: .9rem;
    display: block;
    margin-bottom: 1rem;
}

.store-contents {
    display: contents;
}

.searchPanelImg {
    display: block !important;
    text-align: center;
    margin-bottom: .6rem;
}

.searchFull-wrap {
    text-align: center;
}

.searchPanelImg img, .searchPanelImg i {
    border-radius: 50%;
    padding: .3rem;
    width: 2.55rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    height: 2rem;
    border: 1px solid #d3cdcd21;
    font-size: 1rem;
    color: #090993;
    height: 2.5rem;
    display: inline-block;
    justify-content: center;
    align-items: center;
    display: inline-flex;
}

.text-orange {
    color: #f86d37;
}

.seletedDateRight p {
    color: #7a7878;
    white-space: nowrap;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}

.seletedDateleft span {
    color: #7a7878;
}

.seletedFilter p {
    color: #7a7878;
}

a.edit-deleteTable {
    position: absolute;
    color: #8e8e8f;
    font-weight: 400;
    font-size: .7rem;
    right: 1rem;
    top: 1rem;
    line-height: .9rem;
    padding: 0;
}

a.edit-deleteTable:hover {
    color: #132ba3;
}

.ammont-guest-minus span {
    color: #fff;
}

.form-element-wrapper-textarea {
    width: 100%;
    float: left;
    position: relative;
}

.feedback-table span.customer-feedback {
    padding-left: 5.7rem;
    padding-bottom: .3rem;
}

.feedback-table .hiddendiv {
    right: 25px;
    top: 4.2rem;
    left: auto;
    width: 9rem;
}

.feedback-table p.rating-service span {
    width: 4rem;
}

.marketing-right .message-date {
    float: right;
}

.estimated-date .email-top {
    border: 0;
    margin: 0 !important;
}

.estimated-date .message-detailssms {
    padding: 1.5rem 0;
}

.feedback-table .viewing-section .tooltip:after {
    left: 21.5%;
}

.slick-slider .storedata-right .edit-table {
    right: 3.6rem;
}

.couponEditform .Check-switch {
    clear: both;
}

a.add-category-menu {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    background: #e4f1ff70;
    margin: -.2rem .7rem 0;
    background: #132ba3;
    border: 1px solid #132ba3;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    min-width: 6rem;
}

.list-group a.add-category-menu {
    margin: 0.3rem .9rem 0;
}

a.add-category-menu:hover {
    background: #fff;
    border: .0625rem solid #1884d0;
    color: #1884D2;
}

a.add-category-menu:hover i {
    color: #1884D2;
}

.button-delete-row {
    margin: 1rem 0 0;
}

.color-rules .tooltip .tooltiptext, .color-rules .tooltiptext {
    text-align: left;
}

.color-rules .tooltiptext.tooltip-top {
    padding: 1rem;
    width: 18.5rem;
}

.color-rules .form-group.selctcol {
    width: 49%;
    display: inline-block;
}

.color-rules .selection-field input {
    width: 75%;
}

.color-rules .selecttext {
    padding-bottom: .5rem;
}

.submit-btn {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 25px;
    text-transform: uppercase;
    font-size: .8rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: .3rem;
    font-weight: 400;
    border: 1px solid #e4f1ff70;
    color: #1884d0;
    background: #e4f1ff70;
    margin: 1rem 0 0;
}

.submit-btn:hover {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #1884d0;
}

.time-table-body-row-layer {
    display: flex;
    align-items: center;
    margin: 1rem 0;
}

.time-table-item {
    flex: 1;
}

.time-table .time-table-body-row-layer .text-center {
    margin: 0 .5rem;
}

.time-table {
    padding: .625rem;
}

.manage-button {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
    margin: 0 1rem;
}

.searchFocus .search-btn {
    position: inherit;
    margin: 0 .5rem;
    float: left;
}

.searchFocus .arrow-btn {
    display: block;
    right: 0;
    z-index: 9;
}

.searchFocus .arrow-btn {
    opacity: 1;
    display: inline-block;
    position: inherit;
}

.searchFocus .close-btn {
    padding-right: .7rem;
    right: 3.5rem;
}

.search-keyword-container.active input[type="text"] {
    width: 56rem;
    margin-right: 2.7rem;
}

.select-dateSingle .search-keyword-container.active input[type="text"] {
    width: 46rem;
    margin-right: 2.7rem;
}

.estimated-date.p-25 {
    padding: 1.5625rem 0 1.5625rem 1rem;
}

.couponEditform .form-element-wrapper-half {
    z-index: 9;
}

.modal-dialog-inner-left-full .managemenu-list.store-accessories-list {
    padding: 0;
    margin-left: -1rem;
    margin-right: -1rem;
}

.moment-picker td {
    font-size: .8rem;
    line-height: 1rem;
}

.time-table .form-input {
    font-size: .8rem;
    color: #7c7a7a;
}

.form-element-wrapper .custom-datetime-picker {
    font-weight: 400;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    height: 2.625rem;
}

.card-shadow .form-label-datetime, .defaultSpan .form-label-datetime {
    color: #7e808c;
    font-size: .93rem;
    position: absolute;
    bottom: 1.4rem;
    z-index: -1;
}

.card-shadow .custom-datetime-picker, .defaultSpan .custom-datetime-picker {
    font-weight: 400;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    display: block;
    font-size: .9rem;
    padding: .55rem 0;
    margin-bottom: .5rem;
    height: 2.625rem;
}

.card-shadow .custom-datePickerWrapper, .defaultSpan .custom-datePickerWrapper {
    margin: 2rem 0 .5rem;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
}

.defaultSpan .form-label-datetime.customDatetimeLabel {
    font-size: .8rem;
    -webkit-transform: translateY(-158%);
    -ms-transform: translateY(-158%);
    transform: translateY(-158%);
}

/**/
.form-label-datetime {
    color: #7e808c;
    font-size: .8rem;
}

.custom-datetime-picker {
    font-weight: 400;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    display: block;
    font-size: .9rem;
    padding: .9rem 0;
    margin-bottom: .5rem;
    height: 3.2rem;
}

.custom-datePickerWrapper {
    margin: 0 0 .5rem;
    padding: 0;
    float: left;
    position: relative;
    width: 100%;
    z-index: 9;
}

/**/
.card-shadow .custom-datePickerWrapper.half {
    width: 46%;
    float: left;
}

.half {
    width: 46%;
    float: left;
}

.tableColor-close {
    position: absolute;
    right: -0.1rem;
    padding: 1rem;
    display: inline;
    top: -.1rem;
    color: #7a7979;
    font-size: .75rem;
    line-height: .6rem;
}

span.breakSection {
    display: block;
}

.selecttextColor {
    color: #7e808c;
    font-size: .85rem;
    padding-bottom: .4rem;
    display: inline-block;
    padding-top: .5rem;
}

.hiddenColors {
    width: 11.5rem;
    padding: 1rem 1rem 1rem;
    display: none;
    position: absolute;
    left: .5rem;
    top: 0;
    box-shadow: 0 0 0.8rem #c5cfd87d;
    overflow-y: auto;
    border-radius: .3rem;
    background: #fff;
    z-index: 999;
    overflow-x: hidden;
}

.tabs.tabHeight .selection-field input {
    width: 75%;
}

.creditcardRow .card {
    margin: 0 2rem .7rem 0;
}

.tabblock-section .search-keyword-container.active input[type="text"] {
    width: 65rem;
    margin-right: 2.7rem;
}

.tabblock-section .select-dateSingle .search-keyword-container.active input[type="text"] {
    width: 54rem;
    margin-right: 2.7rem;
}

.tabs.tabHeight .content>div {
    padding-bottom: 8rem;
}

.tabblock-section .no-apply-filter .search-keyword-container.active input[type="text"] {
    width: 56rem;
}

.invoice-table {
    padding-top: 2rem;
}

.dine-invoice-total {
    font-size: .8rem;
    line-height: 1.2rem;
    margin-right: 1rem;
    color: #686565;
}

.card-shadow .form-label-datetime.customDatetimeLabel {
    font-size: .8rem;
    -webkit-transform: translateY(-158%);
    -ms-transform: translateY(-158%);
    transform: translateY(-158%);
}

.enableBadge {
    background: #0a1e83;
    padding: .1rem 1.5rem;
    border-radius: .2rem;
    color: #fff !IMPORTANT;
    font-size: .7rem;
    display: inline-block;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #9e9ea0;
    line-height: 1.55rem !important;
    height: 1.7rem;
}

.disableBadge {
    background: #f8f8f88a;
    padding: .1rem 1.5rem;
    border-radius: .2rem;
    color: #857f7f !IMPORTANT;
    font-size: .8rem !important;
    display: inline-block;
    box-shadow: 0.1875rem 0.1875rem 0.275rem #cfcfcf;
    line-height: 1.55rem !important;
    height: 1.7rem;
}

.enableBadge-Edit {
    background: #0a1e83;
    padding: .1rem 2.5rem .1rem 1.5rem;
    border-radius: .2rem;
    color: #fff !IMPORTANT;
    font-size: .7rem;
    display: inline-block;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #9e9ea0;
    position: relative;
    line-height: 1.55rem !important;
    height: 1.7rem;
}

a.enableClose {
    position: absolute;
    color: #fff;
    font-size: .45rem;
    padding: .2rem .5rem;
    top: -1px;
    right: .3rem;
}

a.enableClose:hover {
    color: #d7d1d1;
}

.custom-datePickerWrapper.defaultSpan {
    margin: 1.5rem 0 .5rem;
}

.holiday-date.multi-holiday-date {
    text-align: left;
    padding: .5rem;
}

.multi-holiday-date p {
    display: inline-block;
}

.multi-holiday-date span {
    font-size: 1rem;
    line-height: 1rem;
}

p.month-year {
    font-size: .6rem;
    margin: 0;
    line-height: .9rem;
    color: red;
    float: left;
    width: 100%;
}

#daterangepicker-container .popup {
    max-width: 90rem;
    margin: 0 1rem;
    background: #fff;
    min-height: 24rem;
    box-shadow: 0 0 10px #c6c6c9b0;
    padding: 0;
}

#daterangepicker-container.overlay {
    right: 0;
    left: auto;
    z-index: 999;
    top: 1rem;
}

.compose-text {
    font-size: .7rem;
    position: absolute;
    right: .5rem;
    top: -2rem;
    border: 0;
    display: none;
}

.moment-picker td {
    width: 1.3rem;
    line-height: 1.8rem !important;
}

.daterangepicker-section-from .custom-datetime-picker, .daterangepicker-section-untill .custom-datetime-picker {
    font-weight: 400;
    opacity: 1;
    border: 0;
    border-bottom: 0;
    display: block;
    font-size: .8rem;
    padding: 0 0 0;
    height: 1.5rem;
    text-align: center;
    color: #787272;
    margin: 1rem 0;
}

.custom-day {
    border-bottom: 1px solid #132ba3;
    padding: .6rem 0;
    margin-bottom: 1rem;
    color: #132ba3;
}

.daterangepicker-section-selectors ul li {
    font-size: .8rem;
    line-height: 2.5rem;
    padding: 2rem .8rem;
    cursor: pointer;
    color: #494848;
    text-align: center;
    margin: 1rem 3.5rem 1.5rem;
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 27px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08) !important;
    height: 7rem;
}

.daterangepicker-section-selectors ul li:hover, .daterangepicker-section-selectors ul li.active {
    background-image: linear-gradient(to right, #eb3941, #f63e45, #e14e53, #e2373f);
    color: #fff;
}

.daterangepicker-section-selectors ul li:hover i, .daterangepicker-section-selectors ul li.active i {
    color: #fff;
}

.filter-date {
    font-size: .75rem;
    line-height: 1.2rem;
    margin-bottom: 0;
    padding: .7rem;
    cursor: pointer;
}

.filter-date:hover, .filter-date.active {
    background: #132ba3;
    color: #fff;
    border-radius: 4px;
}

.moment-picker td, .moment-picker th {
    width: 1.45rem;
}

.moment-picker td.selected {
    background-image: linear-gradient(#132ba3, #132ba3) !important;
}

.moment-picker th {
    color: #081d85;
    font-weight: 400 !important;
}

.moment-picker th:first-child, .moment-picker th:last-child {
    width: 2em;
    height: 1.5rem;
}

.moment-picker table tr {
    border-bottom: 0;
}

.filter-wrap {
    position: relative;
    background: #f6f7fa;
    padding: 1.2rem;
    text-align: center;
}

.searchbox {
    width: 100%;
    position: relative;
    margin-bottom: 1rem;
}

.searchbox input[type="text"] {
    border: 0;
    border-bottom: 1px solid #cdcaca;
    padding: .5rem .5rem .5rem 0;
    font-size: .9rem;
    width: 100%;
    line-height: 2rem;
    background: transparent;
}

.icon-magnifiers {
    border: 0;
    background: transparent;
    position: absolute;
    right: .4rem;
    top: .7rem;
}

.close-proceed {
    position: absolute;
    right: 1rem;
    top: 1rem;
    z-index: 999;
}

.popup .close-proceed .close {
    position: initial;
    line-height: 1rem;
    font-weight: 400;
    font-size: .8rem;
    cursor: pointer;
    float: left;
    opacity: 1;
}

a.proceed {
    color: #4ab412;
    line-height: 1rem;
    padding: .5rem .6rem;
    background: #fff;
    border: 1px solid #e0dfdf;
    font-weight: 400;
    font-size: .8rem;
    cursor: pointer;
    float: right;
}

.popup .close-proceed .close .icon-close {
    font-size: .8rem;
    padding: 1rem;
    position: absolute;
    right: -1.5rem;
    top: -1rem;
}

.btnCalender {
    background: #fff;
    border-radius: 2rem;
    height: 2.5rem;
    line-height: 2.5rem;
    text-align: center;
    color: #132ba3;
    font-size: .7rem;
    width: 5.3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    position: unset;
    margin: 0 .3rem;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
}

.btnReport {
    width: auto;
    padding: .5rem .75rem;
    border-radius: .3rem;
    color: #fff;
    text-align: center;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    margin: 0 .3rem;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    font-size: .7rem;
    position: relative;
}

.btnReport:hover, .btnReport.active {
    opacity: .7;
    color: #fff;
}

.btnCalender:hover, .btnCalender.active {
    background: #132ba3;
    color: #fff;
}

.btnRow {
    margin: 2rem auto .5rem;
    display: block;
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: .8rem;
    right: .5rem;
}

.daterangepicker-section-untill .moment-picker td.selected {
    background-image: linear-gradient(#f86d37, #f86d37) !important;
}

.daterangepicker-section-untill .moment-picker th {
    color: #f86d37;
}

.color-blue {
    color: #132ba3;
}

.color-orange {
    color: #f86d37;
}

.color-green {
    color: #24b23f;
}

.FilterHeader {
    text-align: left;
    margin-bottom: .9rem;
    font-size: .85rem;
}

.daterangepicker-section-selectors {
    padding-top: 1.5rem;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
    background: #f6f7fb;
}

.calender-middle {
    padding: 2rem 0 0;
    width: 100%;
    display: block;
}

.calender-middle p {
    font-size: .7rem;
    line-height: 1rem;
    color: #6a6868;
    margin: .5rem 0 1rem;
}

.calender-middle i {
    color: #ededed;
    font-size: 3rem;
    margin-bottom: .7rem;
}

.calenderTime li i {
    display: block;
    text-align: center;
    font-size: 1.1rem;
    color: #7b7878;
}

.defaultDate span {
    margin-left: .3rem;
    font-size: .75rem;
    margin-right: .3rem;
}

.defaultFilter span, .defaultKeyword span {
    margin-left: .5rem;
}

.dateContain {
    max-width: 4.1rem;
    padding: .7rem;
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 1.1rem;
    border: 0;
    font-weight: 400;
    border-bottom: 1px solid #ccc;
    height: 3.5rem;
}

.timeBlock {
    display: inline-block;
}

.timeBlock a {
    font-weight: 400;
    display: block;
    text-align: center;
    color: #132ba3;
    padding: 0;
}

.timeFormat, .timeFormat-Untill {
    border: 1px solid #ccc;
    background: transparent;
    font-size: .8rem;
    padding: .7rem .5rem;
    text-align: center;
    margin: 0 auto;
    display: inherit;
    margin: .2rem auto .4rem;
    color: #6a6767;
    width: 3rem;
}

.timeFormat:hover {
    background: #132ba3;
    color: #fff;
    border: 1px solid #132ba3;
}

.verticalTimepicker {
    min-width: 12rem;
    margin: 1.5rem auto 2rem;
    display: block;
    text-align: center;
}

.verticalTimepicker.gap {
    margin-top: 5rem;
}

.daterangepicker-section-from, .daterangepicker-section-untill {
    margin-left: .5rem;
    margin-right: .5rem;
}

.timeFormat:hover, .timeFormat.active {
    background-image: linear-gradient(to right, #eb3941, #f63e45, #e14e53, #e2373f);
    border: 1px solid #eb3941;
    color: #fff;
}

.timeFormat-Untill:hover, .timeFormat-Untill.active {
    background-image: linear-gradient(to right, #eb3941, #f63e45, #e14e53, #e2373f);
    border: 1px solid #eb3941;
    color: #fff;
}

.optionItems {
    position: relative;
}

.optionSelect {
    max-height: 15rem;
    position: absolute;
    overflow-y: auto;
    background: #fff;
    width: 11rem;
    z-index: 9999;
    box-shadow: 0 0 10px #ccc;
    display: none;
    border: 1px solid #ddd;
}

.optionSelect li {
    font-size: 1.1rem;
    text-align: left;
    padding: .7rem .7rem;
    line-height: 1.7rem;
    cursor: pointer;
}

.optionSelect li:hover {
    background: #eee;
    color: #333;
}

.withoutFiltering {
    padding-top: 4rem;
    opacity: .7;
}

.timeDesc {
    display: inline-block;
    margin-left: 1.5rem;
}

.TimeDevide {
    margin: .1rem;
    display: inline-block;
    font-size: .7rem;
    color: #807f7f;
}

.filterBadge {
    border: 1px thin black;
    z-index: 9;
}

.filterBadge-item {
    cursor: pointer;
    background: #fff;
    border-radius: .3rem;
    margin-bottom: .7rem;
    box-shadow: 0 10px 12px -12px #b9b7b782;
}

.filterBadge-item p {
    padding: .75rem .2rem;
    font-size: .75rem;
    line-height: 1.3rem;
    color: #686666;
    text-align: left;
}

.filterBadge {
    position: relative;
    padding-left: 2rem;
}

.filterBadge {
    position: relative;
    padding-left: 0;
    height: 340px;
    max-height: 340px;
    overflow: auto;
}

.tickBadge {
    margin: 0 .4rem 0 .4rem;
    font-size: 1rem;
    line-height: 1.4rem;
    display: inline-block;
    float: left;
}

.tickGreen {
    color: #49b413;
}

a.manage-btn.storeBtn {
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #1884D2;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    background: #e4f1ff70;
    position: absolute;
    top: .4rem;
    min-width: 6.5rem;
}

.addEdit-row {
    float: right;
    margin-top: .4rem;
}

.manage-button-icon {
    font-size: .7rem;
    line-height: 1.3rem;
    padding: 0;
    float: left;
    margin-right: 0;
    margin-top: .1rem;
    cursor: pointer;
    padding: 0 .5rem;
    color: #333;
}

span.Workingday {
    font-size: .9rem;
    color: #132ba3;
    font-weight: 400;
    color: #333;
    margin-left: .3rem;
}

.manage-button-icon:hover i, .manage-button-icon:hover span {
    color: #132ba3;
}

.SecondDate {
    text-align: center;
}

span.form-control.textIndent40 {
    margin-left: 2.5rem;
    line-height: 2.2rem;
    color: #605d5d;
    font-size: .9rem;
    display: inline-block;
    width: 70%;
    cursor: pointer;
}

.sidenav a.tableColor-close {
    position: absolute;
    right: 0;
    padding: .2rem .5rem;
    display: inline;
    top: 0;
    color: #7a7979;
    font-size: .75rem;
    padding: 1rem;
}

.sidenav a.submit-btn {
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 25px;
    text-transform: uppercase;
    font-size: .8rem;
    width: 100%;
    display: inline-block;
    text-align: center;
    border-radius: .3rem;
    font-weight: 400;
    border: 1px solid #e4f1ff70;
    color: #1884d0;
    background: #e4f1ff70;
    margin: 1rem 0 0;
}

.sidenav a.submit-btn:hover {
    height: 2.5rem;
    line-height: 2.5rem;
    background: #fff;
    border: 1px solid #1884d0;
}

.sidenav a.tableColor-close i {
    font-size: inherit;
    padding-right: 0;
    width: auto;
    margin-top: .2rem;
    float: none;
}

.form-group.selctcol {
    margin: .5rem 0;
}

.smsBalance {
    box-shadow: 0 0 7px #ddd;
    padding-right: .5rem;
    border-radius: .2rem;
    float: left;
    position: relative;
    font-size: .9rem;
    display: flex;
    align-items: center;
    *max-width: 42%;
}

.smsBalance:before {
    position: absolute;
    content: '';
    right: -2px;
    top: 27%;
    border-right: 3px solid #132ba3;
    height: 24px;
}

.smsBalance img {
    width: 3.5rem;
}

.smsBalance span {
    font-size: .8rem;
}

.filterPlus {
    font-size: .6rem;
    margin-right: .35rem;
}

.messageScroll {
    height: calc(100vh - 12.5rem);
    overflow-y: auto;
    display: inline-block;
    overflow-x: hidden;
}

.messageScroll {
    height: calc(100vh - 12.5rem);
    overflow-y: auto;
    display: inline-block;
    overflow-x: hidden;
    width: 100%;
}

.red {
    color: #f00;
}

.invoice-header {
    margin: 0 -1.2rem;
    padding: 0 1rem 1rem;
    border-bottom: 1px solid #ccc;
    font-size: 1.2rem;
}

.downloadIcon {
    margin-left: .5rem;
    cursor: pointer;
    background: #f1f1f1;
    padding: .5rem;
    border-radius: .2rem;
}

.downloadIcon:hover i {
    color: #132ba3;
}

.close-invoice-modal .popup .close {
    position: absolute;
    top: 1.1rem;
    right: 1rem;
    transition: all 200ms;
    font-size: 1.875rem;
    font-weight: 400;
    text-decoration: none;
    color: #333;
}

.netamount-text {
    font-size: .8rem;
    color: #898686;
    word-break: break-all;
}

.cardupload-Section {
    display: flex;
    justify-content: center;
}

.cardupload-Section strong {
    display: block;
    font-size: .8rem;
    font-weight: 400;
    margin-top: -1.5rem;
    cursor: pointer;
}

.card-upload {
    position: relative;
}

.color-Variant {
    display: flex;
    clear: both;
    padding: 1rem 0;
}

.color-Variant a {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin-right: .5rem;
    border-radius: 50%;
    position: relative;
}

.image-bg-cover {
    background-size: cover;
    height: 100%;
    width: 100%;
    background-position: center center;
}

.upload-choose-file {
    font-size: .85rem;
}

.card-upload p {
    margin: .5rem 0 .5rem;
    font-size: .8rem;
    text-align: center;
    color: #7e8085;
}

.upload-choose-file {
    font-weight: 400;
    line-height: .8rem;
}

.imgInside {
    width: calc(100% - 16px);
    height: calc(100% - 19px);
    margin: 8px;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
}

.slick-slider {
    padding: 0 !Important;
}

span.ColourChecked i {
    color: #fff;
    position: absolute;
    top: 7.5px;
    left: 7.5px;
}

.headerWrap {
    height: 3rem;
}

.selected-customers-space {
    margin-right: 1.1rem;
    margin-left: .5rem;
    border: 0;
    font-weight: 400;
    font-size: .7rem;
    color: #333;
    float: left;
    cursor: pointer;
}

.selectedValue {
    position: relative;
}

.borderrow-line {
    border-bottom: 1px solid #e2e2e2;
    padding: 1rem 0;
}

.open-tab label img {
    max-width: 13px;
}

.menuTab {
    height: 3rem;
}

.defaultDate i {
    line-height: 1rem;
    float: right;
    margin: .35rem 0;
}

.page-value {
    position: relative;
    line-height: 1.2rem;
    margin-left: .5rem;
    margin-right: 1.2rem;
}

.tabSpace {
    padding: .5rem 1rem;
}

a.manage-btn.pagevalue-btn {
    position: inherit;
    padding: 0;
    min-width: 2rem;
    left: 0;
    top: 0;
    background: no-repeat;
    line-height: 1rem;
    margin: 0;
    border: 0;
    color: #132ba3;
}

.page-value .hiddendiv {
    width: 5rem;
    top: 1.5rem;
}

.page-value a span {
    font-size: .6rem;
    margin: 0 .2rem;
}

.time-table-item:nth-child(1) {
    flex-basis: 14%;
    max-width: 14%;
}

.time-table-item:nth-child(2) {
    flex-basis: 13%;
    max-width: 13%;
}

.time-table-item:nth-child(4) {
    flex-basis: 6%;
    max-width: 6%;
}

.time-table-item:nth-child(5) {
    flex-basis: 14%;
    max-width: 14%;
}

.time-table-item:nth-child(3), .time-table-item:nth-child(6) {
    flex-basis: 13%;
    max-width: 13%;
}

.HourAdd {
    background: #cdeafc;
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #515156;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    min-width: 6.5rem;
    cursor: pointer;
}

.HourAdd:hover {
    background: #8fccf0;
    color: #fff;
}

.rowSubmit {
    background: #e1f5dc;
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #515156;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    min-width: 6.5rem;
    margin-left: .5rem;
}

.rowSubmit:hover {
    background: #b0eea0;
    color: #fff;
}

.deleteTime {
    background: #ffd1db;
    display: inline-block;
    padding: .3rem 1rem;
    text-align: center;
    border: .0625rem solid #e4f1ff70;
    color: #515156;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: .3rem;
    transition: .3s ease-out .3s;
    min-width: 6.5rem;
    cursor: pointer;
}

.deleteTime:hover {
    background: #f5a0b3;
    color: #fff;
}

.time-table .time-table-body-row-layer .text-center {
    margin: 0;
}

.cardover-image {}

.gradient-green {
    background: linear-gradient(to right, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
}

.gradient-purple {
    background: linear-gradient(to right, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
}

.gradient-blue {
    background: linear-gradient(to right, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
}

.gradient-orange {
    background: linear-gradient(to right, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
}

.card-gradient-green {
    background-image: url(../images/world_map.png), linear-gradient(to right, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
}

.card-gradient-purple {
    background-image: url(../images/world_map.png), linear-gradient(to right, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
}

.card-gradient-blue {
    background-image: url(../images/world_map.png), linear-gradient(to right, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%);
}

.card-gradient-orange {
    background-image: url(../images/world_map.png), linear-gradient(to right, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
}

.fiterKeyword {
    padding: .2rem 1rem;
    border-radius: .3rem;
    background: #132ba3;
    border: 1px solid #132ba3;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    min-width: 6rem;
}

.fiterKeyword:hover {
    color: #132ba3;
    border: 1px solid #132ba3;
}

.defaultDate, .defaultFilter, .defaultKeyword {
    font-size: .75rem;
    font-weight: 400;
    cursor: pointer;
    color: #fff;
}

.defaultDate i {
    float: right;
    font-size: .6rem;
}

.fiterKeyword:hover .defaultDate, .fiterKeyword:hover .defaultFilter, .fiterKeyword:hover .defaultKeyword {
    color: #132ba3;
}

.no-scrollbar-section::-webkit-scrollbar {
    display: none;
}

.no-scrollbar-section {
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.managemenu-list .caret {
    width: 1rem;
}

.custom-datePickerWrapper span.form-error-block {
    bottom: 7px;
}

.staff-table .status-icon {
    width: 3.6rem;
}

.staff-table .status-icon span {
    padding-left: 0;
}

.staff-table .blue-bg:hover {
    background: #20449c;
    color: #fff;
}

.customerTable tr:hover {
    background: #fcfcbd30;
}

.staff-table .identity {
    color: #898686;
}

.clientmeaasge-email ul {
    padding: 0 0 0 .5rem;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    margin: 0;
}

.query-divider {
    border-bottom: .0625rem solid #e7e4e4;
}

tr:hover, tr.active {
    background: #fcfcbd30;
}

table thead tr:hover {
    background: none !important;
}

table th {
    padding: 1rem .625rem;
}

.managemenu-list li.sublist .data-row {
    padding-left: 7.5rem;
}

.modal-content p.item-des a {
    margin: 0;
    color: #323131;
    font-size: .9rem;
    font-weight: 400;
}

.modal-content .managemenu-list ul li:after {
    left: 2rem;
}

.modal-content .managemenu-list ul li:before {
    left: 2rem;
}

.modal-content .managemenu-list li.sublist .data-row {
    padding-left: 4rem;
}

.modal-content .managemenu-list {
    margin-bottom: 1rem;
}

.modal-content .managemenu-list li ul li ul li.sublist .data-row {
    padding-left: 6.5rem;
}

.modal-content .managemenu-list li ul li ul li:after {
    left: 4.5rem;
}

.modal-content .managemenu-list li ul li ul li:before {
    left: 4.5rem;
}

.clientmessage-date .icon-tick {
    color: #49b413;
    margin-right: .3rem;
}

.clientmessage-date .icon-recent-time {
    color: #132ba3;
    margin-right: .3rem;
}

.clientmeaasge-email textarea, .message-detailssms textarea {
    min-height: 4rem;
    padding: 1rem 0;
    height: 6rem;
    position: relative;
    border-bottom: .0625rem solid #e7e4e4 !Important;
}

.message-detailssms {
    padding: 0 0 0 1.5rem;
    position: relative;
}

.textLeft {
    position: absolute;
    display: block;
    right: .5rem;
    bottom: 0;
    font-size: .7rem;
}

.fiterKeyword i {
    float: right;
    font-size: .6rem;
    line-height: 1rem;
    margin: .3rem;
}

.customerTable .checkbox, .feedback-table .checkbox {
    margin: 0 .5rem 0 0;
}

.fiterKeyword:hover {
    color: #132ba3;
    border: 1px solid #132ba3;
    background: #fff;
}

th.sorting i {
    font-size: .5rem;
}

.dashboard-deatilbox {
    background: #fff;
    box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08) !important;
    width: 100%;
    min-height: 17rem;
    border-radius: 2rem;
    padding: 2rem;
    position: relative;
}

.around-space {
    margin: 0 2rem;
    width: 28%;
}

.mt-5 {
    margin-top: 5rem;
}

.mt-3 {
    margin-top: 3rem;
}

.customer-list {
    display: flex;
    border-bottom: 1px solid #ddd;
    padding: .9rem 1.5rem .8rem;
    margin: 0 -2rem;
    cursor: pointer;
    position: relative;
}

.customer-nameDetails p {
    font-size: .8rem;
    margin: 0 !Important;
    color: #898686;
}

.customer-nameDetails {
    margin-left: .5rem;
}

p.nameof-Customer {
    font-size: 1rem;
    line-height: 1rem;
    color: #333;
}

.no-scrollbar::-webkit-scrollbar {
    display: none;
}

.no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 16rem;
    overflow: auto;
}

.customer-list:last-child {
    border: 0;
}

.hover-over {
    width: 87%;
    min-height: 3rem;
    position: absolute;
    top: 4rem;
    border-radius: .5rem;
    left: 4.5rem;
    box-shadow: 0 0 10px #dcdde0;
    background: #fff;
    padding: 1rem;
    z-index: 9;
    display: block;
    transition: .5s;
}

.hover-over p {
    font-size: .8rem;
    line-height: 1rem;
}

.customer-list:hover .hover-over {
    display: block;
}

.your-order {
    width: 100%;
    height: 10rem;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08);
    border-radius: .5rem;
    background: #fff;
}

.your-order img {
    max-width: 100%;
    max-height: 100%;
    border-radius: .5rem;
    margin: 0 auto;
    display: block;
}

.dashboard-deatilbox h3, .dashboard-deatilbox p {
    font-weight: 400;
    margin: 1rem 0;
}

.all-orders p {
    margin: 0;
}

.all-orders {
    margin: 1rem 0 .5rem;
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1rem;
}

p.graytext-small {
    color: #a2a0a0;
    font-size: .75rem;
    line-height: 1rem;
}

p.graytext-big {
    color: #757373;
    font-size: .8rem;
    line-height: 1.1rem;
}

.all-orders-detail p {
    margin: 0;
}

.order-section {
    border-bottom: 1px solid #988e8e;
    padding-bottom: .5rem;
}

.favourite-dish {
    background: #fff;
    border-radius: .3rem;
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.01) !important;
    width: 40%;
    height: 50%;
    margin: 0 0 2rem;
    padding: .4rem .2rem 0;
}

.favourite-dish img {
    max-width: 100%;
    max-height: 100%;
}

.favdish-list {
    width: 55%;
    height: 10rem;
    margin-left: 1rem;
}

.favdish-list p {
    margin: 0;
    border-bottom: 1px dashed #ddd;
    line-height: 1rem;
    padding: .3rem 0;
}

.customer-name-icon {
    width: 2rem;
    height: 2rem;
    background: #ffffff;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: .7rem;
    color: #10509f;
    margin-right: .5rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #dcd9d9;
}

.Feedback-Customer {
    border-bottom: 1px dashed #ddd;
    margin-bottom: .7rem;
}

.Feedback-Customer:last-child {
    border: 0;
}

.queryimg {
    position: absolute;
    top: 5rem;
    right: -3.5rem;
    width: 5rem;
    height: 5rem;
    border-radius: .3rem;
    box-shadow: 0 5px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.01);
    background: #fff;
}

.queryimg img {
    max-width: 100%;
    max-height: 100%;
    border-radius: .3rem;
}

.querySection {
    margin-bottom: 1rem;
    border-bottom: 1px dashed #ddd;
}

.querySection:last-child {
    border: 0;
}

.customer-compose-message {
    padding: .2rem 1rem;
    border-radius: .3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    color: #132ba3;
    font-weight: 400;
    font-size: .75rem;
    line-height: 2rem;
    float: right;
}

.customer-dispaly {
    display: block;
    clear: both;
    float: left;
    width: 100%;
    margin-bottom: 1rem;
}

.customer-messageImage {
    width: 125%;
    height: 10rem;
    box-shadow: 0 6px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.08);
    border-radius: .5rem;
    background: #fff;
    margin: 1rem 0 2rem;
    clear: both;
}

.customer-messageImage img {
    max-width: 100%;
    max-height: 100%;
    border-radius: .5rem;
    margin: 0 auto;
    display: block;
}

.more-color-Variant {
    display: inline-block;
    height: 2rem;
    width: 2rem;
    margin-right: -.5rem;
    border-radius: 50%;
    position: absolute;
    top: -.5rem;
    right: 0;
    cursor: pointer;
    text-align: center;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    font-size: .8rem;
}

.more-color-Variant i {
    line-height: 2rem;
    color: #132ba3;
}

.customer-header {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.view-color-Variant {
    display: inline-block;
    margin-right: -.5rem;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-align: center;
    font-size: .7rem;
    color: #132ba3;
}

.customerTable span.customer-address {
    margin-top: -.1rem;
    margin-bottom: .4rem;
}

.sms-email-panel {
    position: relative;
}

.sms-email-btn {
    margin-right: .7rem;
}

li.directory p {
    padding-left: 1.5rem;
}

#daterangepicker-container .popup.Popup-message {
    min-height: 19rem;
    width: 35rem;
    margin-right: 2rem;
}

.filter-wrap-schedule li {
    display: inline-block;
    text-align: left;
    font-size: .8rem;
    margin-right: .3rem;
}

.filter-wrap-schedule {
    position: relative;
    background: none;
    padding: 3rem 1.2rem;
    text-align: left;
}

.header-view>thead>tr>th:first-child, .header-view>thead>tr>th:last-child {
    font-size: 1.5rem;
}

.header-view>thead>tr>th {
    width: auto !Important;
}

.moment-picker-container tr:hover, .moment-picker-container tr.active {
    background: none;
}

.moment-picker td:hover, .moment-picker th:hover {
    background: #e4f1ff70;
}

.customer-dispaly p {
    margin: 0;
    float: left;
    line-height: 1rem;
}

.moment-picker td, .moment-picker th {
    height: 3rem !Important;
}

.timeFormat, .timeFormat-Untill {
    width: 3.5rem !Important;
    height: 3rem !Important;
    border-radius: 4px;
}

.moment-picker.inline {
    padding: .5rem !Important;
}

.moment-picker .moment-picker-container {
    padding: .5rem !Important;
}

.closeto-next {
    padding: 1rem;
    position: absolute;
    right: -1.5rem;
    top: -1rem;
}

.moment-picker.inline .moment-picker-container {
    position: relative;
    margin: 0;
}

.hover-over span {
    font-size: .8rem;
    line-height: 1.2rem;
}

.contained-msg {
    padding: 2rem;
}

.contained-msg .message-detailssms {
    padding: 0;
}

.contained-msg span.form-error-block {
    bottom: 1.2rem;
}

.warning-account p {
    color: #827f7f;
    font-size: .92rem;
    line-height: 1.2rem;
    text-align: center;
    max-width: 100%;
}

.warning-account img {
    width: 10.3rem;
    margin-top: 1rem;
}

.page-customer-dashboard .warning-account img {
    width: 6.3rem;
}

.open-tab {
    z-index: 99;
}

.filterBadge-section.no-scrollbar-section {
    height: 24rem;
    overflow: auto;
}

.filterBadge-item:hover, .filterBadge-item.active {
    background: #132ba3;
}

.filterBadge-item:hover p, .filterBadge-item.active p {
    color: #fff;
}

.slick-list input:checked+.slider {
    background-color: #737277;
}

a.dropImg img {
    width: 4.5rem;
}

.marketing-right .popup .close-proceed .close .icon-close {
    right: -1rem;
}

a.compose-btn.compose-btn-space {
    margin: 0 0 0 1.5rem;
}

.message-detailssms span.form-error-block {
    bottom: 13px;
}

.customer-email {
    padding-bottom: 4rem;
}

.dashboard-deatilbox .start-row.viewing-section {
    float: left;
    position: relative;
    display: block;
    width: 100%;
    margin-bottom: .7rem;
}

.pre-next a {
    padding: .5rem;
    color: #333;
}

.pre-next a:hover, .pre-next a.active {
    color: #132ba3;
}

.dashboard-deatilbox p.rating-service span {
    width: 4rem;
}

.dashboard-deatilbox p.rating-service {
    margin: 0;
}

.dashboard-deatilbox .viewing-section .tooltip:after {
    left: 26%;
}

.scroll-wrap {
    clear: both;
    padding-top: .5rem;
}

.optionSelect {
    max-height: 250px;
}

.optionItems .no-scrollbar {
    height: auto;
}

.show-daterangepicker .optionSelect {
    bottom: 3.7rem;
}

.config-section {
    flex-basis: 85%;
    max-width: 85%;
}

.pre-next {
    margin-right: -.7rem;
}

.message-date-schedule .fiterKeyword {
    font-size: .75rem;
    line-height: 1.5rem;
}

.message-date-schedule .fiterKeyword i {
    margin: .2rem .5rem .3rem .5rem;
}

.searchbox .form-label {
    text-align: left;
}

.headerWrap-holiday .icon-down-arrow-nobar {
    font-size: 0.6rem;
}

.headerWrap-holiday .defaultDate span {
    margin-left: 0;
}

.headerWrap-holiday .fiterKeyword {
    padding: .3rem 1rem;
}

.custom-dropdown-label {
    font-size: .8rem;
    color: #7e808c;
    display: block;
}

.custom-dropdown-btn {
    height: 2.625rem;
    border-bottom: .0625rem solid #e7e4e4;
    color: #000;
    font-weight: 400;
    display: block;
    line-height: 2.625rem;
    font-size: .9rem;
    position: relative;
}

.custom-dropdown-btn:hover {
    color: #000;
}

.custom-dropdown-btn:before {
    position: absolute;
    content: "\e91b";
    font-family: 'icomoon', sans-serif;
    top: 0;
    right: 0;
    font-size: .9rem;
}

.custom-dropdown .hiddendiv {
    display: none;
    position: absolute;
    left: 0;
    top: 4rem;
    width: 11.5rem;
    overflow-y: auto;
    border-radius: 0;
    background: #fff;
    z-index: 9;
    width: 100%;
    border: 1px solid #ddd;
    z-index: 99;
}

.custom-dropdown .hiddendiv ul {
    max-height: 12rem;
}

.custom-dropdown .hiddendiv ul li {
    padding: 1rem;
    font-size: .9rem;
}

.custom-dropdown .hiddendiv ul li:hover {
    background: #eee;
}

.restricted-Section .rules-details:before {
    display: none;
}

.restricted-Section .rules-details-right, .Area-section .rules-details-right {
    flex-basis: 40%;
}

.restricted-Section .rules-details-left {
    flex-basis: 60%;
    padding-top: 2rem;
}

.restricted-Section, .Area-section {
    height: 5.5rem;
}

.restricted-Section .rules-details:before, .Area-section .rules-details:before {
    display: none;
}

.miles-count {
    color: #132ba3;
    font-size: 1rem;
    line-height: 1.7rem;
    margin-left: 1rem;
}

.Area-section .rules-details {
    padding-left: .4rem;
}

.numbers-found {
    border-bottom: .0625rem solid #e7e4e4;
    margin: 0 0 0 1.5rem !important;
    position: relative;
    clear: both;
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.delete-records-img {
    width: 30%;
}

.delete-records-content {
    width: 70%;
}

.holiday-information a.add-category-menu {
    background: #132ba3;
    border: 0;
    top: 2rem;
    color: #fff;
    position: absolute;
    right: 1rem;
}

.dispatch-information a.add-category-menu {
    top: 1rem;
    position: absolute;
    right: 0;
}

.contact-information a.add-category-menu {
    background: none;
    border: 0;
    top: 1.5rem;
    color: #fff;
    position: absolute;
    right: 0;
    min-width: auto;
}

.dispatch-information a.add-category-menu:hover {
    color: #132ba3;
}

#daterangepicker-container .popup.Popup-message .close-proceed .close .icon-close {
    right: -1rem;
}

.form-element-wrapper textarea.messageArea {
    font-weight: 400;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    height: 3.5rem;
    padding-top: 1rem;
}

.form-element-wrapper textarea.messageArea:focus {
    border-bottom: .0625rem solid #132ba3;
}

.form-element-wrapper::-webkit-input-placeholder {
    opacity: 0;
    transition: inherit;
}

.form-element-wrapper textarea.messageArea:focus::-webkit-input-placeholder {
    opacity: 0;
}

textarea::placeholder {
    opacity: 0;
}

.form-element-wrapper textarea.messageArea:not(:placeholder-shown)+label, .form-element-wrapper textarea.messageArea:focus+label {
    font-size: .8rem;
    -webkit-transform: translateY(-188%);
    -ms-transform: translateY(-188%);
    transform: translateY(-188%);
    background: #fff;
}

.form-element-wrapper textarea.messageAreanew:not(:placeholder-shown)+label, .form-element-wrapper textarea.messageAreanew:focus+label {
    font-size: .8rem;
    -webkit-transform: translateY(-588%);
    -ms-transform: translateY(-588%);
    transform: translateY(-588%);
    background: #fff;
}

.scheduled-Contact {
    font-size: .85rem;
    line-height: 1.3rem;
    min-height: 3rem;
    margin-top: 1.5rem;
    border-bottom: .0625rem solid #e7e4e4;
}

#daterangepicker-container .popup .textLeft {
    bottom: -.7rem;
}

#daterangepicker-container .message-detailssms span.form-error-block {
    bottom: .5rem;
}

.customer_name {
    width: 100%;
}

.space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

a.thumbnail-image {
    display: block;
    height: 7rem;
    margin-bottom: 1rem;
    background: #fff;
    box-shadow: 0 17px 14px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.05);
    position: relative;
}

.thumbnail-image img {
    width: 5rem;
    height: 7rem;
}

.thumbnail-section {
    margin: 0 auto;
    padding-top: 2rem;
    position: relative;
    height: max-content;
}

.form-receipt, .form-Chef {
    max-width: 67%;
    margin-left: 10%;
}

.back-btn {
    padding: .3rem 1rem;
    text-align: center;
    font-size: .8rem;
    text-transform: capitalize;
    border-radius: .3rem;
    background: #132ba3;
    border: 1px solid #132ba3;
    cursor: pointer;
    display: flex;
    color: #fff;
    font-weight: 400;
    width: 6rem;
    justify-content: center;
    align-items: center;
}

.back-btn:hover {
    border: 1px solid #132ba3;
    background: #fff;
    color: #132ba3;
}

.back-btn i {
    font-size: .6rem;
    margin-right: .5rem;
}

.clientmeaasge-email .textLeft {
    right: 0;
    bottom: -6px;
}

.back-btn span {
    margin-left: .4rem;
}

.text-grey {
    color: #777474;
}

.text-black {
    color: #000 !important;
}

.text-bold {
    font-weight: bold !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-lowercase {
    text-transform: lowercase;
}

.text-uppercas {
    text-transform: uppercase;
}

.hide-view i {
    font-size: 1rem;
    line-height: 1.4rem;
}

.form-element-wrapper.form-element-wrapper-msg {
    margin: 0;
}

.card__front label {
    width: 100%;
    clear: both;
    display: block;
    font-size: .7rem;
    line-height: 1rem;
    color: #fff;
}

.nameonCard {
    font-size: .9rem;
    line-height: 1.3rem;
    color: #fff;
}

.newScheduled {
    background: #132ba3;
    border: 1px solid #132ba3;
    border-radius: .3rem;
    padding: .2rem 1rem;
    border-radius: .3rem;
    text-align: center;
    width: fit-content;
    float: right;
}

.newScheduled p {
    color: #fff;
    font-size: .75rem;
}

.message-detailssms .clientmeaasge-email ul {
    padding: 0;
    margin-bottom: 1rem;
}

.upArrow {
    position: absolute;
    top: -1rem;
    left: 26%;
    padding: .5rem;
    color: #787878;
    font-size: 1.5rem;
    line-height: auto;
    transform: rotate(180deg);
}

.downArrow {
    padding: .5rem;
    color: #787878;
    font-size: 1.5rem;
    line-height: auto;
    left: 27%;
    position: absolute;
    bottom: -2rem;
}

.Dropdown-Selection {
    margin-bottom: .4rem;
}

.Dropdown-Selection .custom-dropdown-label {
    font-size: 0.8rem;
    line-height: 1.7rem;
}

.Dropdown-Selection .custom-dropdown-btn {
    height: 3rem;
    border-bottom: .0625rem solid #e7e4e4;
    color: #000;
    font-weight: 400;
    display: block;
    line-height: 3.2rem;
    font-size: 0.9375rem;
    position: relative;
}

.delete-trackbtn.full-with-button {
    height: auto;
    line-height: 1.8rem;
}

.delete-trackbtn.full-with-button:hover {
    background: #fff;
    color: #f24e4e;
    font-weight: 400;
    border-color: #f24e4e
}

.staffPrivilege .form-wrapper {
    padding: 0;
}

.modal-content .staffPrivilege .managemenu-list ul li:after {
    left: 4rem;
}

.modal-content .staffPrivilege .managemenu-list ul li:before {
    left: 4rem;
}

.modal-content .staffPrivilege .managemenu-list li.sublist .data-row {
    padding-left: 9.5rem;
    padding-left: 6rem;
}

.modal-content .staffPrivilege .managemenu-list ul li ul li:after {
    left: 8.5rem;
}

.modal-content .staffPrivilege .managemenu-list li ul li ul li.sublist .data-row {
    padding-left: 10.5rem;
}

.modal-content .staffPrivilege .managemenu-list ul li ul li:before {
    left: 8.5rem;
}

.modal-content .staffPrivilege .managemenu-list ul li ul li ul li:after {
    left: 13rem;
}

.modal-content .staffPrivilege .managemenu-list ul li ul li ul li:before {
    left: 13rem;
}

.modal-content .staffPrivilege .managemenu-list li ul li ul li ul li.sublist .data-row {
    padding-left: 15rem !important;
}

.group-menu .managemenu-list ul li ul li:after, .group-menu .managemenu-list ul li ul li:before {
    left: 8rem;
}

.group-menu .managemenu-list li.sublist ul .data-row {
    padding-left: 10rem;
}

.container-report {
    display: flex;
    margin: 1rem .7rem 3rem;
    clear: both;
}

.report-card {
    height: 280px;
    min-width: 10rem;
    max-width: 14rem;
    background-color: #ffffff;
    border-radius: 10px;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    transition: 0.4s ease;
    position: relative;
    left: 0px;
    padding: 1rem;
}

.report-card:not(:first-child) {
    margin-left: -50px;
}

.report-card:hover {
    transform: translateY(-20px);
    transition: 0.4s ease-out;
}

.report-card:hover~.report-card {
    position: relative;
    left: 50px;
    transition: 0.4s ease;
}

.container-report img {
    max-width: 100%;
}

.system-icon {
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    padding: 1rem;
    height: 3.5rem;
    border-radius: 50%;
    display: inline-flex;
    margin-top: 1rem;
}

.system-icon i {
    font-size: 1.5rem;
    color: #132ba3;
}

.right-side h3.titletext {
    font-size: 1rem;
    margin: 2rem 0;
    padding: 0;
}

.report-order {
    font-size: .8rem;
    line-height: 1.8rem;
    border-bottom: 1px dashed #ddd;
    height: 2rem;
}

.report-bg {
    background: url(../images/report3.jpg) no-repeat right 9.5rem;
    height: 100%;
    width: 100%;
    background-size: 84%;
}

.report-table {
    background: white;
    margin: 1rem 1.4rem 2.4rem;
    border: 1px solid #e7e7e7;
}

.reporting-heading {
    padding: 2rem;
}

.right-side h3.reporting-heading {
    padding: 0 1.5rem;
}

.report-table {
    background: #fff;
    border-radius: .3rem;
    padding: 2rem;
}

.report-table td {
    font-size: .8rem;
}

.feedback-icons {
    display: flex;
    align-items: center;
}

.feedback-iconsRound {
    height: 2.2rem;
    min-width: 2.2rem;
    max-width: 2.2rem;
    border-radius: 50%;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 6%), 0 0px 0 0 rgb(0 0 0 / 8%);
    transition: 0.4s ease-out;
    position: relative;
    line-height: 2rem;
    color: #e8e7e7;
    text-align: center;
    font-size: .7rem;
    cursor: pointer;
    border: 2px solid #f1f1f1;
}

.feedback-iconsRound:not(:first-child) {
    margin-left: -1rem;
}

.feedback-iconsRound:hover {
    transform: translateX(-10px);
    transition: 0.4s ease-out;
}

.feedback-status {
    font-size: .85rem;
    margin-left: .7rem;
    color: #989898;
}

.feedback-iconsRound .tooltiptext {
    visibility: hidden;
    width: 5rem;
    background-color: #fff;
    color: #132ba3;
    text-align: center;
    border-radius: 0;
    padding: 0 .5rem;
    position: absolute;
    z-index: 1;
    bottom: 100%;
    left: 100%;
    margin-left: -3.8rem;
    border: 1px solid #dedee1;
    font-size: .75rem;
    height: 1.8rem;
    line-height: 1.8rem;
}

.feedback-iconsRound:hover .tooltiptext {
    visibility: visible;
}

.bgGreen {
    background: #49b413;
}

.bgOrange {
    background: #f86d37;
}

.bgYellow {
    background: #e9aa1c;
}

.bgRed {
    background: red !important;
}

.bgBlue {
    background: #132ba3;
}

.bgLightgreen {
    background: #139E8D;
}

.bgSky {
    background: #4558b6;
}

.bgPurple {
    background: #617ce8;
}

.borderGreen {
    border: 1px solid #49b413;
    color: #49b413 !important;
}

.borderOrange {
    border: 1px solid #f86d37;
    color: #f86d37;
}

.borderYellow {
    border: 1px solid #e9aa1c;
    color: #e9aa1c;
}

.borderRed {
    border: 1px solid red;
    color: red !important;
}

.borderBlue {
    border: 1px solid #132ba3;
    color: #132ba3;
}

.slide-box {
    max-width: 35rem;
    width: 35rem;
    border-radius: .5rem;
    margin: .5rem;
    padding: .3rem .5rem .3rem;
    position: absolute;
    top: -.5rem;
    background: #fff;
    z-index: 999999;
    left: 17rem;
    border: 1px solid #ddd;
    height: 11rem;
}

.driver_name {
    border-right: 1px solid #ddd;
    width: 20%;
}

.form-element-wrapper textarea.messageArea.messageAreanew {
    height: 10rem;
}

.custom-dropdown .hiddendiv ul.no-scrollbar {
    height: auto;
}

.daterange {
    pointer-events: none;
    opacity: 0.3;
}

.report-header {
    font-size: 1.1rem;
    color: #132ba3;
    color: #001A33;
    margin: 0;
}

.right-side .report-card h3 {
    padding: 0;
    font-size: 1.1rem;
    margin-top: 2rem;
    margin-bottom: .8rem;
}

.upload-text {
    display: block;
    font-size: .8rem;
    font-weight: 400;
    margin-top: -1.8rem;
    cursor: pointer;
    text-align: center;
}

.form-edit input {
    font-weight: 400;
    color: #000;
    opacity: 1;
    border: 0;
    border-bottom: .0625rem solid #e7e4e4;
    height: 3.1rem;
    width: 100%;
    font-size: 0.8rem;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
}

.form-edit-half {
    width: 48%;
    display: inline-block;
}

.slide-box .drag-section {
    height: 5rem;
    margin: 0;
}

.slide-box a.dropImg img {
    width: 3rem;
    margin: -.3rem auto 0;
}

.slide-box .card-upload p {
    font-size: .7rem;
    margin: .2rem 0;
}

.slide-box a.cancelImg {
    top: -4px;
}

.animate__animated {
    animation-fill-mode: backwards !important;
}

.bank-account-wrapper {
    position: relative;
}

.edit-form-box {
    float: right;
    position: absolute;
    right: 0;
    background: #fff;
    top: 5px;
    right: 8px;
    font-size: .8rem;
}

.editbutton-row .btnCalender {
    height: 2rem;
    line-height: 2rem;
    width: 4.5rem;
}

.editbutton-row {
    float: right;
    margin: .3rem 0 .4rem;
    position: absolute;
    bottom: .4rem;
    right: 0.5rem;
}

.accountDetails a.editnew-icon {
    right: 3.8rem;
    top: .8rem;
    font-size: .7rem;
    color: #fff;
    font-weight: 400;
    line-height: .7rem;
    padding: .2rem;
    transition: 0.2s ease-in-out 0.2s;
    position: absolute;
}

a.editnew-icon:hover {
    color: #ffffffad;
}

.report-table .name-icon {
    margin: 0 .7rem 0 0;
}

.product-report-img {
    margin: 0 auto;
    display: block;
    text-align: center;
}

.product-report-img img {
    max-width: 78%;
    opacity: .9;
}

.report-table .top-referalls {
    padding-top: 0;
}

.colorpicker .dropdown-menu {
    box-shadow: 0 17px 33px 0 rgb(0 0 0 / 40%), 0 0 17px 0 rgb(0 0 0 / 5%);
    background: #ffffff !important;
    padding: 0 !important;
}

.colorpicker-position-bottom .dropdown-menu::after {
    border-bottom: 6px solid #cfcfd0 !important;
    border-top: 0;
}

.horizontal-calender {
    overflow-x: auto;
    white-space: nowrap;
    margin: 2rem 0 2rem;
    overflow-y: hidden;
    display: flex;
}

.cal-month {
    background-color: transparent;
    height: 3rem;
    width: 3rem;
    border: 1px solid #132ba3;
    margin: 0 .2rem;
    font-size: .8rem;
    line-height: 3rem;
    padding: 0 0.2rem;
    text-align: center;
    display: inline-block;
    background: #132ba3;
    color: #fff;
    cursor: pointer;
}

.cal-date {
    background-color: transparent;
    height: 3rem;
    width: 4rem;
    border: 1px solid #ddd;
    margin: 0 .2rem;
    font-size: .8rem;
    line-height: 3rem;
    padding: 0 0.2rem;
    text-align: center;
    display: inline-block;
    cursor: pointer;
}

.cal-month p {}

.slide-month {
    height: 3rem;
    line-height: 3rem;
    padding: 0 1rem;
    display: inline-block;
    cursor: pointer;
}

.cal-middle {
    overflow-x: scroll;
    width: 90%;
    margin: 0 auto;
}

.bg-col2 {
    background-color: #13a0a6;
}

.bg-col1 {
    background-color: #ea9582;
}

.bg-col4 {
    background-color: #0c34bb;
}

.bg-col3 {
    background-color: #969bb0;
}

.bg-col6 {
    background-color: #24bb60;
}

.bg-col5 {
    background-color: #f45c3a;
}

.sms-email-panel a.manage-btn {
    width: 7rem;
    height: 2.3rem;
    line-height: 1.6rem;
    margin: 0;
    position: relative;
}

.cal-date:hover, .cal-date.active {
    background-color: #132ba3;
    color: #fff;
}

.modal-dialog-inner-left-full .custom-dropdown-label.for-cursor {
    font-size: 0.9375rem;
    color: #ffffff;
    display: block;
    text-align: center;
    background: #132ba3;
    height: 2.5rem;
    line-height: 2.5rem;
    border-radius: .3rem;
    margin-bottom: 0;
}

.modal-dialog-inner-left-full .custom-dropdown-label.for-cursor:hover {
    border: 1px solid #132ba3;
    color: #132ba3;
    background: #fff;
}

.tickBadge-receipt {
    position: absolute;
    top: .2rem;
    right: .3rem;
}

.tickBadge-receipt i.fa-circle-o {
    color: #333;
}

.tickBadge-receipt i.fa-check-circle {
    color: #60b246;
}

.rules-details-left .feedback-icons {
    margin-top: .4rem;
}

.query-divider .clientmeaasge-email, .query-divider .clientmeaasge-sms {
    padding-left: 1rem;
}

.reveal-modal {
    z-index: 9999 !important;
}

.modal-dialog-inner-left-full .no-scrollbar {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 90vh;
    overflow-y: auto;
    overflow-x: hidden;
}

.slide-box .imgInside {
    width: calc(100% - 18px);
    height: calc(100% - 16px);
    background-color: #fff;
}

.slide-box .card-upload ul {
    padding: 0;
    margin-bottom: 0;
    position: absolute;
    top: 1px;
    left: 3.2px;
    width: 96%;
    height: 100%;
}

.sidenav .custom-dropdown a {
    padding: 0 .8rem 0 0;
}

.mobile-headericon-div {
    display: none;
}

.minimum-rules .mobile-color {
    clear: both;
    display: inline-block;
    float: left;
    text-align: center;
    margin: .2rem .5rem 0;
}

.blog-content-box {
    background: #fff;
    box-shadow: 0 14px 24px 0 rgba(0, 0, 0, 0.1), 0 40px 77px 0 rgba(0, 0, 0, 0.01) !important;
    width: 100%;
    min-height: 2rem;
    border-radius: .3rem;
    padding: 1.5rem 1.5rem .5rem;
    position: relative;
    margin-bottom: 1rem;
    min-height: 6rem;
}

.update-blog {
    margin-top: .2rem;
    text-align: right;
    margin-right: -0.5rem;
    border-top: 1px dashed #ddd;
    padding-top: .1rem;
    padding-bottom: .2rem;
}

.update-blog a {
    position: inherit !Important;
}

.blogimage {
    position: absolute;
    top: 0rem;
    left: -2rem;
    width: 4rem;
    height: 4rem;
    border-radius: .3rem;
    box-shadow: 0 5px 24px 0 rgb(0 0 0 / 10%), 0 40px 77px 0 rgb(0 0 0 / 1%);
    background: #56CCF2;
    background: -webkit-linear-gradient(to right, #2F80ED, #56CCF2);
    background: linear-gradient(to right, #2F80ED, #56CCF2);
}

.blogimage img {
    max-width: 65%;
    max-height: 100%;
    border-radius: .3rem;
    display: block;
    margin: .5rem auto;
}

.blogright-img {
    margin: 0 auto;
}

.textarea-auto-grow {
    overflow: hidden;
    line-height: 1.2rem;
    height: 56px;
    transition: border 0.75s ease-in-out;
    padding-bottom: 1rem;
}

.label-auto-grow {
    transition: border 0.75s ease-in-out;
}

.textarea-auto-grow:not(:placeholder-shown)+label, .textarea-auto-grow:focus+label {
    transform: translateY(-42px);
    -webkit-transform: translateY(-42px);
    -ms-transform: translateY(-42px);
}

.blog-content-box:nth-child(even) {
    margin-left: 3rem;
    background: linear-gradient(to right, rgba(251, 132, 128, 1) 0%, rgba(245, 115, 117, 1) 37%, rgba(236, 91, 105, 1) 62%, rgba(231, 82, 102, 1) 100%);
}

.blog-content-box:nth-child(even) p {
    color: #fff;
}

.blog-content-box p {
    margin-bottom: .3rem;
    text-align: justify;
}

.blog-content-box:nth-child(even) .update-blog a {
    color: #fff;
}

span.label-title {
    display: block;
    font-size: .7rem;
    color: #132ba3;
}

.transfer-balance-sms img {
    max-width: 70%;
    padding: 2rem;
    margin: 0 auto 1.5rem;
    display: block;
    opacity: .9;
}

.previous-owner-information {
    border-radius: 0.625rem;
    margin-right: 3rem;
    width: 18rem;
    background: #fff;
    min-height: 2rem;
    border-radius: .3rem;
    padding: 1.5rem 1.5rem 1rem;
    position: relative;
    border: 1px solid #e5e5e6d6;
    margin: .8rem 2rem .8rem -.5rem;
}

.icon-info {
    box-shadow: 0.1875rem 0.1875rem 0.375rem #e3dfdf;
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    text-align: center;
    line-height: 1.7rem;
    margin-right: .5rem;
}

.icon-info span {
    font-size: .75rem;
    color: #aaabb0;
}

.customerdata {
    display: flex;
    align-items: center;
    font-size: .85rem;
    color: #646161;
}

.restro-img {
    margin-top: 4rem;
    opacity: .7;
}

.previous-customername {
    font-size: 1rem;
    color: #000;
    margin-bottom: .7rem;
}

.website-content .data-row {
    display: block;
}

.website-content h3 {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: .3rem;
}

.website-content p.item-des {
    font-size: .8rem;
    line-height: 1rem;
    max-width: 100%;
    padding: .8rem;
    background: #f0f1f2;
    min-height: 4rem;
    margin-top: 1rem;
}

.website-content.no-scrollbar {
    height: 90vh;
    overflow: auto;
}

.offer-image {
    display: inline-block;
    padding: .3rem;
    width: 80px;
    border: 1px solid #ddd;
    height: 80px;
    margin-bottom: .8rem;
}

span.icon-fold {
    margin-right: .5rem;
}

.managemenu-list.managemenu-secton li.sublist .data-row {
    padding-left: 9.5rem;
}

.managemenu-list.managemenu-secton ul li:after, .managemenu-list.managemenu-secton ul li:before {
    left: 8rem;
}

.managemenu-list.managemenu-secton li.sublist .data-row {
    padding-left: 10rem;
}

.managemenu-list.managemenu-secton li.sublist ul .data-row {
    padding-left: 18.5rem;
}

.managemenu-list.managemenu-secton ul li ul li:after, .managemenu-list.managemenu-secton ul li ul li:before {
    left: 16.5rem;
}

span.icon-fold {
    margin-right: .5rem;
    width: 2rem;
    height: 2rem;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: .6rem;
    color: #ffffff;
    margin-right: .5rem;
    text-align: center;
}

.sidenav .icon-fold i {
    font-size: .8rem;
    padding-right: 0;
    width: 1rem;
    margin-top: 0;
    float: left;
}

.managemenu-secton .data-row {
    align-items: center;
}

.nav-tab-section .p-05 {
    padding: 2rem .3rem .625rem !important;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.managemenu-list {
    margin-top: -.2rem;
}

.sms-email-panel .hiddendiv {
    left: -6rem;
}

.managepage-heading {
    padding: 1.5rem 1.5rem .5rem;
    box-shadow: 0.25rem 0 0.3125rem -0.125rem #c5cfd87d;
}

.managecontent-heading {
    padding: 1.5rem 1.3rem .5rem;
}

.managepage-heading a.add-category-menu, .managecontent-heading a.add-category-menu {
    margin-right: -.6rem;
}

img.pos-image {
    margin: 5rem auto;
    display: block;
    max-width: 80%;
}

.managecontent-block {
    background: #f6f6f6;
    padding: 1rem;
    position: relative;
    font-size: .9rem;
    color: #807e7e;
}

.content-heading a.manage-btn {
    position: inherit;
    margin-top: .6rem;
}

.website-content .data-row:hover, .website-content .data-row.active {
    background: transparent;
    border-left: 0.25rem solid #fff;
}

.content-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.page-section {
    position: relative;
}

.page-editer .data-row {
    align-items: center;
}

img.image-editer {
    width: 10rem;
    height: 7rem;
    object-fit: cover;
    border: 1px solid #ddd;
    padding: .3rem;
    margin-bottom: .5rem;
}

.manage-container-left {
    display: flex;
    justify-content: center;
    align-items: center;
}

.staffgroup-info td, .staffgroup-info th {
    padding: 1rem 0;
}

.dashboard-deatilbox .feedback-icons {
    margin-bottom: 1rem;
}

.Feedback-Customer a.manage-btn {
    position: inherit;
    margin-top: .9rem;
    right: 0;
}

.feedback-type {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.feedback-type .hiddendiv {
    right: 0;
    left: inherit;
}

.manage-webpage-design .managemenu-list ul li:before, .manage-webpage-design .managemenu-list ul li:after {
    left: 4.5rem
}

.manage-webpage-design .managemenu-list li.sublist .data-row {
    padding-left: 6.5rem;
}

.sms-email-panel a.manage-btn.report-btn {
    position: absolute;
    left: 1rem;
}

.report-panel .hiddendiv {
    left: 0;
}

.tableTools {
    height: auto !important;
    background: transparent !important;
    margin-left: -0.5rem;
    font-size: .9rem;
}

.tool-elements {
    padding: 15px 15px 15px 15px !important;
}

.dispatchTable .storedata-left {
    width: 100%;
}

.staff-information h3 {
    padding: .625rem 0;
}

.menu-box-right {
    margin-left: 1rem;
}

.menu-box-right {
    margin-left: 1rem;
    border-left: 1px solid #ddd;
    padding-left: 1rem;
    width: 75%;
}

.menu-box-left {
    width: 6rem;
    text-align: center;
    height: 6rem;
    background: #f3f4f4;
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .2rem;
}

.megamenu-row.no-scrollbar {
    height: 100vh;
}

.api-blocks {
    padding: 1rem 1rem;
    margin: 2rem 1rem;
    width: 14rem;
    position: relative;
    display: inline-block;
    background: #fff;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
}

.all-menus {
    width: 30%;
    float: left;
}

.all-api {
    width: 65%;
    float: left;
    margin-left: 3rem;
}

.api-blocks h3 {
    color: #132ba3;
    font-size: 1rem;
}

.api-blocks p {
    font-size: .9rem;
    line-height: 1.2rem;
    margin-top: .8rem;
    color: #767474;
}

.charges {
    min-width: 2rem;
    height: 1rem;
    background: #ffffff;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 0;
    font-size: .7rem;
    color: #10509f;
    margin-right: .5rem;
    margin-top: 1.45rem;
    margin-left: .5rem;
    padding: .1rem .6rem;
    position: absolute;
    right: 0;
    top: -31px;
    border: 1px solid #ddddddb3;
}

.activation-btn {
    border-radius: .2rem;
    height: 2rem;
    line-height: 2rem;
    color: #132ba3;
    font-size: .9rem;
    background: #fff;
    display: block;
    text-align: center;
    font-weight: 400;
    margin: .5rem 0 0;
    border: 1px solid #132ba3;
}

.activation-btn:hover {
    color: #fff;
    background: #132ba3;
}

.menu-box-left img {
    width: 40%;
}

.menu-box.active {
    background: linear-gradient(to right, rgba(50, 227, 218, 1) 0%, rgba(57, 194, 221, 1) 37%, rgba(73, 164, 225, 1) 62%, rgba(97, 124, 232, 1) 100%) !important;
}

.menu-box.active .menu-box-left {
    background: #fffffff2;
}

.menu-box.active .menu-box-right {
    border-left: 1px solid #e9e1e161;
}

.menu-box.active .menu-box-right span {
    color: #fff;
}

.menu-box.active p {
    color: #fff;
}

.menu-box.active .detail {
    color: #132ba3;
}

.menu-box.active .menu-box-right a span {
    color: #132ba3;
}

.menu-box.active .detail {
    box-shadow: 0.1875rem 0.1875rem 0.375rem #22212147;
}

.checked-items {
    margin: 1rem .5rem;
}

.checked-items p {
    font-size: .95rem;
    color: #5f5f5f;
    line-height: 1.1rem;
}

.menu-box.active .menu-box-right a:hover span, .menu-box.active .menu-box-right a:hover i {
    color: #fff;
}

.menu-box span.menu-contents {
    font-size: .85rem;
    color: #6e6b6b;
}

.detail-switchcontain {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    background: #fff;
    width: 100%;
    border-radius: .2rem;
    box-shadow: 5px 9px 40px #6a6b6e33;
}

.detail-switchcontain:nth-child(2) {
    transform: translate(3rem, 0);
    background: linear-gradient(to right, rgba(224, 95, 151, 1) 0%, rgba(183, 85, 158, 1) 37%, rgba(140, 73, 173, 1) 62%, rgba(113, 65, 179, 1) 100%);
}

.detail-switchcontain:nth-child(2) p {
    color: #fff;
}

.Chef-wrap {
    margin: 0 auto;
}

.managemenu-list.managemenu-secton li.sublist .data-row .hiddenColors {
    left: 8rem;
}

.managemenu-list.managemenu-secton li.sublist ul .data-row .hiddenColors {
    left: 16.5rem;
}

.report-table span.customer-address {
    padding-left: 0;
}

.transfer-wrap .transfer-table {
    margin-top: 0;
}

.general-information .custom-dropdown-label {
    font-size: 0.8rem;
}

a.close-menufluid:hover {
    background: #f1f1f1;
    color: #333;
}

.all-api .checked-items img {
    max-width: 90%;
    float: right;
}

.edit-slides .slider {
    position: absolute;
    background: none;
    margin: 2rem;
    overflow-y: hidden;
}

.edit-slides .slider img {
    width: 100%;
    height: 540px;
    object-fit: contain;
    overflow: hidden;
}

.edit-slides .icon-left-arrow-nobar {
    position: absolute;
    top: 50%;
    left: 5px;
    background: #675f5fa1;
    padding: .5rem;
    color: #fff;
}

.edit-slides .icon-right-arrow-nobar {
    position: absolute;
    top: 50%;
    right: 5px;
    background: #675f5fa1;
    padding: .5rem;
    color: #fff;
}

.slide-box .col-md-7 {
    padding: 0;
}

.favdish-list {
    width: 100%;
}

span.linker-path {
    display: block;
    font-size: .8rem;
    line-height: 1rem;
    color: #a9a6a6;
}

span.linker-path br {
    display: none;
}

.managecontent-block span {
    display: block;
}

.managecontent-block span:first-child {
    font-size: 1rem;
    line-height: 2rem;
    color: #132ba3;
}

.nav-tab-section .row .preorder-section {
    background: url(../images/orange.png) no-repeat -4rem -1rem;
    height: 100%;
    width: 103%;
    background-size: 60%;
    z-index: 999999;
    margin: 0 0 0 -2rem;
}

.heading-preorder h2 {
    color: #fff;
    margin: .5rem 0;
    font-size: 1.5rem;
}

.heading-preorder p {
    color: #fff;
    margin: .5rem 0;
}

.heading-preorder {
    padding: 1rem;
}

.preorder-body {
    min-height: 20rem;
    width: 100%;
    background: #fff;
    margin-bottom: 2rem;
}

.pre-delivery-collection {
    box-shadow: 5px 9px 40px #6a6b6e33;
    padding: 1rem 2rem;
}

.deliver-collection-preorder {
    margin: .7rem 0;
    padding: 1rem 1.5rem;
    border: 1px solid #d6d6d69c;
    position: relative;
}

.right-side .deliver-collection-preorder h3 {
    padding: .625rem 0;
    text-transform: capitalize;
}

.preorder-timer {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: 2rem 1rem;
    background: #fff;
    width: 100%;
    border-radius: .2rem;
    box-shadow: 5px 9px 40px #6a6b6e33;
    position: relative;
}

.preorder-day {
    position: absolute;
    top: -1.5rem;
    left: -1rem;
    background: #fff;
    padding: .5rem 1rem;
    font-size: .9rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #908e8e63;
    color: #132ba3;
}

.preorder-contain {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    padding: .5rem 1rem;
    background: #fff;
    width: 100%;
    border-radius: .2rem;
    box-shadow: 5px 9px 40px #94969a33;
    margin: .5rem 0 .5rem;
    justify-content: space-between;
    position: relative;
}

.interval {
    box-shadow: 5px 9px 40px #0c0c0c45;
    background: #2193b0;
    background: -webkit-linear-gradient(to right, #6dd5ed, #2193b0);
    background: linear-gradient(to right, #6dd5ed, #2193b0);
}

.interval p, .interval span {
    color: #fff !important;
}

.pre-delivery-collection {
    position: relative;
    width: 45%;
    display: inline-block;
    margin: 1rem;
}

.preorder-contain:first-child {
    background: red;
}

.name-icon.name-icon-space {
    margin: 0 .7rem 0 0;
}

.loyalty-information {
    z-index: 999;
    background: #fff;
    border-radius: 0;
    padding: 1.5rem;
    box-shadow: 0 0 10px #d6d6d69c;
    margin-left: 1rem;
    position: relative;
}

.loyalty-informationbg {
    position: absolute;
    content: "";
    right: -2.5rem;
    top: -2.3rem;
    background: #83eaf1;
    width: 200px;
    height: ;
    height: 200px;
}

.preorder-row {
    margin-bottom: 2rem;
    background: #fff;
    padding: 2rem 1.5rem;
    position: relative;
    box-shadow: 3px -1px 10px #94949633;
}

.preorder-row .deleteTime, .preorder-row .HourAdd {
    min-width: 4.5rem;
}

.preorder-heading {
    display: inline-block;
    color: #132ba3;
    padding: 0 .5rem;
    font-size: .9rem;
}

.preorder-row .time-table-item:nth-child(1), .preorder-heading:nth-child(1) {
    flex-basis: 13%;
    max-width: 13%;
    text-align: center;
}

.preorder-row .time-table-item:nth-child(2), .preorder-heading:nth-child(2) {
    flex-basis: 17%;
    max-width: 17%;
}

.preorder-row .time-table-item:nth-child(4), .preorder-heading:nth-child(4) {
    flex-basis: 25%;
    max-width: 25%;
    text-align: center;
}

.preorder-row .time-table-item:nth-child(5), .preorder-heading:nth-child(5) {
    flex-basis: 5%;
    max-width: 5%;
    text-align: center;
}

.preorder-row .time-table-item:nth-child(6), .preorder-heading:nth-child(6) {
    flex-basis: 25%;
    max-width: 25%;
    text-align: center;
}

.preorder-row .time-table-item:nth-child(3), .preorder-heading:nth-child(3) {
    flex-basis: 15%;
    max-width: 15%;
    text-align: center;
}

.preorder-row .optionItems {
    position: relative;
    color: #8b8888;
    font-size: .9rem;
}

.preorder-row .switch-container.bankaccount-default-switch {
    float: none;
    text-align: center;
}

.delivery-collection {
    background: #fff;
    display: inline-block;
    padding: .5rem 1.5rem;
    font-size: .8rem;
    position: absolute;
    top: .6rem;
    left: 3.5rem;
    margin: -18px;
    box-shadow: 5px 9px 40px #6a6b6e33;
}

.preorder-box {
    position: relative;
}

.preorder-edit-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.preorder-edit {
    right: 3.3rem;
    top: 1rem;
    font-size: .7rem;
    color: #333;
    font-weight: 400;
    line-height: .7rem;
    padding: 0;
    transition: 0.2s ease-in-out 0.2s;
    position: absolute;
}

.preorder-delete {
    position: absolute;
    right: 0;
    top: 1rem;
    font-size: .7rem;
    color: #333;
    font-weight: 400;
    line-height: .7rem;
    padding: 0;
    transition: 0.2s ease-in-out 0.2s;
}

.day-limit {
    min-width: 2rem;
    height: 1rem;
    background: #ffffff;
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    font-size: .6rem;
    color: #10509f;
    margin-right: .5rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    margin-top: 1rem;
    margin-left: 0;
    padding: .1rem .4rem 0;
}

.pre-head {
    margin: 2rem 0 1rem;
    border-bottom: .0625rem solid #edeaea;
    padding-bottom: .5rem;
    display: flex;
}

.preorder-box .time-table-body-row-layer {
    margin: 0;
    padding: .5rem 0;
}

.preorder-box .time-table-body-row-layer:nth-child(2n) {
    background: #80808a14;
}

.stack {}

.cardRules {}

.rules-views {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1.1rem;
    border-bottom: 1px dashed #d1d2d6;
    padding-bottom: 2rem;
}

.cardRules .rules-amount {
    margin-right: 1rem;
}

.coupon-contain {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: space-between;
    margin: 1rem .5rem 0;
    border: 1px dashed #c6c7cd;
    background: #fff;
}

.coupon-contain p {
    padding: .2rem 1rem;
    font-size: .9rem;
}

a.coupon-print {
    width: 2rem;
    height: 2.1rem;
    padding: .5rem;
    border-left: 1px solid #ddddddad;
}

.btnReport span {
    position: absolute;
    background: #fff;
    left: -8px;
    top: -5px;
    width: fit-content;
    color: #333;
    padding: 0 .5rem;
    height: .8rem;
    line-height: .9rem;
    font-size: .6rem;
    box-shadow: 1px 2px 10px #6e6f7373;
    border-radius: .2rem;
}

.rules-discount-details {
    margin: .7rem;
}

.stack-details .rules-details {
    padding: 0 0 .7rem;
    border-radius: 2rem;
}

.cardRules-pre {
    padding: 3rem 2rem .5rem;
    background-size: 90%;
}

.deliver-collection-preorder a.add-category-menu {
    position: absolute;
    right: .5rem;
    top: 1.5rem;
    padding: .3rem .5rem;
}

.deliver-order {
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    background: #fff;
}

.deliver-left {
    display: inline-block;
    width: 64%;
}

.deliver-right {
    display: inline-block;
    float: right;
}

.deliver-address {
    font-size: .85rem;
}

.deliver-distance {
    font-size: .7rem;
    color: #858181;
}

.deliver-order {
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    background: #fff;
    padding: 1rem 1rem 1rem 2rem;
    margin: 1rem;
    position: relative;
}

.time-marker {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    font-size: .7rem;
    color: #fff;
    margin-right: 0;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #c2c3c5;
    margin-left: .5rem;
    padding: 0rem .7rem 0;
    min-width: 3.5rem;
    position: relative;
}

.deliver-number {
    display: inline-flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: .7rem;
    color: #fff;
    margin-right: 0;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #c2c3c5;
    margin-left: .5rem;
    width: 1.6rem;
    height: 1.6rem;
}

.deliver-number {}

.detailed-deliver {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.detailed-deliver span {
    display: block;
    color: #5a5757;
    font-size: .8rem;
    line-height: 1.2rem;
}

.detailed-deliver p {
    margin: 0;
    font-size: .8rem;
    line-height: 1.1rem;
}

.detailed-deliver {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid #ddd;
    margin-top: .5rem;
    padding-top: .5rem;
}

.default-color {
    color: #132ba3;
}

.display-screen {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    width: 100%;
    height: 30rem;
    background: url(../images/display-screen.jpg) no-repeat 0 0;
    background-size: cover;
    border: 1px solid #eceaea;
    position: relative;
}

.display-overlay {
    background: #fffffff0;
    padding: 2rem 1rem 1rem;
    width: 85%;
    height: 86%;
    margin: 2rem auto;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
}

.bg-space {
    padding: 2rem;
}

.delivered-item-description {
    background: #fff;
    padding: .5rem 1rem;
    text-align: left;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    margin-bottom: .5rem;
    font-size: .9rem;
    color: #7e7979;
}

.delivered-item-number {
    background: #fff;
    padding: .5rem 1rem;
    text-align: center;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    position: absolute;
    right: .9rem;
    top: .9rem;
    font-size: .8rem;
}

.delivered-item-description .item-num {
    display: inline-block;
    margin-right: .5rem;
    color: #132ba3;
}

.order-detail-website {
    width: 76%;
    min-height: 112px;
    background-size: cover;
    position: absolute;
    bottom: 2.2rem;
    text-align: center;
    background: #ffffffd6;
    padding-top: .8rem;
}

.order-detail-website p {
    margin: 0;
    font-size: .7rem;
    line-height: 1rem;
}

.order-detail-website span {
    color: #132ba3;
    font-size: .6rem;
}

.ready-order {
    padding: .5rem 1.5rem;
    text-align: center;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    margin-bottom: .5rem;
    font-size: .85rem;
    color: #132ba3;
    font-weight: 400;
    position: absolute;
    bottom: 0.5rem;
    line-height: 1.5rem;
    color: #fff;
    background: #373B44;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}

.ready-order:hover {
    color: #132ba3;
    background: #fff;
}

.free-item {
    text-align: center;
    color: #132ba3;
    font-size: .8rem;
}

.cooking-progress {
    position: relative;
    margin: 0 auto;
    top: 0;
    width: 100vw;
    text-align: center;
    font-size: 1rem;
    color: #333;
    opacity: 0.75;
    animation: pulse 2.5s linear infinite;
    text-transform: uppercase;
}

.spices {
    width: 8rem;
    margin: 0 auto;
}

.checkbox-assigned {
    position: absolute;
    background: #ffffff;
    height: 2.35rem;
    line-height: 2.25rem;
    width: 2.4rem;
    text-align: center;
    left: -1.3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #a1a3a263;
}

.checkbox-assigned .form-group {
    display: block;
    margin-bottom: 15px;
}

.checkbox-assigned .form-group input {
    padding: 0;
    height: initial;
    width: initial;
    margin-bottom: 0;
    display: none;
    cursor: pointer;
}

.checkbox-assigned .form-group label {
    position: relative;
    cursor: pointer;
}

.checkbox-assigned .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 2px solid #0079bf;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 10px;
    display: inline-block;
    position: relative;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 0;
}

.checkbox-assigned .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    top: -2px;
    left: 8px;
    width: 6px;
    height: 14px;
    border: solid #0079bf;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.time-marker.bgGreen {
    border: 1px solid #49b413;
}

.time-marker.bgRed {
    border: 1px solid red;
}

.deliveryMapDimention {
    height: calc(100vh - 10rem);
    width: 100%;
}

.storeDriverIcon {
    width: 30px;
    height: 40px;
}

.assign-btn {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.assign-driver {
    display: inline-block;
    border: 1px solid #132ba3;
    padding: .3rem 1rem;
    background: #fff;
    color: #132ba3;
    font-size: .8rem;
    font-weight: 400;
    transition: .4s;
}

.assign-driver:hover {
    background: #132ba3;
    color: #fff;
}

.refresh-btn {
    display: inline-block;
    border: 1px solid #132ba3;
    padding: .3rem 1rem;
    background: #132ba3;
    color: #fff;
    font-size: .8rem;
    font-weight: 400;
    transition: .4s;
}

.refresh-btn:hover {
    background: #fff;
    color: #132ba3;
}

.no-scrollbar-list {
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 80vh;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 1.5rem;
}

.no-scrollbar-list::-webkit-scrollbar {
    display: none;
}

.driver-box {
    padding: 1rem 1rem;
    background: #fff;
    float: left;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
    margin: .5rem;
    min-width: 46.5%;
    text-align: center;
    font-size: .9rem;
    position: relative;
    display: table;
    cursor: pointer;
}

.time-marker img {
    max-width: 1rem;
    position: absolute;
    left: -8px;
    top: -7px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #1818186b;
}

.driver-call {
    font-size: 0.75rem;
    color: #132ba3;
}

.detailed-deliver p:last-child {
    font-weight: 500;
}

.disabledButton {
    opacity: .3;
}

.lineThrough {
    text-decoration: line-through;
}

span.driverDetails {
    float: left;
    width: 100%;
}

.assignMultipleOrders {
    padding: 1rem 1rem;
    background: #fff;
    float: left;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 3%), 0 0px 47px 0 rgb(0 0 0 / 8%);
    border-radius: 10px;
    margin: .5rem 0;
    min-width: 27%;
    font-size: .9rem;
    position: relative;
    text-align: center;
    width: 100%;
}

.assignMultipleOrders h1 {
    font-size: .9rem;
    padding: 0;
    margin: 0;
}

.count-coupon p {
    font-size: .8rem;
    color: #6c6969;
}

.count-coupon p span {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    margin-left: .3rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    color: #132ba3;
}

.coupon-img {
    width: 14%;
    padding: .75rem .4rem 0 0;
    margin-right: .4rem;
    border-right: 1px dashed #ddd;
}

.total-used-coupon {
    width: 45%;
    box-shadow: 0px 0px 12px -4px #c0c0c2f5;
    padding: .5rem;
    display: flex;
    margin-right: 1rem;
}

.cardRules-pre span.coupon-name {
    margin: 0 .8rem 0;
}

.config-web .step-textarea {
    float: left;
    width: 100%;
}

.close-driver-list {
    width: 100%;
    display: block;
    float: left;
    text-align: center;
    margin: 1rem .5rem;
}

.close-driver-list a {
    display: block;
    width: 100%;
}

.driver-contained-msg {
    padding: 2rem 2rem;
}

.Popup-driver-message {
    min-height: auto;
}

.driverlist-count {
    min-height: auto !important;
}

.delivery-img {
    max-width: 75%;
    display: block;
    margin: 0 auto 2rem;
    border-bottom: 1px solid #ddd;
}

.position-relative {
    position: relative !important;
}

#bankAccountEditForm span.form-error-block {
    font-size: .6rem !important;
}

.popup.stackcouponmodal {
    min-height: 30rem;
    background: url(../images/discount-coupon.jpg) no-repeat center bottom -1.8rem;
    background-size: 55%;
}

.cardRules-pre .rules-details:before {
    position: absolute;
    background: #ffffff;
    height: .8rem;
    width: 90%;
    content: "";
    border-radius: 2.5rem 2.5rem 0 0;
    margin: 0 auto;
    left: 50%;
    margin-left: -45%;
    top: -13px;
    box-shadow: 0px 0px 10px -4px #c0c1c4;
}

.cardRules-pre .rules-details:after {
    position: absolute;
    background: #ffffff;
    height: .8rem;
    width: 82%;
    content: "";
    border-radius: 2.5rem 2.5rem 0 0;
    margin: 0 auto;
    left: 54%;
    margin-left: -45%;
    top: -26px;
    box-shadow: 0px 0px 10px -4px #c0c1c4;
}

.modal-manage-linker {
    /* max-height: 40rem; */
    overflow-y: hidden;
}

.modal-manage-linker .no-scrollbar-list, .modal-manage-group .no-scrollbar-list {
    height: 57vh;
}

.popup.newaddition-modal {
    margin: 0 auto;
}

.modal-manage-linker .col-md-4 .managemenu-list.no-scrollbar-list {
    height: 54vh;
    box-shadow: none;
}

.group-menu .managemenu-list ul li ul li ul li:after, .group-menu .managemenu-list ul li ul li ul li:before {
    left: 10.5rem;
}

.group-menu .managemenu-list li.sublist ul li ul .data-row {
    padding-left: 12.5rem !important;
}

.managemenu-list li.sublist ul li ul .data-row {
    padding-left: 27rem !IMPORTANT;
}

.managemenu-list.managemenu-secton ul li ul li ul li:after, .managemenu-list.managemenu-secton ul li ul li ul li:before {
    left: 25rem;
}

.coupon-used {
    opacity: .2;
    background: #c7c7c7;
    cursor: not-allowed;
}

.coupon-used a.coupon-print {
    cursor: not-allowed;
}

.w-1 {
    width: 1rem;
}

.modal-content .modal-manage-linker .managemenu-list li.sublist .data-row {
    padding-left: 6.5rem;
}

.modal-content .modal-manage-linker .managemenu-list ul li:after, .modal-content .modal-manage-linker .managemenu-list ul li:before {
    left: 4.5rem;
}

.modal-content .modal-manage-linker .managemenu-list li ul li ul li.sublist .data-row {
    padding-left: 11.5rem;
}

.modal-content .modal-manage-linker .managemenu-list li ul li ul li:after, .modal-content .modal-manage-linker .managemenu-list li ul li ul li:before {
    left: 9.5rem;
}

.managemenu-list.managemenu-secton li.sublist ul li.sublist ul li ul li .data-row {
    padding-left: 35.5rem !IMPORTANT;
}

.managemenu-list.managemenu-secton ul li ul li ul li ul li:after, .managemenu-list.managemenu-secton ul li ul li ul li ul li:before {
    left: 33.5rem;
}

.modal-manage-linker .managemenu-list li.sublist ul li ul .data-row {
    padding-left: 16.5rem !IMPORTANT;
}

.modal-content .modal-manage-linker .managemenu-list li ul li ul li ul li:after, .modal-content .modal-manage-linker .managemenu-list li ul li ul li ul li:before {
    left: 14.5rem;
}

.modal-manage-linker .managemenu-list li.sublist ul li.sublist ul li ul li .data-row {
    padding-left: 21.5rem !IMPORTANT;
}

.modal-content .modal-manage-linker .managemenu-list li ul li ul li ul li ul li:after, .modal-content .modal-manage-linker .managemenu-list li ul li ul li ul li ul li:before {
    left: 19.5rem;
}

.managemenu-list.managemenu-secton li.sublist ul li ul .data-row .hiddenColors {
    left: 25rem;
}

.managemenu-list.managemenu-secton li.sublist ul li.sublist ul li ul li .data-row .hiddenColors {
    left: 33.5rem;
}

.apply-name .discountTooltip .time-table-item:nth-child(1) {
    flex-basis: 14%;
    max-width: 14%;
    float: left;
    margin: 0 .4rem;
}

.no-cursor {
    cursor: unset !important;
}

.numbers-found .message-date-schedule {
    padding: 0;
}

.mobile-menuwrap {
    margin: 0 auto;
    padding: 60px 20px 10px;
    background: #f1f1f157;
}

.main-menubtn {
    padding: .2rem 1rem;
    border-radius: .3rem;
    background: #132ba3;
    border: 1px solid #132ba3;
    cursor: pointer;
    display: inline-block;
    color: #fff;
    font-weight: 400;
    min-width: 6rem;
    font-size: .8rem;
}

.main-menubtn:hover {
    background: #fff;
    color: #132ba3;
}

.currently-viewing span {
    font-size: .75rem;
    color: #132ba3;
}

.currently-viewing p {
    font-size: .85rem;
    margin: 0;
    line-height: 1.2rem;
    color: #4c4a4a;
}

.store-view {
    border-radius: 0.325rem;
    box-shadow: 0 0 15px #7979832b;
    overflow: hidden;
    padding: .8rem;
    margin: 10px 10px 0;
    width: 100%;
}

.btnStore {
    width: auto;
    padding: .45rem .45rem .45rem .55rem;
    border-radius: .3rem;
    color: #132ba3;
    text-align: center;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #e9e6e6;
    margin: 0 .3rem;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    font-size: .7rem;
    position: relative;
}

.btnStore:hover {
    background: #132ba3;
    color: #fff;
}

.btnStore-active {
    background: #132ba3;
    color: #fff;
}

.store-view-heading {
    font-size: 1rem;
    line-height: 2rem;
    color: #132ba3;
}

.Store-view-details {
    border-top: 1px solid #52505021;
    padding-top: 1rem;
}

.all-store-detail {
    padding: 0 10px 15px;
}

.store-block {
    width: 50%;
    float: left;
}

.store-block-right {
    width: 50%;
    float: right;
    text-align: right;
}

.all-store-detail {
    padding: 0 10px 10px;
    overflow: hidden;
}

.close-menuright {
    background: #ffffff78;
    position: absolute;
    right: .5rem;
    top: .5rem;
    padding: 0;
    font-size: .65rem;
    font-weight: 400;
    color: #333;
    z-index: 9;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    line-height: 2.1rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #5d58586b;
}

.bakeline-settings {
    position: fixed;
    bottom: 2rem;
    right: 3rem;
    background: #132ba3;
    padding: .7rem 1rem;
    border-radius: 50%;
    cursor: pointer;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #5d58586b;
}

.bakeline-settings i {
    font-size: 1rem;
    color: #fff;
}

.fancybox-middle-no-margin.manualEntryBox .col-lg-8.col-md-8.col-sm-6.col-xs-6 {
    display: inline-block;
    width: 65%;
    padding: 0;
}

div#structure-three-box {
    padding: 0;
}

.callDriver {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.driver-box:hover {
    background: #f1f1f1f2;
}

.all-offers {
    background: #000000ad;
    min-height: 100vh;
    padding: 2rem 1rem 5rem 2.7rem;
}

.offer-box {
    display: inline-block;
    width: 18.5%;
    box-shadow: 0 14px 24px 0 rgb(0 0 0 / 10%), 0 40px 77px 0 rgb(0 0 0 / 8%);
    min-height: 20rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    margin: .5rem;
}

.offer-box:before {
    background: url(../images/round.png) no-repeat 0 0;
    position: absolute;
    top: -36px;
    left: inherit;
    content: "";
    width: 143px;
    height: 100%;
    right: 0;
}

.combo-offer:before {
    background: url(../images/food1.png) no-repeat 0 0;
    position: absolute;
    top: -7px;
    left: 196px;
    content: "";
    width: 60%;
    height: 100%;
    background-size: 50%;
}

.blue-card {
    background: #373B44;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    background: linear-gradient(to right, #4286f4, #373B44);
}

.green-card {
    background: linear-gradient(to right, rgba(74, 223, 156, 1) 0%, rgba(71, 208, 165, 1) 37%, rgba(69, 195, 174, 1) 62%, rgba(66, 180, 178, 1) 100%);
}

.orange-card {
    background: #fc4a1a;
    background: -webkit-linear-gradient(to right, #f7b733, #fc4a1a);
    background: linear-gradient(to right, #f7b733, #fc4a1a);
}

.icon-dish-round img {
    float: right;
    margin: 15px 8px;
}

.icon-dish-round>span {
    color: #fff;
    font-size: 45px;
    float: right;
    margin: 20px 20px;
}

.sidenav a.coupon-deal {
    position: relative;
    background: transparent;
    color: #fff;
    padding: 0 .8rem;
    font-size: .8rem;
    font-weight: 400;
    border: 1px dashed #fff;
    display: inline-block;
}

.offer-section {
    color: #fff;
    padding: 8rem 3rem 5rem 1rem;
}

.deal {
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    border-bottom: 1px solid #ffffff40;
    line-height: 2rem;
    letter-spacing: 2px;
}

.offer-section p {
    font-size: .8rem;
    line-height: 1.2rem;
    color: #efeff2;
    margin: 1rem 0;
}

.offer-section h3 {
    font-size: 2rem;
    margin: 1.5rem 0;
    color: #fff;
    font-weight: 700;
    letter-spacing: 1px;
    text-shadow: 0 3px 4px #4e494969;
}

.deal-new {
    font-size: 1rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 2rem;
}

.deal-new:before {
    position: absolute;
    content: "";
    left: 0;
    bottom: -4px;
    border: 1px solid #fff;
    width: 40px;
}

.offer-section h4 {
    font-weight: 700;
    color: #fff;
    letter-spacing: 1px;
    font-size: .9rem;
    margin: 1rem 0;
}

.combo {
    font-size: .9rem;
    font-weight: 700;
    color: #fff;
    line-height: 2rem;
    letter-spacing: 1px;
    position: relative;
    margin-bottom: 2rem;
    font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
}

.combo>span {
    font-size: 3rem;
    line-height: 3.5rem;
    display: block;
    letter-spacing: 0;
}

.offer-section p.font9 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.dish-round img {
    float: right;
    margin: 63px 8px 0;
    width: 40%;
}

.offer-section h5 {
    color: #fff;
    font-weight: 400;
    font-size: 1rem;
    margin-bottom: 0;
    margin-top: 1.5rem;
}

a.coupon-deal-code {
    font-size: .7rem;
    color: #333;
    background: #f1f1f1cc;
    padding: .2rem .5rem .15rem !important;
    border-radius: .2rem;
    line-height: 2rem;
    display: inline;
    font-weight: 700;
}

.get-offer {
    font-size: .8rem;
}

.get-offer span {
    display: block;
    font-size: 1.5rem;
    line-height: 2.2rem;
    text-shadow: 0 3px 4px #4e494969;
    font-weight: 700;
}

.offer-section a img {
    width: 80px;
    display: block;
    margin-bottom: 1rem;
}

.sidenav a.activate-offer {
    padding: .5rem 1.5rem;
    text-align: center;
    box-shadow: 0 17px 14px 0 rgb(0 0 0 / 34%), 0 0px 47px 0 rgb(0 0 0 / 20%);
    margin-bottom: .5rem;
    font-size: .85rem;
    color: #132ba3;
    font-weight: 400;
    position: absolute;
    bottom: -8px;
    line-height: 1.5rem;
    color: #fff;
    background: -webkit-linear-gradient(to right, #4286f4, #373B44);
    width: 100%;
}

.offer-section a {
    padding: 0;
}

.offer-wrap .sidenav {
    overflow-y: hidden;
    padding-bottom: 0;
}

.bakeline-bg {
    padding: 1rem 1rem;
    background: #111;
    min-height: 100vh;
}

.box-bakeline {
    border-radius: 8px;
    height: 18rem;
    background: #555555;
    margin-bottom: 1rem;
}

.box-bakeline-header {
    border-radius: 8px 8px 0 0;
    height: 30px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 .8rem;
    color: #fff;
    font-weight: 400;
}

.colGreen {
    background: #56a575;
}

.colYellow {
    background: #dcaf1e;
}

.colOrange {
    background: #dc551b;
}

.colDarkYellow {
    background: #f48d04;
}

.colSky {
    background: #00adef;
}

.colRed {
    background: #ca4c50;
}

.colGray {
    background: #959595;
}

.box-bakeline-body {
    padding: .8rem;
    color: #fff;
}

.box-bakeline-row {
    display: flex;
    margin-bottom: 5px;
}

.box-bakeline-row div {
    margin-right: 10px;
}

.itemSelected span {
    margin-left: 0;
    display: block;
    font-size: .8rem;
    color: #c4d322;
    line-height: 1rem;
}

.itemAllCount {
    width: 6px;
}

.textSky {
    color: #00adef;
}

.textBlack {
    color: #000 !important;
}

.boxNo {
    background: #fff;
    border-radius: 50%;
    width: 21px;
    height: 20px;
    color: #333;
    text-align: center;
    font-size: .7rem;
    line-height: 21px;
    font-weight: 700;
    float: left;
    margin-right: 5px;
}

.buttonAll-section button {
    margin: .3rem .5rem;
    border: 0;
    border-radius: 10px;
    padding: 1rem;
    color: #fff;
    height: 3.5rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1rem;
}

.buttonAll-section button:hover {
    opacity: .8;
}

.bakeline-bg-white {
    background: #fff;
    padding: 1rem 1rem;
    min-height: 100vh;
}

.bakeline-bg-white .box-bakeline {
    border: 1px solid #ccc;
    background: #fff;
}

.bakeline-bg-white .itemSelected {
    color: #000;
    font-size: .9rem;
}

.bakeline-bg-white .itemSelected span {
    color: #dcaf1e;
}

.bakeline_wrap .right-side {
    padding: 0;
}

.itemSelected.lineThrough {
    color: rgb(139 139 140);
}

.staff-section .general-information {
    margin-right: -2rem;
}

.driverNew {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.newDriver-Btn {
    width: auto;
    padding: .5rem .75rem;
    border-radius: .3rem;
    color: #fff;
    text-align: center;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    margin: -7px .3rem 0;
    transition: .5s;
    cursor: pointer;
    display: inline-block;
    font-weight: 400;
    font-size: .8rem;
    position: relative;
    background: linear-gradient(to right, rgba(255, 214, 34, 1) 0%, rgba(254, 188, 22, 1) 37%, rgba(255, 169, 8, 1) 62%, rgba(254, 149, 3, 1) 100%) !important;
}

.newDriver-Btn:hover {
    opacity: .8;
}

.menu-listing-auto-height.no-scrollbar {
    height: 80vh;
}

.sidenav a.activate-offer.deactivate-offer {
    background: #676666;
    color: #4c4747;
}

.detailing {
    display: flex !IMPORTANT;
}

span.root-manual-entry.prod_btn_width.manual-entry-button.product_section.col-lg-2.col-md-2.col-sm-4.col-xs-12 {
    margin: 0 -5px;
}

.minimum-rules h3 {
    padding: 0 1.4rem;
}

.minimum-rules .add-category-menu {
    margin-right: 1.7rem;
}

.minimum-rules .menu-listing-auto-height.no-scrollbar {
    padding: .5rem 1rem;
}

.minimum-rules .mobile-color {
    margin: .2rem .5rem 1rem 1.5rem;
}

span.jumpCab {
    display: inline-block;
    position: absolute;
    top: 12px;
    left: -11px;
    height: 28px;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #dadada;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #5d585838;
    width: 28px;
}

span.jumpCab img {
    width: 18px;
    height: 18px;
}

.suggestion-div>div {
    display: flex;
}

.prt-lft .suggestion-div>div, .rht-cc .suggestion-div>div {
    display: block;
}

.displayScreenWrapper .wrap {
    overflow: hidden;
}

.buttonAll-section {
    position: fixed;
    width: 99%;
    bottom: 10px;
    padding: 10px 0 0;
}

.driverNew {
    justify-content: space-between;
    display: flex;
    padding: 0 1rem;
    position: relative;
}

.driverNew:before {
    position: absolute;
    content: '';
    top: 11px;
    left: 54%;
    border-bottom: 1px solid #e9e8eb;
    width: 46%;
    transform: translate(-50%, -50%);
}

.driverNew>span {
    background: #fff;
    display: inline-block;
    z-index: 9;
}

span.otherThan {
    width: 30px;
    border: 1px solid #ccc;
    border-radius: 50%;
    height: 30px;
    line-height: 27px;
    margin-top: -3px;
}

.switchmore_Text {
    margin: 0 !important;
    width: 70%;
    line-height: 1.2rem;
}

.nav-tab-section.staff-content .sidenav {
    box-shadow: none;
}

.staffSwitz .fancybox-middle-no-margin.p-0 .driver_link_button .driver_title {
    margin-top: .5rem !important;
}

.productRight span.root-manual-entry.prod_btn_width.manual-entry-button.product_section.col-lg-4.col-md-4.col-sm-6.col-xs-12.modifyLeftRightPadding, .productLeft span.root-manual-entry.prod_btn_width.manual-entry-button.product_section.col-lg-4.col-md-4.col-sm-6.col-xs-12.modifyLeftRightPadding {
    margin-left: 0px;
    margin-right: -.2rem;
}

.managemenu-list .coupon-orange {
    background: linear-gradient(to right, rgb(233 150 120) 0%, rgb(243 115 88) 37%, rgb(237 94 42) 62%, rgb(231 75 19) 100%);
}

.fav-section .timeline-item {
    padding: 8.5px;
}

.fav-section .timeline-wrapper-block-b {
    min-width: 100%;
}

.final-order-wrap {
    position: relative;
    width: 100%;
    margin-left: 40%;
    width: 49px;
    display: inline-block;
    height: 48px;
}

.final-order {
    position: absolute;
    padding: 0;
    top: 16px;
    left: 15px;
    padding: 0;
    width: 20px;
}

.itemBoxAddress span {
    font-weight: 400;
    line-height: 20px;
    display: block;
}

.itemBoxAddress span br {
    display: none;
}

th.sorting i.fa-exchange {
    font-size: .7rem;
    transform: rotate(90deg);
}

.inactive-icons {
    display: inline-block;
    margin-left: 5px;
}

.inactive-icons i {
    margin: 0 !important;
    color: #ccc;
}

.disabled-dispatch-block {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 103%;
    background: #f8f8f9;
    z-index: 9;
    opacity: .9;
    border-radius: 0.625rem;
    box-shadow: 0 0 15px #e5e5e68a;
}

a.disabled-dispatch-block-button {
    display: inline-block;
    padding: 0.3rem 1rem;
    text-align: center;
    border: 0.0625rem solid #132ba3;
    color: #fff;
    font-size: .8rem;
    text-transform: capitalize;
    font-weight: 400;
    border-radius: 0.3rem;
    /* transition: .3s ease-out .3s; */
    background: #132ba3;
    position: absolute;
    left: 50%;
    top: 50%;
    min-width: 5rem;
    transform: translate(-50%, -50%);
    z-index: 999;
    box-shadow: 0 0 10px -3px #ccc;
}

a.disabled-dispatch-block-button:hover {
    background: #fff;
    color: #132ba3;
}

.message-detailssms trix-editor {
    display: block;
}

.log-section {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.justified-center-log {
    margin-top: 0;
}

.fancybox-middle-no-margin.manualEntryBox .col-lg-4.col-md-4.col-sm-6.col-xs-6 {
    display: inline-block;
    width: 110px;
}

.fancybox-middle-no-margin.fancybox-middle-no-margin-web {
    background: #353434;
    padding: 0 .5rem;
}

.btn-cons.close_fancy, .fancy_payment.close_fancy_no_margin.welcomeBox-close {
    min-width: 16.6666667%;
    padding: 0.5rem;
    margin-left: 5px;
}

.middle-divider.hidden-sm {
    display: none;
}

.callor-cancel {
    clear: both;
}

.callor-cancel a {
    float: left;
}

.cross-a span.subhoCancel {
    margin-left: 3px;
}

.centerBoxDeclineButtonQuick.cross-a:hover {
    padding: 10px 8px;
    font-size: 17px;
}

/* 10-12-21 */
.centerBoxCloseButton.cross-a {
    float: left;
}

.centerDraggableBox.centerBoxMainFrame .centerBoxCloseButton:hover {
    padding: 10px 8px;
    font-size: 17px;
}

.centerDraggableBox.centerBoxMainFrame .paymentStampForPopup {
    position: absolute;
    line-height: 30px;
}

.dataContainerMarginPaddingResp {
    overflow-y: scroll;
    height: calc(100vh - 80px);
}

.custom-height {
    height: 60vh !important;
}


/* for menu design change 22-12-21 */ 
/* div{
    border:1px solid #f00;
} */
.all-api {
    width: 100%;
    float: left;
    margin-left: 0px;
}
.all-menus {
    width: 100%;
    float: left;
}
.menu-fluid{
    box-shadow: none; 
}
.megamenu-row.no-scrollbar {
    height: 100vh;
    display: block;
}
.menu-box {
    width: 23.5%;
    display: inline-block;
    vertical-align: top;
    height: 135px;
    /* border: 1px solid #f1f0f0; */
    margin-bottom: 5px;
    box-shadow: 0 0 10px #cccccc5c;
    margin: 0.4rem;
    border-bottom: 0;
}
.menu-box span.menu-contents{
    height: 35px;
    display: block;
}
.menu-box .middle-xs{
    align-items: flex-start;
}
.menu-box-left{
    height: 4rem;
}
.menu-box-right{
    height: 100px;
}
/* .nav-tab-section {
    margin: 2rem 0 20px -0.5rem;
} */

.group-component.no-scrollbar {
    height: calc(100vh - 435px);
}
.nav-tab-section.all-menus{
    border-top: 0;
    margin: 2rem 0 20px -0.5rem;
}

.default_minimum_charge{display:none;}
.minimum_charge_by_miles{display:none;}
.minimum_charge_by_postcode{display:none;}
.minimum_charge_by_postcode_miles{display:none;}

.default_area_charge{display:none;}
.area_charge_by_miles{display:none;}
.area_charge_by_postcode{display:none;}

.request-section{
    padding: 0 15px 20px;
}
.confirmBtn-Request{
    background: #01af08;
    color: #fff;
    font-size: 12px;
    min-width: 16.6666667%;
    padding: 0.5rem;
    display: inline-block;
}
.confirmBtn-Request:hover{
    color: #fff;
}
.Success-tick span {
    text-align: center;
    font-size: 30px;
    color: green;
    margin: 10px 0;
    display: inline-block;
}
.Success-tick {
    text-align: center;
}
.driver-modal-text {
    font-size: 16px;
    line-height: 22px;
    width:100%;
    text-align: center;
}
.forSpacing {
    padding: 15px 0;
    overflow: hidden;
}
.Success-tick span.noFound{
    border: 1px solid red;
    width: 35px;
    padding: 5px 0;
    border-radius: 50%;
    font-size: 23px;
    text-align: center;
    color: red;
}
.DriverProfile-block{
    display: flex;
}
.DriverProfile i {
    font-size: 16px;
    margin-right: 10px;
    color: #626364;
    border: 1px solid;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    padding: 6px 8px;
}
p.nameDriver {
    font-size: 16px;
    font-weight: bold;
    font-family: 'proxima_novaBold';
}
p.contactDriver {
    font-size: 13px;
}
.requestedDriver{
    background: no-repeat;
    border: 0;
    font-size: 13px;
}
.rzslider .rz-pointer {
    top: -9px;
    z-index: 3;
    width: 22px;
    height: 22px;
    cursor: pointer;
    background-color: #fff;
    -webkit-border-radius: 16px;
    -moz-border-radius: 16px;
    border-radius: 16px;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #dadadb;
}
.rzslider .rz-selection {
    background: #f04f5fad;}
.rzslider .rz-pointer.rz-active:after{
    background: #fff;
}
span.rz-bubble.rz-model-value{
    color: #f04f5f;
    font-size: 13px;
}

.display-none{
    display: none!important;
}

.customer-optin-miidlebox{display:none;} .kuick-delivery-msg{display:none;}
ul{ padding: 0;}
.data-table-gross .col-xs-12.col-sm-3.col-md-6.col-lg-6-flex.end-md.end-sm.d-flex {
    display: flex;
    justify-content: end;
    align-items: center;
}
.report-table-structure.new-report-structure .report-table td:first-child {
    width: 40px;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    height: 40px;
    color: #132ba3;
    margin-top: 0;
    margin-left: 0.5rem;
}
.report-table-structure.new-report-structure .report-table td:nth-child(2){
    width: 140px;
    display: inline-block;
    text-align: center;
}
.report-table-structure.new-report-structure .report-table td:nth-child(3) {
    background: #fff;
    display: inline-block;
    color: #132ba3;
    border-radius: 0.3rem;
    /* height: 40px; */
    /* line-height: 22px; */
    padding: 0.4rem 1rem;
    margin: 1rem;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    cursor: pointer;
}
.report-table-structure.new-report-structure .report-table td:nth-child(3):hover {
        color: #1884D2;
            background: #e4f1ff70;
}

.report-table-structure.new-report-structure .report-table td:nth-child(4) {
    background: #132ba3;
    display: inline-block;
    color: #fff;
    border-radius: 0.3rem;
    /* height: 40px; */
    /* line-height: 22px; */
    padding: 0.4rem 1rem;
    margin: 1rem;
    box-shadow: 0.1875rem 0.1875rem 0.375rem #f3f2f2;
    box-shadow: 0px 8px 15px rgb(0 0 0 / 10%);
    cursor: pointer;
}
.report-table-structure.new-report-structure .report-table td:nth-child(4):hover {
        color: #1884D2;
            background: #e4f1ff70;
}