/* Header */

/*font woof*/
@font-face {
    font-family:'BentonRegular';
    /* src: local('font/BentonSansComp-Regular.woff'), url("font/BentonSansComp-Regular.eot"), url("font/BentonSansComp-Regular.otf")format('woff');('eot');('otf');*/
    src: url('font/BentonSansComp-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'Bentonbold';
    /*src: local('font/BentonSansCond-Bold.woff'), url("font/BentonSansCond-Bold.eot"), url("font/BentonSans-cond-Bold.otf")format('woff');('eot');('otf');*/
    src: url('font/BentonSansCond-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'BentonRegularCond';
    /*src: local('font/BentonSansCond-Regular.woff'), url("font/BentonSansCond-Bold.eot"), url("font/BentonSans-cond-Bold.otf")format('woff');('eot');('otf');*/
    src: url('font/BentonSansCond-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    line-height:24px;
    letter-spacing: 1px !important;

}
@font-face {
    font-family:'BentonSansExtraComp';
    src: url('font/BentonSansExtraComp-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    line-height:45px;

}

/*font eot*/
@font-face {
    font-family:'BentonRegulareot';
    src: url('font/BentonSansComp-Regular.eot') format('eot');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'Bentonboldeot';
    src: url('font/BentonSansCond-Bold.eot') format('eot');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'BentonRegularCondeot';
    src: url('font/BentonSansCond-Regular.eot') format('eot');
    font-weight: 400;
    font-style: normal;
    line-height:24px;
    letter-spacing: 1px !important;
}
@font-face {
    font-family:'BentonSansExtraCompeot';
    src: url('font/BentonSansExtraComp-Bold.eot') format('eot');
    font-weight: 700;
    font-style: normal;
    line-height:45px;

}

/*font otf*/
@font-face {
    font-family:'BentonRegularotf';
    src: url('font/BentonSansComp-Regular.eot') format('otf');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family:'Bentonboldotf';
    src: url('font/BentonSansCond-Bold.eot') format('otf');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family:'BentonRegularCondotf';
    src: url('font/BentonSansCond-Regular.eot') format('otf');
    font-weight: 400;
    font-style: normal;
    line-height:24px;
    letter-spacing: 1px !important;
}
@font-face {
    font-family:'BentonSansExtraCompotf';
    src: url('font/BentonSansExtraComp-Bold.eot') format('otf');
    font-weight: 700;
    font-style: normal;
    line-height:45px;

}


h1,h2,h3,h4,.btn,.b, strong ,.checked b{
    font-family:'BentonSansExtraComp';
    letter-spacing: 1px !important;
    /*color: white;*/
}
h6{
    color: #171717;
}

body{
    font-family:'BentonRegularCond';
    letter-spacing: 1px !important;
}
footer .container-fluid .text-uppercase{
    font-family:'BentonRegular';
    letter-spacing: 1px !important;
}
.magalla-menu .navbar-dark .navbar-nav .nav-link{
    font-family: BentonRegular;
    letter-spacing: 0px !important;

}
.cond-bold .mb-4 ,.details b{
    font-family:'Bentonbold';
    letter-spacing: 1px !important;
}
.b, strong {
    font-size: 18px;
}

.margalla-top-bar {
    background-color: #808080;
}

.margalla-account-bar {
    background-color: #EEEEEE;
}

.margalla-color-1 {
    color: #BDBDBD;
}

.margalla-account-bar .text-white {
    color: #171717 !important;
}

.px-7 {
    padding-left: 7rem !important;
    padding-right: 7rem !important;
}

.px-55 {
    padding-left: 5rem !important;
    padding-right: 5rem !important;
}

.new-collection {
    background: url("../images/margalla-desktop.png") no-repeat center center;
    background-size: cover;
}

.new-collection-2 {
    background: url("../images/desktop-banner-1.jpg") no-repeat center center;
    background-size: cover;
}

.pb-44 {
    padding-bottom: 4rem !important;
}

.pt-55 {
    padding-top: 5rem !important;
}

.main-search-input{
    position: absolute;
    height: 85px;
    top: -17px;
}

.magalla-menu .navbar-dark .navbar-nav .nav-link {
    /*font-family: BentonSans Comp Regular;*/
    font-style: normal;
    font-weight: 400;
    font-size: 19px;
    line-height: 26px;
    /* letter-spacing: 0.005em;*/
    text-transform: capitalize;

    color: #171717;
}

.magalla-menu .navbar .nav-item:hover .nav-link {
    color: #007dff;
}

.magalla-menu .navbar-nav .dropdown:hover::after {
    transform: scaleX(1);
}

.magalla-menu .navbar-nav .dropdown::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 90%;
    height: 3px;
    background-color: #007dff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s;
}

.margalla-account-bar .menu-animation:hover::after {
    transform: scaleX(1);
}

.margalla-account-bar .menu-animation::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #007dff;
    transform: scaleX(0);
    transform-origin: bottom left;
    transition: transform 0.3s;
    top: 26px;
}

.margalla-account-bar a {
    text-decoration:none;
}
.text-black a{
    border-bottom: 1px solid #e8e8e8;
    /*text-decoration:underline;*/
}
.common-summary-detail .basket .minibutton:hover{
    background-color: #000000a8 !important;
    color:white
}
.common-summary-detail .basket .minibutton{
    display: inline list-item;
    text-align: center;
    list-style: none;
    padding: 0 15px;
    height: 38px;
    color: #000000a8;
}
.common-summary-detail .basket input{
    height: 34px;
    border: 1px solid #000000a8;
    padding-bottom: 5px;
}
.catalog-detail-basic .short{
    display: unset;
}
.magalla-menu .dropdown-toggle::after {
    position: relative;
    top: -5px;
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #331818;
    border-top: 2px solid #331818;
    transform: rotate(135deg);
    margin-right: 0.5em;
    margin-left: .255em;
    vertical-align: unset;
    border-bottom: unset;
    border-left: unset;
}

.magalla-menu .navbar-dark .navbar-toggler {
    /*border-color: #331818;
    background-color: #e4e0e0;*/
}
.navbar-dark .navbar-toggler {
    color:black;
}
.ms-main-color{
    color: #171717 !important;
}
a.btn-link.text-white:hover{
    color:#343434 !important;
    text-decoration: none !important;
}
.magalla-menu .search-margalla {
    position: absolute;
    width: 100%;
    right: 0;
    /*left: -63px;*/
}

.magalla-menu .form-control:focus {
    box-shadow: none;
}

.magalla-menu{
    /*border-bottom: 1px solid #808080;*/
}

.font-size-30{
    font-size: 30px !important;
}
.pl-44, .px-44 {
    padding-left: 4rem !important;
}

.pr-44, .px-44 {
    padding-right: 4rem !important;
}

.margalla-home-stage {
    background: url("../images/marglla-product.jpg") no-repeat center center;
    background-size: cover;
    padding: 620px 0 110px 0;
    display: inline-block;
    width: 100%;
}
.shop-now-main{
    position: relative;
    top: -104px;
}

.margalla-just-in {
    background: url("../images/marglla-product.jpg") no-repeat center center;
    background-size: cover;
    padding: 620px 0 44px 0;
}

.margalla-just-in-1 {
    background: url("../images/m-product-2.jpg") no-repeat center center;
    background-size: cover;
    padding: 620px 0 44px 0;
}

.margalla-just-in-2 {
    background: url("../images/m-product-3.jpg") no-repeat center center;
    background-size: cover;
    padding: 620px 0 44px 0;
}

.margalla-just-in-3 {
    background: url("../images/m-product-4.jpg") no-repeat center center;
    background-size: cover;
    padding: 620px 0 44px 0;
}

.home .new-products img {
    max-height: 370px;
}

.margalla-color-2 {
    color: #171717;
}

.ms-form ul {
    list-style-type: disc !important;
    padding-left:2em !important;
    margin-left:1em;
}

.new-product-tag {
    position: absolute;
    top: 0;
    left: 0;
    background-color: #000;
    font-size: 14px;
    z-index: 999;

}

.product-price {
    color: #0367A5;
}
.magalla-menu .dropdown-item.active, .magalla-menu .dropdown-item:active {
    color: #171717;
}

.new-tag {
    position: relative;
    /*background: linear-gradient(to right, #0378A6 1.34%, #85041A 98.66%);*/
    padding: 1px;
    border: 1px solid rgba(80, 80, 80, 0.1);
    box-sizing: border-box;
}

.list-items.jnt .product .product-h{
    padding-top: 0px;
}
#filtersAccordian .cat-item:hover .margalla-color-2{
    color: #cf102d;
}
#filtersAccordian .box-shadow-special{
    box-shadow: 1px 0px 3px #efefef;
    -moz-box-shadow: 1px 0px 3px #efefef;
    -o-box-shadow: 1px 0px 3px #efefef;
    -webkit-box-shadow: 1px 0px 3px #efefef;
    background-color: #f5fbfb
}

.product-h {
    /*height: 250px;*/
    padding-top: 24px;
}

.py-12 {
    padding-top: 12rem !important;
    padding-bottom: 12rem !important;
}

.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    padding-top: 17px;
    padding-bottom: 17px;
    box-shadow: 0px 4px 30px rgba(0, 0, 0, .1);
}

.sticky + .content {
    padding-top: 60px;
}

#navbar {
    z-index: 999;
}

.margalla-logos .col:hover {
    opacity: 0.5;
}

.banner .hovered:hover {
    opacity: 0.8;
    cursor: pointer;
}

.margalla-colors {
    border-radius: 30px;
    padding: 3px 11px;
    border: 1px solid #000000;
}

.bg-green {
    background-color: #6FCF97;
}

.bg-sky-blue {
    background-color: #56CCF2;
}

.bg-dark1 {
    background-color: #333333;
}

.bg-orange {
    background-color: #F2994A;
}

.border-brown {
    border: 1px solid #cf102d;
}

.in-stock-bg {
    background-color: #cf102d;
}

.checked b {
    color: #049DBF !important;
}
.checked {
    color: #049DBF !important;
}
.Bentonbold{
    font-family:Bentonbold !Important;
}

.px-6 {
    padding-left: 4rem !important;
    padding-right: 4rem !important;
}
.btn-counter {
    background-color: #81cedf !important;
}

.margalla-red-color {
    color: #cf102d !important;
}

.bg-light-red {
    background-color: #f3e6e8;
}
.margalla-tabs .nav-tabs .nav-link.active {
    color: white;
    background: #cf102d;
    border-color: transparent;
}

.margalla-tabs .nav-tabs {
    border-bottom: 1px solid #331818;
    font-weight: bold;
    font-size:18px;
}
.ms-zoomer{
    right: 4px;
    bottom: 8px;
}

.about-product {
    margin-left: -65px;
}

.margalla-bg-light {
    background-color: #F2F2F2 !important;
}

.text-black {
    color: black !important;
}

.btn-continue-shopping {
    background: linear-gradient(41.5deg, #049DBF 24.08%, #0378A6 69%);
    opacity: 0.6;
}
.aimeos .btn-danger{
    color: #fff;
    background-color: #CF102D;
    border-color: #CF102D;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.aimeos .btn-danger:hover {
    color: #000;
    background-color: white;
    border-color: #bd2130;
}
.btn-dark {
    color: #fff;
    background-color: #171717;
    border-color: #171717;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-outline-dark{
    color:#171717;
    background-color: white;
    border-color: #171717;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-info{
    color: #fff;
    background-color: #1581BD;
    border-color: #1581BD;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.btn-outline-light{
    color: black;
    background-color: #fff;
    border-color: black;
    font-weight: 700;
    font-size: 20px;
    text-transform: uppercase;
}
.btn:hover{
    background-color: white !important;
    color: #343434;
    text-decoration: none !important;
}
.btn:hover a.btn-link{
    color: #343434 !important;
    text-decoration: none !important;
}
.catalog-list.new-products .media-list .media-item img{
    /*left:40%*/
}

.catalog-list.new-products .owl-dots{
    margin-top:20px;
}
.catalog-list.new-products .owl-nav{
    display: none;
}

.bg-dark-gray{
    background-color: #343434 !important;
}
.registration-form.p-2{
    padding-bottom: 0.6rem !important;
}
.cart-items {
    box-shadow: 0px 0px 15px 5px rgba(0, 0, 0, 0.19);
    z-index: 9999 !important;
    width: 89% !important;
    max-height: 426px;
    overflow-x: auto;
    scrollbar-width:thin;


    /*right: 196px;*/
    /*top: 104px;*/
}
.aimeos .text-light:hover {
    color: black !important;
    background-color: white !important;
}
.btn-dark:hover{
    background-color:#171717 !important;
    color: white !important;
}
.btn-dark{
    width: 100% !Important;
}
.basket-mini-product .basket-toggle.toggle-open::after, .basket-mini-product .basket-toggle.toggle-close::after {
    content: '' !important;
}

.fs-16{
    font-size: 16 !important;
}

.form-control {
    border: 1px solid #747474;
}
.ms-team-bg{
    background-image: url("../images/ms-products-bg.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.ms-btn-light{
    left: 56%;
    bottom: 70px;
}

.ms-bg-light{
    background-color:#EEEEEE !important;
}
a:hover {
    text-decoration: none;
}
.fa-envelope-o{
    color:red;
}
.fa-facebook:hover{
    color:white;
    background-color: #4064ac;
}
.fa-twitter:hover{
    color:#55acee;
}
.fa-instagram:hover{
    color:white;
    background: #f09433;
    background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888',GradientType=1 );
}
.fa-linkedin:hover{
    color:#0077b5;
}
.fa-linkedin:hover{
    color:#0077b5;
}
.fa-github:hover{
    color:#333333;
}
.fa-pinterest:hover{
    color:#bd081c;
}
.fa-whatsapp:hover{
    color:#fff;
    background-color: #2db340;
    /*background:
        linear-gradient(#25d366,#25d366)10px 84%/10px 15px no-repeat,
        radial-gradient(#25d366 60%,transparent 0);*/
}
.magalla-menu .fa{
    padding: 5px 6px;
    border-radius: 5px;
    margin-bottom: 0;
}
.magalla-menu .fa.fa-facebook ,footer .fa.fa-facebook{
    padding: 5px 9px;
}
footer .fa {
    padding: 5px 6px;
    border-radius: 5px;
    margin-bottom: 0;
}
.navbar-brand {
    min-height: 89px;
}
.click-menu{
    position: relative;
    z-index: 999;
}

.shopping-cart {
    cursor: pointer;
}
.bg-ms-grey{
    background-color: #C4C4C4;
}
.margalla-color-3{
    color: #474747;
}
.new-customer-bg{
    background: url("../images/Rectangle-ms-114.jpg") no-repeat center left;
    background-size: contain;
    padding: 440px 0 112px 0;
}
.cart-footer h5.pt-3{
    font-size: 18px;
    min-height: 60px;
}
.cart-footer h5.pt-2{
    font-size: 16px;
    color: #474747;
}
.catalog-filter-brand .cat-count::before {
    content: " (";
}
.catalog-filter-brand .cat-count::after {
    content: ") ";
}
.form-check-input {
    margin-top: .4rem !Important;
}

.barcode-print {
    display: inline-block;
    margin: 10px 5px;
    text-align: center;
}

.content-container-hide {
    padding-left: 0px;
    margin-top: 0px;
}

.content-container-hide .content-wrapper-hide {
    padding: 0px;
    margin-left: 0px;
}
.ms-p-custom{
    padding: 856px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
    position: static;
    width: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    clip: auto;
}

.stage-cat-name{
    top: 30%;
    color: white;
}

@page {
    size: auto;
    /* auto is the current printer page size */
    margin: 0mm;
    /* this affects the margin in the printer settings */
}

body.pos-order-print .pos-navbar-top {
    display: none;
}

body.pos-order-print .pos-navbar-left {
    display: none;
}

body.pos-order-print .pos-content-container {
    margin-top: 0px;
    padding-left: 0px;
}

body.pos-order-print .pos-content-container .pos-sales-main .pos-nav-container {
    display: none;
}

body.pos-order-print .pos-content-container .pos-sales-main .pos-nav-content {
    display: none;
}

body.pos-order-print .pos-content-container .pos-payment-main {
    display: none;
}

.search-field[disabled=disabled],
.control_disabled[disabled=disabled],
.order_search_field[disabled=disabled],
.discount-edit[disabled=disabled],
.discount-remove[disabled=disabled],
select[disabled=disabled],
select[disabled=disabled] {
    cursor: not-allowed;
}

.bagisto-footer-container {
    width: 100%;
    height: 40px;
    background-color: #171E3C;
    color: #FFFFFF;
    position: fixed;
    bottom: 0px;
    padding: 0 15px;
    display: inline-block;
    z-index: 1;
}

.bagisto-footer-container .admin-link {
    text-align: center;
}

.bagisto-footer-container .admin-link a {
    line-height: 40px;
    color: #FFFFFF !important;
    border-bottom: 1px solid #2149F3;
    margin-left: 20px;
}

.bagisto-footer-container .fa {
    position: absolute;
    right: 30px;
    padding: 5px 10px 10px;
    top: -30px;
    background: #171E3C;
    cursor: pointer;
}


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

/* Track */
::-webkit-scrollbar-track {
    background: #D8D8D8;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #666666;
}

hr {
    border-color: #E0E0E0;
}

.pos-modal-open {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.pos-modal {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.container-panel-header {
    width: 100%;
}

.container-panel-header h3 {
    margin: 0px;

    font-size: 18px;
    color: #333333;
    padding: 10px 0px;
    border-bottom: 1px solid #E0E0E0;
}

.pos-modal-overlay {
    display: none;
    overflow-y: auto;
    z-index: 12;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: #333333;
    opacity: .79;
}

.pos-overlay {
    pointer-events: none;
    background: #333333 !important;
    opacity: .79;
    border-color: #333333 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.pos-modal .pos-modal-overlay {
    display: block;
}

.pos-modal-open .pos-modal-overlay {
    display: block;
}

.vertical-tab {
    float: left;
    background-color: #E0E0E0;
    width: 30%;
    height: auto;
    max-height: 300px;
}

.vertical-tab .vertical-nav {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background-color: inherit;
    color: #333333;
    width: 100%;
    outline: none;
    text-align: left;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    font-size: 20px;
    border: 1px solid #6d6d6d;
    border-collapse: collapse;
    border-spacing: 0px;
}

.vertical-tab .vertical-nav a {
    cursor: pointer;
    padding: 18px 16px;
    width: 100%;
    color: #666;
    text-decoration: none;
}

.vertical-tab .vertical-nav.active {
    background-color: #FFFFFF;
    /*    border-right-color: #FFFFFF;*/
    border-left: 4px solid #cf102d;
    font-weight: 600;
}

.vertical-tab .vertical-nav:last-child {
    border-top: none;
}

.vertical-tabcontent {
    width: 70%;
    background-color: #FBFBFB;
    float: left;
    padding: 0px;
    height: 480px;
    border-left: none;
}

.cursor-pointer{
    cursor: pointer;
}

.cart_details div li.active.return {
    background-color: #989F9752 !important;
}

.vertical-tabcontent .vertical-content {
    width: 100%;
    display: inline-block;
    padding: 20px;
}

#requestQuantity h4 {
    font-weight: bold;
    font-size: 18px;
    color: #cf102d;
    text-align: center;
}

#requestQuantity .form-container {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding: 5px;
}

#requestQuantity .modal-left-content {
    width: 25%;
    display: inline-block;
}

#requestQuantity .modal-left-content img {
    height: 100px;
    width: 100px;
    border: 1px solid #979797;
    border-radius: 3px;
}

#requestQuantity .modal-right-content {
    width: 70%;
    display: inline-block;
    padding-left: 10px;
}

#requestQuantity .product-name {

    font-weight: bold;
    font-size: 20px;
    color: #333333;
    padding: 5px 0px;
    overflow-y: auto;
    max-height: 50px;
}

#requestQuantity .pos-discount-fields {
    padding: 5px 0px;
}

.pos-modal-container {
    -webkit-animation: fade-in-white 0.3s ease-in-out;
    animation: fade-in-white 0.3s ease-in-out;
    z-index: 13;
    margin-left: -350px;
    width: 500px;
    max-width: 80%;
    background: #FFFFFF;
    position: fixed;
    left: 55%;
    top: 100px;
    margin-bottom: 100px;
    -webkit-box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 15px 25px 0px rgba(0, 0, 0, 0.03), 0px 20px 45px 5px rgba(0, 0, 0, 0.2);
    -webkit-animation: jelly 0.5s ease-in-out;
    animation: jelly 0.5s ease-in-out;
    border-radius: 5px;
}

.pos-modal-container.modal-bg {
    width: 80%;
}

.pos-modal-container .modal-header {
    padding: 15px;
    border-bottom: 1px solid #E0E0E0;
    position: relative;
}

.pos-modal-container .modal-header h4 {
    display: inline-block;
    font-size: 18px;
    color: #242424;
    margin: 0;
}

.pos-modal-container .modal-header .icon {
    float: right;
    cursor: pointer;
}

.pos-modal-container .modal-body {
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 350px;
}
.basket-toggle{
    top: 8px;
    position: relative;
}

@media only screen and (max-width: 770px) {
    .pos-modal-container {
        max-width: 80%;
        left: 10%;
        margin-left: 0px;
    }
}

.notices .toast {
    margin: 3px 0px !important;
    border-radius: .10em !important;
    opacity: 1 !important;
    min-height: 0px !important;
}

.message-alert {
    padding: 8px 14px 8px 14px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    line-height: 1.60;
}

.danger {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}

.warning {
    color: #FFFFFF;
    background-color: #ffc107;
    border-color: #ffc107;
}

.pull-left {
    float: left;
    width: 50%;
}

.pull-left .control-group .pos-input-group .control {
    width: 75% !important;
}

.pull-right {
    float: right;
    width: 50%;
}

.pull-right .control-group .pos-input-group .control {
    width: 75% !important;
}

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

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

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

.text-default {
    color: #333333;
}

.text-success {
    color: #8BC34A;
}

.text-warning {
    color: #ffc107;
}

.text-danger {
    color: #a94442;
}

.pos-table-responsive {
    min-height: 0.01%;
    width: 100%;
    overflow-x: auto !important;
}

.pos-table-responsive .pos-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    margin-bottom: 10px;
    background-color: transparent;
    border-spacing: 0;
}

.pos-table-responsive .pos-table thead {
    background: #FFFFFF;
    -webkit-box-shadow: 0 1px 0 0 #E0E0E0, inset 0 1px 0 0 #E0E0E0;
    box-shadow: 0 1px 0 0 #E0E0E0, inset 0 1px 0 0 #E0E0E0;
}

.pos-table-responsive .pos-table thead tr th {

    font-size: 14px;
    color: #333333;
    padding: 10px 5px;
}

.pos-table-responsive .pos-table tbody > tr > td {
    vertical-align: top;
    padding: 5px 3px;
    line-height: 1.20;
    color: #000000;
    font-size: 15px;
}

.pos-table-responsive .pos-table tbody > tr > td .row-border {
    border-top: 1px solid #E0E0E0;
}

.pos-table-responsive .pos-table tbody > tr > td input {
    margin: 3px 0px 0px;
    width: 80%;
    padding: 5px;
    border: 2px solid #979797;
    border-radius: 3px;
    background-color: #FFFFFF;
    font-size: 16px;
    color: #333333;
    text-align: right;
}

.pos-table-responsive .pos-table tbody > tr > td input:active, .pos-table-responsive .pos-table tbody > tr > td input:focus, .pos-table-responsive .pos-table tbody > tr > td input:hover {
    color: #cf102d;
    border-color: #bd2130;
}

.pos-table-responsive .pos-table tbody tr:last-child td {
    border-bottom: none;
}

.pos-table-responsive .pos-table tfoot tr > td {
    padding: 5px;
    border-bottom: 1px solid #E0E0E0;
    font-size: 14px;
    color: #333333;
}

.pos-buttons {
    width: 100%;
    clear: both;
    padding: 5px;
}

.pos-button {
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    border: none;
    color: #FFFFFF;
    cursor: pointer;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    font: inherit;
    display: inline-block;
}

.pos-button:hover, .pos-button:active, .pos-button:focus {
    opacity: 0.75;
    border: none;
}

.pos-button.button-sm {
    padding: 5px 10px;
}

.pos-button.button-md {
    padding: 8px 16px;
}

.pos-button.button-lg {
    padding: 10px 20px;
}

.pos-button.button-xl {
    padding: 12px 24px;
    font-size: 16px;
}

.pos-button.button-light {
    background: #cf102d;
    color: #FFFFFF;
}

.pos-button.button-dark {
    background: #cf102d;
    color: #FFFFFF;
}

.pos-button:disabled, .pos-button[disabled="disabled"], .pos-button[disabled="disabled"]:hover, .pos-button[disabled="disabled"]:active {
    cursor: not-allowed;
    background: #b1b1ae;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.user-login {
    width: 100%;
    height: 100%;
    font-size: 14px;
    -webkit-background: -webkit-gradient(linear, left top, right top, from(#FFA68D), color-stop(25%, #FF8276), color-stop(50%, #FC6765), to(#cf102d));
    -webkit-background: linear-gradient(to right, #FFA68D 0%, #FF8276 25%, #FC6765 50%, #cf102d 100%);
    -moz-background: linear-gradient(to right, #FFA68D 0%, #FF8276 25%, #FC6765 50%, #cf102d 100%);
    background: -webkit-gradient(linear, left top, right top, from(#FFA68D), color-stop(25%, #FF8276), color-stop(50%, #FC6765), to(#cf102d));
    background: linear-gradient(to right, #FFA68D 0%, #FF8276 25%, #FC6765 50%, #cf102d 100%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.user-login .pos-login-content {
    width: 550px;
    text-align: center;
    position: relative;
    margin: 0px;
}

.user-login .pos-login-content .top-head-content {
    color: #FFFFFF;
    padding: 15px 15px 0px 15px;
    font-size: 25px;
    height: 100px;
    overflow-y: auto;
    font-weight: normal;
    line-height: 1.3;
}

.user-login .pos-login-content .login-form-content {
    background: #FFFFFF;
    padding: 10px 40px;
    margin-top: 30px;
    text-align: left;
    height: auto;
    max-height: 430px;
    position: relative;
    border-radius: 3px;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px 0 rgba(0, 0, 0, 0.2), 0 0 8px 0 rgba(0, 0, 0, 0.1);
}

.user-login .pos-login-content .login-form-content form {
    margin-top: 45px;
}

.user-login .pos-login-content .login-form-content .pos-logo-container {
    position: absolute;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    top: -50px;
    z-index: 1;
    left: 220px;
}

.user-login .pos-login-content .login-form-content .pos-logo-container img.pos_logo {
    width: 100px;
    height: 100px;
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    background: #FFFFFF;
}

.user-login .pos-login-content .login-form-content .pos-login-text {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
    text-align: center;
    padding: 10px 10px 0px 10px;
    margin: 0px;
    height: 50px;
    overflow: hidden;
    overflow-y: auto;
}

.user-login .pos-login-content .login-form-content .pos-login-fields {
    padding: 5px 30px;
    width: 100%;
    position: relative;
    display: inline-block;
}

.user-login .pos-login-content .login-form-content .control-group {
    font-size: 16px;
    margin-bottom: 15px;
}

.user-login .pos-login-content .login-form-content .control-group .control {
    width: 100%;
}

.user-login .pos-login-content .login-form-content .pos-forgot-password-link {
    margin: 10px 0px 0px;
}

.user-login .pos-login-content .login-form-content .checkbox {
    font-size: 15px;
}

.user-login .pos-login-content .login-form-content .checkbox input {
    opacity: 1;
    position: relative;
    width: 18px;
    height: 18px;
}

.aimeos .addbasket .input-group .basket-main-qtybtn{
    border: 1px solid #e3e3e3;
}

.aimeos .margalla-tabs a.active:link:not(.btn):hover{
    color:white
}

.basket-mini-product .basket-toggle{
    font: unset;
}

.product .addbasket{
    width: 80%;
}

.jnt-mini-basket-container{
    height: 75vh;
    overflow: auto;
}



.aimeos .addbasket .input-group .basket-main-addbtn{
    margin-left:5px;
}
.aimeos .addbasket .input-group .basket-main-qtybtn, .aimeos .addbasket .input-group .basket-main-addbtn{
    width: 49% !important;
}

@media only screen and (max-width: 580px) {
    .user-login .pos-login-content .login-form-content .pos-login-text {
        font-size: 15px;
        height: 50px;
    }

    .user-login .pos-login-content .login-form-content .pos-login-fields {
        padding: 5px;
    }

    .user-login .pos-login-content .login-form-content .control-group {
        font-size: 14px;
    }
}

.user-login .pos-login-content .footer-note {
    height: 110px;
    overflow: hidden;
    position: absolute;
    bottom: 10px;
    line-height: 1.30;
    width: 100%;
}

.user-login .pos-login-content .footer-note .bottom-head-content {
    color: #FFFFFF;
    padding: 40px 0px 10px 0px;
    font-size: 20px;
    font-weight: normal;
    overflow-y: auto;
}

.user-login .pos-login-content .footer-note .footer-note-link {
    color: #FFFFFF;
}

.user-login .pos-login-content .footer-note .footer-note-link a {
    color: #FFFFFF;
    text-decoration: underline;
}

@media only screen and (max-width: 580px) {
    .user-login .pos-login-content .top-head-content {
        font-size: 20px;
    }

    .user-login .pos-login-content .login-form-content {
        padding: 10px;
    }

    .user-login .pos-login-content .footer-note .bottom-head-content {
        padding: 5px;
        font-size: 20px;
    }
}

@media only screen and (max-width: 580px) {
    .user-login .pos-login-content {
        width: 80%;
    }
}

.pos-container-wrapper {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;
    color: #333333;
}

.pos-container-wrapper a:active,
.pos-container-wrapper a:focus,
.pos-container-wrapper a:hover {
    color: #cf102d;
}

/*.pos-container-wrapper a:link,
{
    color: #666666;
}*/
.pos-menu-item a{
    color: #747474;
}
.pos-container-wrapper a:active {
    color: #CF102D;
}
.pos-container-wrapper a:hover,.pos-container-wrapper a:active {
    /*color: #CF102D;;*/
}

.pos-container-wrapper input[type=checkbox] {
    width: 15px;
    height: 15px;
}

.pos-container-wrapper .btn-hold {
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 18px;
    position: absolute;
    top: 10px;
}

.pos-container-wrapper .btn-hold span.hold_cart_count {
    background: #d42c20;
    color: #FFFFFF;
    position: absolute;
    width: auto;
    min-width: 12px;
    text-align: center;
    border-radius: 3px;
    font-size: 15px;
    top: -5px;
    right: -5px;
    padding: 0px 4px;
}

.pos-container-wrapper .btn-pos-default {
    background: #E0E0E0;
    color: #333333;
}

.pos-container-wrapper .btn-pos-success {
    background: #8BC34A;
}

.pos-container-wrapper .btn-pos-primary {
    background: #cf102d;
    border-radius: 0;
    color: white;
}
.pos-container-wrapper .btn-pos-primary:hover {
    color: #000 !important;
    background-color: white;
    border-color: #bd2130;
}

.pos-container-wrapper .btn-pos-dark {
    background: #cf102d;
}

.pos-container-wrapper .customer-btn {
    width: 50%;
    float: left;
    font-size: 18px;
    position: relative;
    text-align: left;
    padding: 10px 25px !important;
    margin-bottom: 10px;
}

.pos-container-wrapper .customer-btn .fa-user-circle {
    left: 5px;
    top: 12px;
}

.pos-container-wrapper .customer-btn .fa {
    position: absolute;
    font-family: FontAwesome;
    font-size: 16px;
    color: #FFFFFF;
}

.pos-container-wrapper .customer-btn .fa-pencil {
    right: 5px;
    top: 12px;
}

.pos-container-wrapper .pay-btn {
    width: 45%;
    float: right;
    position: relative;
    text-align: center;
    font-size: 18px;
    margin-bottom: 10px;
}

.pos-container-wrapper .hold-btn {
    width: 100%;
    float: left;
    position: relative;
    text-align: center;
    font-size: 18px;
}

.pos-container-wrapper .btn.btn-xlg {
    padding: 10px 50px;
    width: 80%;
}

.pos-container-wrapper .btn.btn-lg {
    padding: 10px 35px;
}

.pos-container-wrapper .btn.btn-md {
    padding: 8px 16px;
}

.pos-container-wrapper .btn.btn-sm {
    padding: 5px 10px;
}

.pos-container-wrapper .pos-action {
    width: 100%;
    padding: 10px;
    clear: both;
}

.pos-container-wrapper .mag-btm-10 {
    margin-bottom: 10px;
}

.pos-container-wrapper .control-group {
    font-size: 16px;
    margin-bottom: 15px;
    display: inline-block;
}

.pos-container-wrapper .control-group .control {
    width: 80%;
    color: #666666;
    font-size: 16px;
}

.pos-container-wrapper .control-group .control:active, .pos-container-wrapper .control-group .control:focus, .pos-container-wrapper .control-group .control:hover, .pos-container-wrapper .control-group .control:link, .pos-container-wrapper .control-group .control:visited {
    border-color: #bd2130;
}

.pos-container-wrapper .control-group .card_four_digit {
    width: 60px;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    text-align: center;
    vertical-align: super;
    border-bottom: 2px solid #e65555;
    background: #f8e3e3;
    padding: 0px 5px;
}

.pos-container-wrapper .control-group label {
    font-size: 16px;
    color: #333333;
}

.pos-container-wrapper .control-group .pos-input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}

.pos-container-wrapper .control-group .pos-input-group .control:first-child {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0;
}

.pos-container-wrapper .control-group .pos-input-group .control:last-child {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
}

.pos-container-wrapper .control-group .pos-input-group .control {
    display: table-cell;
    position: relative;
    z-index: 2;
    float: left;
    width: 100%;
    margin-bottom: 0;
}

.pos-container-wrapper .control-group .pos-input-group .pos-input-group-btn {
    position: relative;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.pos-container-wrapper .control-group .pos-input-group .pos-input-group-btn .span-btn {
    border: 2px solid #c7c7c7;
    color: #666666;
    height: 36px;
    margin-top: 10px;
    font-weight: bold;
    margin-right: -2px;
}

.pos-container-wrapper .control-group .pos-input-group .pos-input-group-btn .span-btn-sm {
    padding: 8px 15px;
}

.pos-container-wrapper .pos-navbar-top {
    height: 60px;
    background: #CF102D;
    font-size: 0;
    border-bottom: 1px solid #CF102D;
    position: fixed;
    left: 0;
    right: 0;
    padding: 0px 10px;
    z-index: 1;
    top: 0;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left {
    width: 69%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-heading {
    font-size: 20px;
    width: 27%;
    height: auto;
    padding: 15px 30px;
    vertical-align: middle;
    float: left;
    overflow-x: auto;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-heading a {
    color: #FFFFFF;
    font-size: 24px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search {
    width: 60%;
    height: 100%;
    float: left;
    padding: 7px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content {
    width: 100%;
    height: 100%;
    position: relative;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .fa {
    position: absolute;
    padding: 12px 18px;
    font-size: 20px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .fa-search:before {
    color: #666666;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .fa.fa-barcode {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 20px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .search-field {
    background: #FFFFFF;
    color: #666666;
    width: 100%;
    height: 100%;
    border-radius: 3px;
    border: 1px solid #333333;
    padding: 5px 50px;
    font-size: 16px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .fa-barcode {
    cursor: pointer;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-nav-top-product {
    width: 10%;
    float: left;
    padding: 8px;
    height: 100%;
}

/*.pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-nav-top-product .custom_img {
    width: 45px;
    height: 45px;
    display: inline-block;
    background-size: cover;
    background-image: url("../images/symbols-add-product.png");
    cursor: pointer;
}*/

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right {
    width: 30%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-reload {
    width: 15%;
    height: 100%;
    padding: 15px;
    display: inline-block;
    text-align: center;
    border-left: 1px solid #333333;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-reload .fa {
    color: #FFB4C0;
    font-size: 28px;
    cursor: pointer;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-reload .fa-sync:before {
    content: "\F021";
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-wifi {
    width: 15%;
    height: 100%;
    padding: 15px 10px;
    display: inline-block;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
    text-align: center;
    cursor: pointer;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-wifi.offline_label .fa {
    color: #666666;
    font-size: 28px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-wifi.online_label .fa {
    color: #8BC34A;
    font-size: 28px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user {
    width: 100%;
    height: 100%;
    padding: 6px 10px 6px 20px;
    display: inline-block;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-image {
    width: 25%;
    height: 100%;
    float: left;
    overflow: hidden;
    text-align: center;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-image img {
    width: 45px;
    height: 45px;
    background: #FFFFFF;
    border-radius: 50%;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-image .fa-user-circle:before {
    color: #FFFFFF;
    font-size: 45px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-details {
    width: 80%;
    height: 100%;
    float: left;
    padding: 7px 0px 0px 0px;
    padding: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-details span {
    color: #FFFFFF;
    height: 100%;
    font-size: 14px;
    font-weight: bold;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-details p {
    color: #FFB4C0;
    height: 100%;
    font-size: 14px;
    padding: 0;
    margin: 0;
    font-style: italic;

}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-logout {
    width: 20%;
    height: 100%;
    float: left;
    padding: 10px 0px;
}

.pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-logout .fa-sign-out:before {
    /*color: #FFB4C0;*/
    font-size: 25px;
    cursor: pointer;
}

.pos-container-wrapper .pos-navbar-left {
    position: fixed;
    top: 60px;
    bottom: 0;
    background: #FFFFFF;
    width: 100px;
    border: 1px solid #E0E0E0;
    padding: 0px;
    height: 100%;
    z-index: 1;
    -webkit-box-shadow: 1px 0px 1px #E0E0E0;
    box-shadow: 1px 0px 1px #E0E0E0;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item {
    padding: 5px 0px;
    font-size: 16px;
    text-align: center;
    margin: 10px 0px;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .nav-link {
    color: #666666;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: inline-block;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .router-link-active {
    color: #cf102d;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .router-link-active span.icon.fa {
    color: #cf102d;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .nav-link span.icon.fa {
    width: 35px;
    height: 35px;
    color: #666666;
    font-size: 25px;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .nav-link p {
    padding: 0;
    margin: 0;
}

.pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item .nav-link .fa-chart-pie:before {
    content: "\F200";
}

.pos-container-wrapper .pos-content-container {
    padding-left:0px;
    position: absolute;
    margin-top: 61px;
    top: 0;
    right: 0;
    left: 100px;
    bottom: 0;
    z-index: 3;
    background-color: white;
}

.pos-container-wrapper .pos-content-container .pos-nav-lists {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0px;
    position: relative;
    top: -2px;
    height: auto;
    margin: 0px 3px;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-nav-lists li.pos-nav .nav-link {
    color: #666666;
    background: #FFFFFF;
    border-right: 1px solid #E0E0E0;
    padding: 10px 15px;
    margin: 0;
    border-bottom: none;
    cursor: pointer;
    height: 44px;
}

.pos-container-wrapper .pos-content-container .pos-nav-lists li.pos-nav .nav-link.router-link-active {
    color: #cf102d !important;
    height: 46px !important;
}

.pos-container-wrapper .pos-content-container .pos-nav-lists li.pos-nav.active {
    color: #cf102d !important;
    height: 47px !important;
}

.pos-container-wrapper .pos-content-container .pos-nav-content {
    width: 100%;
    height: 100%;
}

.pos-container-wrapper .pos-content-container .pos-nav-content .pos-nav-pane {
    background-color: #FFFFFF;
    padding: 10px 0px;
    height: 100%;
    display: none;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container .pos-nav-content .pos-nav-pane.active {
    display: block;
    font-weight: normal;
    font-size: 16px;
    color: #333333;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container div.pos-home-main {
    width: 70%;
    background-color: #FFFFFF;
    height: 100%;
    float: left;
}

.pos-container-wrapper .pos-content-container div.pos-home-main img {
    width: 100px;
    height: 100px;
    border: 1px solid #E0E0E0;
    display: inline-block;
    border-radius: 3px;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories {
    width: 100%;
    background-color: #FFFFFF;
    height: 45px;
    border-bottom: 1px solid #E0E0E0;
    -webkit-box-shadow: 1px 0px 1px #E0E0E0;
    box-shadow: 1px 0px 1px #E0E0E0;
    padding: 3px;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories ul.category-section {
    display: inline-block;
    list-style: none;
    margin: 3px 0px;
    width: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories ul.category-section ul.parent-categories {
    width: 100%;
    display: inline;
    padding: 5px 10px;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories ul.category-section ul.modal-categories {
    width: 100%;
    display: block;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories ul.category-section ul.modal-categories li.modal-category {
    font-size: 16px;
    color: #333333;
    cursor: pointer;
    padding: 5px 10px;
    margin-left: 5px;
    text-transform: capitalize;
    position: relative;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories li.related_category,
.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories li.show_all_category {
    display: inline-block;
    color: #333333;
    cursor: pointer;
    padding: 5px 10px;
    margin-left: 5px;
    text-transform: capitalize;
    font-size: 20px;
}

.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories li.related_category.focus-category,
.pos-container-wrapper .pos-content-container div.pos-home-main .pos-categories li.show_all_category.focus-category {
    background-color: #cf102d;
    color: #FFFFFF;
    border-radius: 2px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-history-panel,
.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-panel,
.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-panel {
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-product-container {
    padding: 10px;
    height: 534px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-product-container .product-layout {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    padding: 10px;
    cursor: unset;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main {
    display: inline-block;
    background: #FFFFFF;
    height: 100%;
    width: 30%;
    overflow: hidden;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list {
    width: 100%;
    height: 100%;
    background-color: #FFFFFF;
    padding: 20px 10px;
    border-right: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_search {
    height: 45px;
    position: relative;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_search .fa {
    position: absolute;
    padding: 11px 13px;
    left: 0;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_search input.order_search_field {
    height: 40px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 3px 0px 3px 35px;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list {
    height: 77vh;
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list li.record {
    height: auto;
    width: 100%;
    padding: 10px 5px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list li.record.active {
    background-color: #FFF0F3;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list li.record .order_id {

    font-weight: bold;
    color: #cf102d;
    font-size: 18px;
    padding: 5px;
    display: inline-block;
    width: 20%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list li.record .order_date {

    font-size: 16px;
    color: #333333;
    display: inline-block;
    padding: 5px;
    width: 45%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order-search-main .pos-order-list .order_list li.record .order_total {
    display: inline-block;
    font-size: 16px;
    padding: 5px;
    width: 30%;
    font-weight: bold;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-order-view {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #FFFFFF;
    height: 100%;
    width: 70%;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-order-view .pos-order-info {
    width: 45%;
    display: inline-block;
    padding: 10px;
    height: 535px;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-order-view .pos-order-totals {
    width: 55%;
    display: inline-block;
    padding: 10px;
    /*height: 50vh;*/
    scrollbar-width:thin;

}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-order-view .order-info-totals {
    height: 82vh;
    overflow-x: hidden;
    overflow-y: auto;
}
.pos-container-wrapper .pos-content-container .pos-sales-main .pos-order-view .order-info {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    padding: 20px;
    vertical-align: top;
    display: inline-block;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row {
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #CCC;
    padding: 10px 0px;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row label.row_title {
    width: 100%;
    font-size: 16px;
    padding: 5px 0px;
    display: inline-block;
    font-weight: bold;
    color: #666666;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value {
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    word-break: break-all;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value span {
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value span.cust_name {
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 5px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_info {
    width: 70%;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .price_info {
    width: 30%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    text-align: right;
    padding: 5px 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div span {
    padding: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_name {
    color: #333333;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_name span.product-attributes {
    font-size: 13px;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_name span.product-attributes span {
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_unit {
    font-size: 14px;
    color: #666666;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value.order_id {
    font-weight: bold;
    color: #cf102d;
    font-size: 18px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value {
    width: 100%;
    padding: 0px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: normal;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value div.total_text {
    width: 50%;
    display: inline-block;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value div.total_value {
    width: 50%;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value div.total_value.order_id {
    font-weight: bold;
    color: #cf102d;
    font-size: 18px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list {
    background-color: #FFFFFF;
    width: 100%;
    height: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .pos-product-container {
    padding: 10px;
    height: 534px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .pos-product-container .product-layout {
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    padding: 15px;
    cursor: unset;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-detail {
    width: 100%;
    font-size: 16px;
    color: #6d6d6d;
    margin-bottom: 10px;
    padding: 5px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-detail .order_note {
    width: 30%;
    display: inline-block;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-detail .order_date_time {
    width: 70%;
    display: inline-block;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order_hold_note {
    width: 100%;
    padding: 5px;
    margin-bottom: 20px;
    font-size: 16px;
    text-align: left;
    overflow-y: auto;
    overflow-x: hidden;
    height: 30px;
    border-bottom: 1px solid #979797;
    color: #6d6d6d;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container {
    width: 100%;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 16px;
    text-align: left;
    color: #6d6d6d;
    border-bottom: 1px solid #979797;
    line-height: 1.800;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-heading {
    text-transform: capitalize;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list {
    font-weight: normal;
    width: 100%;
    height: 140px;
    overflow-y: auto;
    overflow-x: hidden;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info {
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info .product_name {
    width: 50%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 8px;
    line-height: 1.60;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info .product_name span.product-attributes {
    font-size: 13px;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info .product_name span.product-attributes span {
    display: inline-block;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info .product_qty {
    width: 15%;
    display: inline-block;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .order-product-container .item-list .product_info .product_price {
    width: 30%;
    display: inline-block;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-hold-list .hold_footer {
    position: relative;
    bottom: 0px;
    padding: 5px;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list {
    background-color: #FFFFFF;
    width: 70%;
    height: 100%;
    display: inline-block;
    border-right: 2px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail {
    padding: 2px 0px;
    font-size: 16px;
    color: #6d6d6d;
    text-align: left;
    position: relative;
    height: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head {
    width: 100%;
    padding-bottom: 5px;
    display: inline-block;
    border-bottom: 1px solid #CCC;
    margin-bottom: 5px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .left_section {
    width: 50%;
    float: left;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .left_section i {
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .right_section {
    width: 50%;
    float: right;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .right_section .head {
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head span {
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .head {
    font-weight: bold;
    display: inline-block;
    text-align: left;
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head i {
    font-weight: normal;
    display: inline-block;
    text-align: right;
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .customer_data {
    width: 100%;
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .customer_data .email {
    padding-left: 20px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .customer_data table {
    width: 100%;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_item_section {
    height: 100px;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_item_section .offline-product-name {
    width: 85%;
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_item_section .offline-product-name span.product-attributes {
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_item_section .offline-product-name span.product-attributes span i {
    font-size: 12px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_item_section table > tr > td {
    width: 35%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .order_detail_head .order_note {
    height: 30px;
    overflow: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-list .order-detail .offline_footer {
    position: relative;
    bottom: 0;
    padding: 5px;
    width: 100%;
    display: inline-block;
    text-align: center;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail {
    background-color: #FFFFFF;
    width: 30%;
    height: 100%;
    display: inline-block;
    color: #6d6d6d;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .pos-product-container {
    padding: 10px 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .pos-product-container.hide_sync_button .row_value {
    height: 175px !important;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .sync_button_area {
    height: 50px;
    text-align: center;
    padding: 0px 5px 15px;
    border-bottom: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area {
    padding: 5px 10px;
    width: 100%;
    height: 100%;
    height: 460px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row {
    border-bottom: 1px solid #E0E0E0;
    padding: 0px 0px 5px;
    display: inline-block;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row:last-child {
    border-bottom: none;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row {
    margin-bottom: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data {
    width: 100%;
    display: inline-block;
    padding: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data.left_section {
    width: 50%;
    float: left;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data.left_section.left_half {
    width: 30%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data.right_section {
    width: 50%;
    float: right;
    text-align: right;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data.right_section.right_third {
    width: 70%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data span.label_head {
    display: inline-block;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    color: #6d6d6d;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value {
    font-size: 14px;
    width: 100%;
    display: inline-block;
    word-break: break-all;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value span.name,
.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value span.email {
    width: 100%;
    display: inline-block;
    overflow-y: auto;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .order_row {
    padding: 5px 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .order_row.order_id {
    font-weight: bold;
    color: #cf102d;
    font-size: 18px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value {
    width: 100%;
    padding: 5px 10px;
    display: inline-block;
    font-size: 16px;
    font-weight: normal;
    overflow-y: auto;
    height: 125px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value span {
    width: 100%;
    display: inline-block;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value span.cust_name {
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    margin-bottom: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .product_info {
    width: 70%;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    margin-bottom: 10px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .price_info {
    width: 30%;
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #666666;
    text-align: right;
    padding: 5px 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div span {
    padding: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .product_name {
    color: #333333;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .product_name span.product-attributes {
    font-size: 13px;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .product_name span.product-attributes span {
    display: inline;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .row_value div .product_unit {
    font-size: 14px;
    color: #666666;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .total_row_value {
    width: 100%;
    padding: 0px 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    font-weight: normal;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .total_row_value div.total_text {
    width: 50%;
    display: inline-block;
    text-align: left;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .total_row_value div.total_value {
    width: 50%;
    display: inline-block;
    text-align: right;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .sale-offline-detail .order_view_area .order_view_row .order_row_data .order_view_value .total_row_value div.total_value.order_id {
    font-weight: bold;
    color: #cf102d;
    font-size: 18px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main {
    width: 100%;
    background-color: #FFFFFF;
    height: 100%;
    float: left;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-payment-header {
    width: 100%;
    background-color: #FFFFFF;
    height: 45px;
    /*    border-bottom: 1px solid #E0E0E0;*/
    -webkit-box-shadow: 1px 0px 1px #E0E0E0;
    box-shadow: 1px 0px 1px #E0E0E0;
    padding: 3px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-payment-header .title {
    padding-top: 2px;
    font-size: 20px;
    color: #333333;
    padding: 10px;
    font-weight: bold;
    position: relative;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-payment-header .title .fa {
    position: absolute;
    right: 30px;
    top: 10px;
    font-size: 20px;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container {
    padding: 0px 10px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details {
    width: 80%;
    margin-top: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail {
    width: 100%;
    padding: 5px 10px;
    border: 1px solid #E0E0E0;
    margin-bottom: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .name {
    color: #cf102d;
    margin: 0px;
    padding: 5px;
    position: relative;
    width: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .name .fa {
    font-size: 30px;
    position: absolute;
    left: 0px;
    top: 0px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .name span {
    font-size: 20px;
    text-align: left;
    position: relative;
    left: 35px;
    top: 0;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .address {
    padding: 5px 5px 5px 35px;
    width: 100%;
    font-style: italic;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .address .fa {
    font-size: 16px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .customer_detail .address span {
    font-size: 16px;
    text-align: left;
    position: relative;
    left: 10px;
    top: 0;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail {
    width: 100%;
    padding-left: 0px;
    margin: 0px;
    height: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details {
    padding-right: 20px;
    text-align: right;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details .payment-total {
    width: 100%;
    margin-left: 20px;
    padding-top: 10px;
    display: inline-block;
    border-bottom: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details .payment-total span {
    padding: 5px 10px;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details .payment-total .amount {
    color: #cf102d;
    font-size: 20px;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details .payment-total .text {
    color: #666666;
    font-size: 15px;
    border-bottom: 1px solid #E0E0E0;
    width: auto;
    max-width: 50%;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .total-details .payment-total:last-child {
    border-bottom: none;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .cart-calculator {
    width: 90%;
    height: auto;
    float: right;
    background-color: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    border-right: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .cart-calculator ul.calculator-row {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    overflow: hidden;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .cart-calculator ul.calculator-row li.cal-li {
    display: inline-block;
    width: 33.33%;
    height: 60px;
    border-left: 1px solid #E0E0E0;
    border-bottom: 1px solid #E0E0E0;
    margin: 0px;
    text-align: center;
    padding: 20px 10px;
    background-color: #FFFFFF;
    font-size: 20px;
    color: #000000;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .cart-calculator ul.calculator-row li.cal-li.active, .pos-container-wrapper .pos-content-container div.pos-payment-main .pos-product-container .checkout_details .payment_detail .cart-calculator ul.calculator-row li.cal-li:hover {
    background-color: #ccc;
    border: none;
    outline: none !important;
    color: #333333;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main {
    width: 70%;
    background-color: #FFFFFF;
    height: 100%;
    float: left;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-header {
    width: 100%;
    background-color: #FFFFFF;
    height: 45px;
    border-bottom: 1px solid #E0E0E0;
    -webkit-box-shadow: 1px 0px 1px #E0E0E0;
    box-shadow: 1px 0px 1px #E0E0E0;
    padding: 3px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-header .title {
    font-size: 20px;
    color: #333333;
    padding: 10px;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-product-container {
    padding: 0px 10px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list {
    width: 40%;
    float: left;
    height: 100%;
    background-color: #FFFFFF;
    padding: 10px;
    border-right: 2px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_search {
    height: 45px;
    position: relative;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_search .fa {
    position: absolute;
    padding: 11px 13px;
    left: 0;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_search input.customer_search_field {
    height: 40px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 3px 0px 3px 35px;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list {
    height: 475px;
    display: inline-block;
    width: 100%;
    background-color: #FFFFFF;
    border-top: 1px solid #E0E0E0;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list li.record {
    height: 88px;
    width: 100%;
    padding: 5px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list li.record.active {
    background-color: #FFF0F3;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list li.record .customer_name {
    /**/
    font-size: 18px;
    color: #cf102d;
    padding: 1px 5px;
    width: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list li.record .customer_contact {
    position: relative;
    font-size: 13px;
    color: #000000;
    line-height: 12px;
    padding: 2px 2px 2px 25px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-list .customer_list li.record .customer_contact .fa {
    position: absolute;
    left: 10px;
    font-family: FontAwesome;
    font-size: 12px;
    color: #666666;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view {
    width: 60%;
    float: left;
    height: 100%;
    background-color: #FFFFFF;
    padding: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel {
    padding: 40px;
    height: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details {
    height: 410px;
    text-align: center;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer-profile-icon {
    font-family: FontAwesome;
    font-size: 90px;
    color: #979797;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer-name {
    /**/
    font-size: 30px;
    color: #cf102d;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer-contact {
    position: relative;
    width: 100%;
    font-size: 16px;
    color: #000000;
    line-height: 16px;
    padding: 10px 5px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action.edit_remove {
    width: 80%;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action {
    width: auto;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action .modify_customer {
    display: inline-block;
    width: 60%;
    text-align: left;
    padding: 5px 25px;
    position: relative;
    cursor: pointer;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action .modify_customer .fa {
    position: absolute;
    left: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action .remove_customer {
    display: inline-block;
    width: 30%;
    text-align: left;
    padding: 5px 0px 5px 25px;
    position: relative;
    cursor: pointer;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action .remove_customer .fa {
    position: absolute;
    left: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .add_customer {
    padding: 10px 20px;
    text-align: center;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 70px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .add_customer .customer-add-icon {
    border: 2px solid #cf102d;
    border-radius: 50%;
    position: relative;
    height: 50px;
    width: 50px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .add_customer .customer-add-icon i.fa {
    position: absolute;
    top: 11px;
    left: 13px;
    font-family: FontAwesome;
    font-size: 26px;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .add_customer .customer-add-text {
    font-size: 24px;
    color: #cf102d;
    padding: 10px;
    float: left;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel #addCustomer .modal-header {
    text-align: center;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel #addCustomer .modal-header h4 {
    color: #cf102d;
    font-size: 24px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel #addCustomer .pos-customer-fields {
    padding: 10px;
}

.pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel #addCustomer .pos-customer-fields label {
    font-size: 16px;
    color: #333333;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container {
    width: 30%;
    height: 93vh;
    float: right;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content {
    width: 100%;
    /*height: 100%;*/
    height: 100vh;
    position: relative;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart {
    position: relative;
    width: 100%;
    /*height: 310px;*/
    font-weight: normal;
    color: #333333;
    font-size: 16px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header {
    font-size: 16px;
    padding: 0px 3px;
    height: 45px;
    border-bottom: 1px solid #E0E0E0;
    -webkit-box-shadow: 1px 0px 1px #E0E0E0;
    box-shadow: 1px 0px 1px #E0E0E0;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-hold-section {
    width: 38%;
    display: inline-block;
    overflow: hidden;
    height: 44px;
    position: relative;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-hold-section button {
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-hold-section > span {
    padding: 12px 0px 12px 2px;
    display: inline-block;
    width: 85px;
    -webkit-font-size: 14px;
    -moz-font-size: 14px;
    font-size: 14px;
    overflow-x: auto;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section {
    width: 60%;
    padding: 0px;
    display: inline-block;
    text-align: right;
    height: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav {
    color: #666666;
    background: #FFFFFF;
    border-right: 1px solid #E0E0E0;
    padding: 10px 15px;
    margin: 0;
    border-bottom: none;
    cursor: pointer;
    height: 44px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav.active {
    height: 45px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav:first-child {
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section .cart-btn {
    background: #cf102d;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    margin: 0px;
    cursor: pointer;
    border-radius: 0px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .pos-nav-pane {
    height: 41vh;
    height: 50vh;
    scrollbar-width: thin;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details {
    list-style-type: none;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details .product-name {
    padding: 5px 0px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details .product-name span.product-attributes {
    font-size: 16px;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details .product-name span.product-attributes span {
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div {
    display: inline-block;
    width: 100%;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li {
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0px 10px;
    border-bottom: 1px solid #E0E0E0;
    cursor: pointer;
    min-height: 60px;
}

.search-field[disabled="disabled"], .control_disabled[disabled="disabled"], .order_search_field[disabled="disabled"], .discount-edit[disabled="disabled"], .discount-remove[disabled="disabled"], select[disabled="disabled"], select[disabled="disabled"] {
    cursor: not-allowed;
}

.product-card-height{
    overflow: hidden;
    height: 60px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-content {
    width: 70%;
    text-align: left;
    font-weight: normal;
    color: #333333;
    font-size: 18px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-content .product-qty {
    font-size: 12px;
    padding: 0px 5px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-content .product-qty span {
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-price {
    width: 30%;
    text-align: right;
    display: table;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-price span {
    display: table-row;
    width: auto;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li.active {
    background-color: #FFF0F3;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container {
    position: relative;
    bottom: 0px;
    left: 0px;
    width: 100%;
    /* max-height: 350px;*/
    font-weight: normal;
    color: #333333;
    font-size: 16px;
    padding: 5px 10px;
    background-color: #FFFFFF;
    overflow-x: hidden;
    margin-bottom: 61px;
    /*overflow-y: auto;*/
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total {
    width: 100%;
    /*float: left;*/
    /*height: auto;*/
    padding: 0px;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td {
    font-size: 17px;
    font-weight: bold;
    border: 1px solid #171717;
    padding: 13px 20px;
    vertical-align: middle;
}
.pos-table-responsive .pos-table tbody tr td{
    margin-bottom: 5px;
}
.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td .control:disabled, .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td .control[disabled="disabled"], .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td .control[disabled="disabled"]:hover, .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td .control[disabled="disabled"]:active {
    cursor: not-allowed;
    background: #b1b1ae;
    -webkit-box-shadow: none;
    box-shadow: none;
    opacity: 1;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table #discname .fa {
    color: #333333;
    cursor: pointer;
    font-weight: normal;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table #discname .fa:hover {
    color: #cf102d;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-button-container {
    width: 100%;
    clear: both;
    padding: 0px;
    position: relative;
    bottom: 0px;
    overflow: hidden;
}

.pos-container-wrapper .pos-content-container .pos-product-container {
    /*height: 535px;
    overflow-x: hidden;
    overflow-y: auto;
    position: relative;*/
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-grid-5 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 5px;
    padding: 10px;
    overflow-y: auto;
    height: 86vh;
    scrollbar-width: thin;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout {
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    text-align: center;
    padding: 5px;
    cursor: pointer;
    margin-bottom: 10px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-thumb {
    padding: 5px;
    display: inherit;
    position: relative;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-thumb .product-discount {
    position: absolute;
    top: 0;
    left: 0;
    background: #cf102d;
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    font-size: 12px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-thumb .product-variations {
    position: absolute;
    top: 0;
    right: 0;
    background: #cf102d;
    width: 18px;
    height: 18px;
    color: #FFFFFF;
    font-size: 12px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-name {
    font-weight: normal;
    font-size: 16px;
    color: #333333;
    padding: 5px;
    overflow: hidden;
    position: relative;
    /*white-space: nowrap;*/
    text-overflow:ellipsis;
}
.pos-container-wrapper .products-view-container{
    z-index: 2;
    position: relative;
}

.brands-slider.owl-carousel .owl-item .item a{
    display: inline-block;
}

.brands-slider.owl-carousel .owl-item .item{
    text-align: center;
}

.owl-theme .owl-nav.disabled + .owl-dots {
    display: none !important;
}

.owl-carousel .owl-item img {
    display: block;
    /*max-width: 67%;*/
    height: auto;
    width: unset;
    text-align: center;
}

.vh-47{
    height: 47vh !important;
}

.owl-carousel .owl-stage-outer .owl-stage{
    align-items: center;
    display: flex;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-name span {
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-price {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding: 2px 10px;
    display: inline-block;
    width: 100%;
    height: 55px;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-price .price-cross {
    text-decoration: line-through;
    font-weight: normal;
    color: #333333;
    float: left;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-price .special-price {
    float: right;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-quantity {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    padding: 2px 10px;
    display: inline-block;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-layout .product-quantity .low-quantity {
    display: inline-block;
    color: #cf102d;
    text-align: center;
}

.pos-container-wrapper .pos-content-container .pos-product-container .product-placeholder {
    width: 200px;
    height: 200px;
    margin-right: 20px;
    background: #FFFFFF;
    border-radius: 3px;
    background-image: url("../images/placeholder-icon.svg");
    background-repeat: no-repeat;
    background-position: center;
}

.pos-container-wrapper .pos-content-container .pos-product-container .pos-buttons-container {
    background-color: #FFF;
    position: fixed;
    bottom: 0;
    padding: 5px 10px;
    width: 65%;
}

.pos-container-wrapper .pos-content-container .pos-product-container .pos-buttons-container div {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-content {
    padding: 0px 10px;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-col-12 {
    width: 100%;
    padding: 20px;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-col-4 {
    width: 33%;
    border-right: 1px solid #E0E0E0;
    height: 400px;
    padding: 20px;
    float: left;
    overflow-x: auto;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-col-4:last-child {
    border: none;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .container-panel-header {
    height: 45px;
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    text-align: left;
    overflow-x: auto;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .container-panel-header h3 {
    padding: 0px;
    border-bottom: none;
    font-size: 18px;
    color: #333333;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section {
    font-size: 16px;
    color: #666666;
    width: 100%;
    padding: 10px;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section label {
    width: 100%;
    clear: both;
    display: inline-block;
    padding: 5px;
    font-size: 16px;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section .cash_total {
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section .main_total {
    font-weight: bold;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section .not_applicable {
    font-size: 24px;
}

.pos-container-wrapper .pos-content-container .pos-cashier-main .cashier_content .detail_section .control {
    color: #666666;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-lowstock-panel,
.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel,
.pos-container-wrapper .pos-content-container .pos-product-main .product-setting-panel {
    width: 100%;
    height: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pos-container-wrapper .pos-content-container .pos-product-main .pos-product-setting-form {
    padding: 10px 15px 0px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel {
    padding: 20px 10px;
    background-color: #FFFFFF;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .requested-search-area {
    width: 40%;
    background-color: #FFFFFF;
    padding: 10px 0px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .requested-search-area .request_search {
    height: 45px;
    position: relative;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .requested-search-area .request_search .fa {
    position: absolute;
    padding: 11px 13px;
    left: 0;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .requested-search-area .request_search input.request_search_field {
    height: 40px;
    width: 100%;
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 3px;
    padding: 3px 0px 3px 35px;
    font-size: 16px;
    color: #999999;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel tbody > tr > td {
    padding: 10px 5px;
    width: 32px;
    border-top: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request-product {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 100%;
    padding: 5px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request-product .product-thumb {
    display: inherit;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request-product img {
    display: inline-block;
    border: 1px solid #979797;
    border-radius: 3px;
    width: 45px;
    height: 45px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request-product .product-name {
    display: inline-block;
    padding: 12px 5px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request_comment {
    width: 100%;
    height: 60px;
    overflow-x: hidden;
    overflow-y: auto;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request_status {
    position: relative;
    padding-left: 15px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .request_status span {
    border-radius: 50%;
    width: 10px;
    height: 10px;
    position: absolute;
    left: 0;
    top: 5px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .status_complete {
    background-color: #4CAF50;
    border: 1px solid #4CAF50;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .status_decline {
    background-color: #cf102d;
    border: 1px solid #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-product-main .product-requested-panel .status_pending {
    background-color: #FFC107;
    border: 1px solid #FFC107;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-list {
    width: 70%;
    background-color: #FFFFFF;
    height: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-list .pos-product-container {
    padding: 10px;
    height: 534px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-list .pos-product-container .row-grid-5 {
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list {
    width: 30%;
    height: 100%;
    display: inline-block;
    background: #FFFFFF;
    -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .container-panel-header {
    height: 45px;
    padding: 10px;
    border-bottom: 1px solid #E0E0E0;
    overflow-x: auto;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .container-panel-header h3 {
    padding: 0px;
    border-bottom: none;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container {
    width: 100%;
    height: 485px;
    position: relative;
    overflow-x: auto;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list {
    height: 430px;
    padding: 5px 10px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li {
    padding: 5px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #E0E0E0;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .pull-left {
    width: 30%;
    padding: 0px 5px 5px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .pull-right {
    width: 70%;
    padding: 0px 5px 5px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li img {
    border: 1px solid #979797;
    border-radius: 3px;
    width: 65px;
    height: 60px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-quantity {
    font-weight: bold;
    font-size: 14px;
    color: #333333;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-name,
.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .supplier-name,
.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .comment {
    width: 100%;
    font-size: 12px;
    display: inline-block;
    padding: 2px 0px;
    color: #000000;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-name {
    position: relative;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-name .name {
    font-weight: bold;
    font-size: 16px;
    color: #333333;
    overflow-x: hidden;
    overflow-y: auto;
    height: 20px;
    width: 75%;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-name .setting-list-action {
    position: absolute;
    right: 3px;
    top: 5px;
    width: auto;
    padding: 0px 2px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .product-name .setting-list-action span > .fa {
    color: #cf102d;
    padding: 0px 2px;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .supplier-name label {
    font-size: 12px;
    color: #9E9E9E;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .comment {
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .requested_list li .comment label {
    width: 100%;
    font-size: 12px;
    color: #9E9E9E;
    line-height: 14px;
    display: inline-block;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-product-main .nav-lowstock-request-list .requested_list_container .pos-action {
    height: 55px;
    background-color: #F3F3F3;
    position: absolute;
    bottom: 0;
}

.pos-container-wrapper .pos-content-container .pos-product-main .profile-panel .pos-profile-form {
    padding: 10px;
}

.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-content {
    padding: 0px 10px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main,
.pos-container-wrapper .pos-content-container .pos-cashier-main,
.pos-container-wrapper .pos-content-container .pos-product-main,
.pos-container-wrapper .pos-content-container .pos-setting-main {
    background-color: #FFFFFF;
    height: 100%;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container {
    height: 44px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container li.pos-nav,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container li.pos-nav,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container li.pos-nav,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container li.pos-nav {
    padding: 0px !important;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container li.pos-nav .nav-link,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container li.pos-nav .nav-link,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container li.pos-nav .nav-link,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container li.pos-nav .nav-link {
    padding: 15px 10px;
    clear: both;
    display: block;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container li.pos-nav .nav-link.router-link-active, .pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container li.pos-nav .nav-link:hover,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container li.pos-nav .nav-link.router-link-active,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container li.pos-nav .nav-link:hover,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container li.pos-nav .nav-link.router-link-active,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container li.pos-nav .nav-link:hover,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container li.pos-nav .nav-link.router-link-active,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container li.pos-nav .nav-link:hover {
    color: #cf102d !important;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-container .pos-nav-lists,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-container .pos-nav-lists,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-container .pos-nav-lists,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-container .pos-nav-lists {
    margin: 0px;
    top: 0px;
}

.pos-container-wrapper .pos-content-container .pos-sales-main .pos-nav-content,
.pos-container-wrapper .pos-content-container .pos-cashier-main .pos-nav-content,
.pos-container-wrapper .pos-content-container .pos-product-main .pos-nav-content,
.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-content {
    border-top: 1px solid #E0E0E0;
    /*overflow-x: hidden;
    overflow-y: auto;
    height: 535px;*/
}

.pos-container-wrapper .pos-content-container .pos-setting-list {
    margin-top: 30px;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting {
    background: #FFFFFF;
    -webkit-box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
    box-shadow: 1px 2px 10px 0 rgba(0, 0, 0, 0.15);
    color: #666666;
    font-size: 16px;
    border-radius: 3px;
    text-align: left;
    overflow: hidden;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-group {
    width: 100%;
    padding: 15px;
    font-size: 16px;
    color: #333333;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-group .label-name {
    padding: 5px 0px;
    width: 100%;
    font-size: 16px;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-group .label-field-control {
    padding: 5px 0px;
    width: 100%;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-group .label-field {
    background: #FFFFFF;
    border: 1px solid #979797;
    border-radius: 3px;
    width: 100%;
    height: 35px;
    color: #666666;
    padding: 5px;
    font-size: 16px;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name {
    position: relative;
    padding: 5px;
    text-transform: uppercase;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name .name {
    width: 80%;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name .setting-list-action {
    position: absolute;
    right: 5px;
    top: 5px;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name .setting-list-action span > .fa {
    color: #cf102d;
    cursor: pointer;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-rate {
    padding: 5px;
    color: #cf102d;
    font-size: 20px;
    font-weight: bold;
}

.pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-range {
    padding: 5px;
    font-size: 14px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .pos-nav-content {
    padding: 10px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .discount-panel,
.pos-container-wrapper .pos-content-container .pos-setting-main .taxes-panel,
.pos-container-wrapper .pos-content-container .pos-setting-main .profile-panel {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .profile-panel .pos-profile-form {
    padding: 10px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .pos-setting-add {
    width: 100%;
    padding: 10px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .pos-setting-add .setting-add-icon {
    border: 2px solid #cf102d;
    border-radius: 50%;
    position: relative;
    padding: 12px 15px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .pos-setting-add .setting-add-icon i.fa {
    /* position: absolute;
    top: 10px;
    left: 12px;
    font-family: FontAwesome;*/
    font-size: 26px;
    color: #cf102d;
}

.pos-container-wrapper .pos-content-container .pos-setting-main .pos-setting-add .setting-add-text {
    font-size: 24px;
    color: #cf102d;
    padding: 10px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main #addDiscount .modal-header {
    text-align: center;
}

.pos-container-wrapper .pos-content-container .pos-setting-main #addDiscount .modal-header h4 {
    color: #cf102d;
    font-size: 24px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main #addDiscount .pos-discount-fields {
    padding: 10px;
}

.pos-container-wrapper .pos-content-container .pos-setting-main #addDiscount .pos-discount-fields label {
    font-size: 16px;
    color: #333333;
}

.pos-container-wrapper .pos-content-container .row-grid-1 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(100%, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .row-grid-2 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(50%, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .row-grid-3 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(30.33%, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 25px;
}

.pos-container-wrapper .pos-content-container .row-grid-4 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .row-grid-6 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 15px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .row-grid-5 {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
    grid-auto-rows: auto;
    grid-column-gap: 18px;
    grid-row-gap: 15px;
}

.pos-container-wrapper .pos-content-container .row-layout {
    background: #FFFFFF;
    -webkit-box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    border-radius: 3px;
    text-align: center;
    padding: 15px 20px;
}

.pos-container-wrapper .pos-content-container .pos-group-fields {
    width: 100%;
    clear: both;
}

.pos-container-wrapper .pos-attributes {
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .pos-attributes .product-variation-section {
    width: 60%;
    float: left;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute {
    display: block;
    margin-bottom: 20px;
    font-size: 15px;
    color: #333333;
    width: 100%;
    max-width: 100%;
    position: relative;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute label {
    font-size: 16px;
    color: #666666;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute label.required::after {
    content: "*";
    color: #a94442;
    font-weight: 700;
    display: inline-block;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .field-control {
    background: #FFFFFF;
    width: 100%;
    display: inline-block;
    vertical-align: middle;
    -webkit-transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    padding: 0px 10px;
    font-size: 16px;
    margin-top: 10px;
    margin-bottom: 5px;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .field-control li.option-value {
    display: inline-block;
    margin: 0px 15px 5px 0px;
    padding: 5px;
    border: 1px solid #cf102d;
    border-radius: 3px;
    background-color: #FFFFFF;
    cursor: pointer;
    color: #666666;
    min-width: 40px;
    text-align: center;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .field-control li.option-value:hover {
    background: #cf102d;
    border: 1px solid #cf102d;
    border-radius: 3px;
    color: #FFFFFF;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .field-control li.option-value.active {
    background: #cf102d;
    border: 1px solid #cf102d;
    border-radius: 3px;
    color: #FFFFFF;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container {
    width: 100%;
    clear: both;
    margin-top: 10px;
    display: inline-block;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .no-options {
    color: #a94442;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch {
    display: inline-block;
    margin-right: 5px;
    min-width: 40px;
    height: 40px;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch input {
    display: none;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch input:checked + span, .pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch input:checked + img {
    border: 1px solid #cf102d;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch span {
    min-width: 38px;
    height: 38px;
    float: left;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    padding: 0 10px;
}

.pos-container-wrapper .pos-attributes .product-variation-section .attribute .pos-swatch-container .pos-swatch img {
    width: 38px;
    height: 38px;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    cursor: pointer;
    background: #979797;
}

.pos-container-wrapper .pos-attributes .variation-price {
    width: 35%;
    float: right;
    padding: 5px;
}

.pos-container-wrapper .pos-attributes .variation-price span {
    width: 100%;
    display: inline-block;
    padding: 5px;
    text-align: left;
    font-size: 16px;
    font-weight: 600;
}

.pos-container-wrapper .pos-attributes .variation-price span.variation-price-text {
    color: #242424;
}

.pos-container-wrapper .pos-attributes .variation-price span.variation-price-value {
    color: #cf102d;
}

.pos-container-wrapper #grouped .pos-modal-container .model-body {
    padding: 10px;
}

.pos-container-wrapper #bundle .pos-modal-container {
    width: 600px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list {
    padding: 15px 0;
    border-top: solid 1px rgba(162, 162, 162, 0.2);
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list h3 {
    font-size: 16px;
    margin: 0;
    color: #242424;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item {
    border-bottom: solid 1px rgba(162, 162, 162, 0.2);
    padding: 15px 0;
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group {
    margin-bottom: 0;
    color: #5E5E5E;
    width: 60%;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group label {
    color: #242424;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group select:active, .pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group select:focus, .pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group select:hover {
    border-color: #bd2130;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio,
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
    position: relative;
    width: 100%;
    padding: 0px 15px;
    display: block;
    margin: 10px 0px 10px 5px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input,
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input {
    top: 0px;
    opacity: 1;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input:active, .pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input:focus, .pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input:hover,
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input:active,
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input:focus,
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input:hover {
    border-color: #bd2130;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input[type="radio"],
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input[type="checkbox"],
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input[type="radio"],
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin: 4px 0 0;
    line-height: normal;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .radio input[type="checkbox"],
.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox input[type="checkbox"] {
    width: 24px;
    height: 15px;
    margin-right: 10px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .checkbox {
    padding: 0px 25px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-group .control {
    color: #5E5E5E;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .qty {
    width: 40%;
    display: inline-block;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .qty label {
    display: block;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .qty .control-group {
    width: 100%;
    height: auto !important;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item .control-error {
    float: left;
    width: 100%;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-option-list .bundle-option-item.has-error button {
    border-color: #FC6868;
    color: #FC6868;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary {
    padding: 15px 0;
    border-top: solid 1px rgba(162, 162, 162, 0.2);
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary h3 {
    font-size: 16px;
    margin: 0;
    color: #242424;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary .quantity {
    border-top: 0;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary .bundle-price {
    font-weight: 600;
    font-size: 24px;
    color: #FF6472;
    margin-top: 10px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary ul.bundle-items li {
    margin-bottom: 20px;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary ul.bundle-items li:last-child {
    margin-bottom: 0;
}

.pos-container-wrapper #bundle .pos-modal-container .bundle-options-wrapper .bundle-summary ul.bundle-items li .selected-products {
    color: #5E5E5E;
}

.pos-container-wrapper #grouped .price-container,
.pos-container-wrapper #bundle .price-container {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0px 10px 10px 10px;
}

.pos-container-wrapper #grouped .price-container label,
.pos-container-wrapper #bundle .price-container label {
    width: 60%;
    display: inline-block;
}

.pos-container-wrapper #grouped .price-container div,
.pos-container-wrapper #bundle .price-container div {
    width: 40%;
    color: #cf102d;
    display: inline-block;
}

.pos-container-wrapper .qty {
    float: right;
    text-align: left;
}

.pos-container-wrapper .qty .quantity {
    height: 45px;
    width: auto;
    border-top: 0;
    padding-top: 0;
    margin-bottom: 0;
    max-width: none;
    text-align: left;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.pos-container-wrapper .qty .quantity label {
    display: none;
}

.pos-container-wrapper .qty .quantity button {
    height: 36px;
    white-space: nowrap;
    position: relative;
    float: left;
    padding: 10px;
    border: 1px solid #c7c7c7;
    border-radius: 0;
    margin: 10px 0px 5px 0px;
}

.pos-container-wrapper .qty .quantity .form-field {
    width: 45px;
    text-align: center;
    line-height: 38px;
    background: #fff;
    border-radius: 0px;
    border: 1px solid #c7c7c7;
    border-left: 0px;
    border-right: 0px;
    position: relative;
    float: left;
    margin: 10px 0px 5px 0px;
    height: 36px;
}

.pos-container-wrapper .qty .quantity .control-error {
    width: 100%;
    display: inline-block;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list {
    padding: 5px;
    width: 100%;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list .heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-bottom: 1px dotted #333;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list .heading div {
    width: 50%;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list .heading div:last-child {
    text-align: left;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list li {
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list li .image {
    width: 50%;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list li .image span {
    display: block;
}

.pos-container-wrapper .grouped-product-container .grouped-product-list li .qty {
    width: 50%;
}

.pos-container-wrapper .download-product-container .price-container {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 0px 10px 10px 0px;
    border-bottom: 1px dotted #333;
}

.pos-container-wrapper .download-product-container .price-container label {
    width: 60%;
    display: inline-block;
}

.pos-container-wrapper .download-product-container .price-container div {
    width: 40%;
    color: #cf102d;
    display: inline-block;
    text-align: right;
}

.pos-container-wrapper .download-product-container .download-sample-list {
    padding: 5px;
    width: 100%;
}

.pos-container-wrapper .download-product-container .download-sample-list .heading {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    width: 100%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    border-bottom: 1px dotted #333;
}

.pos-container-wrapper .download-product-container .download-sample-list li {
    margin-bottom: 10px;
    width: 100%;
    display: inline-block;
    border-bottom: 1px solid #ccc;
    padding: 5px 0px;
}

.pos-container-wrapper .download-product-container .download-sample-list li a {
    color: #cf102d;
    font-weight: 400;
    cursor: pointer;
}

.pos-container-wrapper .download-product-container .download-sample-list li a:active,
.pos-container-wrapper .download-product-container .download-sample-list li a:focus,
.pos-container-wrapper .download-product-container .download-sample-list li a:hover
{
    color: #cf102d;
    font-weight: 600;
}

.pos-container-wrapper .download-product-container .download-sample-list li div {
    float: right;
    margin-right: 10px;
}

.pos-container-wrapper .booking-product-container .location-information {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}

.pos-container-wrapper .booking-product-container .location-information .location-icon {
    padding: 5px 0px;
    font-size: 18px;
    color: green;
}

.pos-container-wrapper .booking-product-container .location-information .location-icon i {
    font-weight: 600;
}

.pos-container-wrapper .booking-product-container .location-information .booking-location {
    padding: 5px 5px 5px 15px;
}

.pos-container-wrapper .booking-product-container .location-information .booking-location a {
    color: #cf102d;
    text-decoration: underline;
    float: right;
}

.pos-container-wrapper .booking-product-container .location-information .booking-location a:hover {
    font-weight: 600;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row {
    padding: 10px 0px;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row i {
    color: #333;
    font-weight: 600;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .value {
    width: 100%;
    display: inline-block;
    padding: 5px 5px 10px 20px;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .toggle {
    color: #bd2130;
    padding-left: 20px;
    margin-bottom: 10px;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .toggle .fa-sort-down {
    position: relative;
    top: -2px;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .toggle .fa-sort-up {
    position: relative;
    top: 4px;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .days-availability {
    padding-left: 20px;
    width: 100%;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .days-availability table {
    width: 100%;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .days-availability table td {
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .booking-information .booking-info-row .days-availability table td div {
    display: inline-grid;
}

.pos-container-wrapper .booking-product-container .booking-information .heading {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .booking-information .control {
    width: 100%;
}

.pos-container-wrapper .booking-product-container .event-booking .booking-info-row {
    border-bottom: 1px dotted #CCC;
    margin-bottom: 10px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots {
    width: 100%;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .heading {
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list {
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item {
    display: inline-block;
    border-bottom: 1px dotted #cdcdcd;
    margin-bottom: 10px;
    width: 100%;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-info {
    display: inline-block;
    width: 100%;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-info .ticket-name {
    width: 50%;
    float: left;
    font-weight: 600;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-info .ticket-price {
    width: 50%;
    float: left;
    text-align: right;
    font-weight: 600;
    color: #cf102d;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-quantity {
    width: 100%;
    display: inline-block;
    padding: 5px 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-quantity .ticket-description {
    width: 50%;
    display: inline-block;
    max-height: 100px;
    padding: 5px 0px;
    overflow: auto;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-quantity .quantity {
    float: right;
    width: 50%;
    height: auto;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-quantity .quantity button {
    float: right;
    margin: 0px;
}

.pos-container-wrapper .booking-product-container .event-booking .book-slots .ticket-list .ticket-item .ticket-quantity .quantity .control {
    width: 45px;
    float: right;
    margin: 0px;
}

.jnt-attributes-selection .dropdown-item.active, .jnt-attributes-selection .dropdown-item:active{
    color:#c4c4c4;
}

.jnt-attributes-selection .select-value{
    width: 40%;
}

.catalog-detail-basket-attribute .show > .btn-light.dropdown-toggle{

}

.catalog-stage-navigator{
    display: none;
}


.date::after {
    left: unset !important;
    top: 35px !important;
    right: 1%;
}

.pos-loader-open {
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    background: #333333;
    opacity: .79;
}

.pos-loader-open .pos-loader-overlay {
    display: block;
}

#loader, #cart-loader {
    width: 100%;
    height: 100%;
    position: relative;
    top: 0;
    left: 0;
    z-index: 5;
}

#loader .pos-loader-overlay, #cart-loader .pos-loader-overlay {
    display: none;
    overflow-y: auto;
    z-index: 12;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: #333333;
    opacity: .79;
}

#loader .cp-spinner, #cart-loader .cp-spinner {
    width: 35px;
    height: 35px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    left: 45%;
    top: 90px;
    z-index: 7;
}

#loader .cp-balls, #cart-loader .cp-balls {
    -webkit-animation: cp-balls-animate 1s linear infinite;
    animation: cp-balls-animate 1s linear infinite;
}

#loader .cp-balls:before, #cart-loader .cp-balls:before {
    border-radius: 50%;
    content: " ";
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #0fd6ff;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: cp-balls-animate-before 1s ease-in-out infinite;
    animation: cp-balls-animate-before 1s ease-in-out infinite;
}

#loader .cp-balls:after, #cart-loader .cp-balls:after {
    border-radius: 50%;
    content: " ";
    width: 20px;
    height: 20px;
    display: inline-block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #eb68a1;
    position: absolute;
    bottom: 0;
    right: 0;
    -webkit-animation: cp-balls-animate-after 1s ease-in-out infinite;
    animation: cp-balls-animate-after 1s ease-in-out infinite;
}

.circular-loader {
    border: 10px solid #f3f3f3; /* Light grey */
    border-top: 10px solid #cf102d; /* red */
    border-radius: 50%;
    width: 50px;
    height: 50px;
    animation: spin 2s linear infinite;
    display:flex;
    align-items:center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

@-webkit-keyframes cp-balls-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes cp-balls-animate {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0);
    }
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@-webkit-keyframes cp-balls-animate-before {
    0% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
}

@keyframes cp-balls-animate-before {
    0% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(-5px, -5px);
        transform: translate(-5px, -5px);
    }
}

@-webkit-keyframes cp-balls-animate-after {
    0% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
}

@keyframes cp-balls-animate-after {
    0% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
    50% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
    }
    100% {
        -webkit-transform: translate(5px, 5px);
        transform: translate(5px, 5px);
    }
}

#loader .cart #cart-loader .cp-spinner, #cart-loader .cart #cart-loader .cp-spinner {
    width: 40px;
    height: 40px;
}

#loader .cart #cart-loader .cp-balls:before, #cart-loader .cart #cart-loader .cp-balls:before {
    width: 25px;
    height: 25px;
}

#loader .cart #cart-loader .cp-balls:after, #cart-loader .cart #cart-loader .cp-balls:after {
    width: 25px;
    height: 25px;
}

.bagisto-progress-bar-container {
    display: inline-block;
    width: 100%;
    clear: both;
    padding: 5px 0px;
    margin: 10px 0px 17px;
    z-index: 7;
}

.bagisto-progress-bar-container .bagisto-progress-note {
    padding: 10px;
    font-size: 14px;
    color: #bd2130;
    font-weight: normal;
}

.bagisto-progress-bar-container .bagisto-progress {
    overflow: hidden;
    height: 17px;
    background-color: #F5F5F5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.bagisto-progress-bar-container .bagisto-progress .bagisto-progress-bar {
    float: left;
    font-size: 11px;
    height: 100%;
    line-height: 17px;
    color: #FFFFFF;
    text-align: center;
    width: 0%;
    background-color: #467CFF;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.bagisto-progress-bar-container .bagisto-progress-text {
    padding: 10px;
    font-size: 14px;
    color: #bd2130;
    font-weight: normal;
}

.bagisto-progress-bar-container .bagisto-progress-text .success {
    color: #38A745;
}

.bagisto-progress-bar-container .bagisto-progress-text .warning {
    color: #F5C109;
}

.bagisto-progress-bar-container .bagisto-progress-text .danger {
    color: #DC3545;
}

.bagisto-progress-bar-container .bagisto-progress-text .information {
    color: #bd2130;
}

.bagisto-progress-bar-container .bagisto-message-container {
    display: inline-block;
    width: 100%;
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}

.bagisto-progress-bar-container .bagisto-message-container .message {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background-color: #F5F5F5;
    border: 1px solid #CCC;
    font-weight: 600;
}

.bagisto-progress-bar-container .bagisto-message-container .message .msg-success {
    font-size: 14px;
    padding: 5px 10px;
    color: #FFFFFF;
    border: 2px solid #38A745;
    background-color: #38A745;
}

.bagisto-progress-bar-container .bagisto-message-container .message .msg-warning {
    font-size: 14px;
    padding: 5px 10px;
    color: #FFFFFF;
    border: 2px solid #F5C109;
    background-color: #F5C109;
}

.bagisto-progress-bar-container .bagisto-message-container .message .msg-danger {
    font-size: 14px;
    padding: 5px 10px;
    color: #FFFFFF;
    border: 2px solid #DC3545;
    background-color: #DC3545;
}

.pos-progress-bar-container {
    display: inline-block;
    width: 80%;
    clear: both;
    padding: 5px 0px;
    margin: 10px 0px 17px;
    z-index: 7;
    position: absolute;
    top: 140px;
    left: 10%;
}

.pos-progress-bar-container .pos-progress-note {
    padding: 10px 0px;
    font-size: 16px;
    color: #FFFFFF;
    font-weight: normal;
}

.pos-progress-bar-container .pos-progress {
    overflow: hidden;
    height: 17px;
    background-color: #F5F5F5;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.pos-progress-bar-container .pos-progress .pos-progress-bar {
    float: left;
    font-size: 11px;
    height: 100%;
    line-height: 17px;
    color: #FFFFFF;
    text-align: center;
    width: 0%;
    background-color: #cf102d;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
}

.pos-progress-bar-container .pos-progress-text {
    padding: 10px 0px;
    font-size: 18px;
    color: #bd2130;
    font-weight: normal;
}

.pos-progress-bar-container .pos-progress-text .success {
    color: #cf102d;
}

.pos-progress-bar-container .pos-progress-text .warning {
    color: #cf102d;
}

.pos-progress-bar-container .pos-progress-text .danger {
    color: #DC3545;
}

.pos-progress-bar-container .pos-progress-text .information {
    color: #cf102d;
}

.rtl {
    direction: rtl;
}

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

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

.rtl .pos-modal-container .modal-header .icon {
    float: left;
}

.rtl .pos-container-wrapper .btn-hold span.hold_cart_count {
    right: initial;
    top: -5px;
    padding: 0px 5px;
    left: -10px;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-heading {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-navbar-top-search .search-content .fa.fa-barcode {
    left: 0;
    right: initial;

}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-left .pos-nav-top-product {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-reload {
    float: right;
    border-left: initial;
    border-right: 1px solid #333333;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-wifi {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-image {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-details {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-logout {
    float: right;
}

.rtl .pos-container-wrapper .pos-navbar-top .pos-navbar-top-right .nav-top-user .user-logout .fa-sign-out {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.rtl .pos-container-wrapper .pos-navbar-left .pos-menubar .pos-menu-item {
    padding: 3px;
}

.rtl .pos-container-wrapper .pos-content-container {
    padding-left: 0px;
    padding-right: 100px;
}

.rtl .pos-container-wrapper .pos-content-container .pos-nav-lists {
    top: 0px;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-home-main {
    float: right;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-home-main .pos-product-container .product-thumb .product-discount {
    right: 0;
    left: unset;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-home-main .pos-product-container .product-thumb .product-variations {
    right: unset;
    left: 0;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container {
    float: right;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header {
    padding: 0px 3px;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section {
    float: left;
    text-align: left;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav:first-child {
    border-right: 1px solid #E0E0E0;
    border-left: 1px solid #E0E0E0;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav {
    border-right: unset;
    border-left: 1px solid #E0E0E0;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-count-section li.pos-nav.active {
    height: 46px !important;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart-header .cart-hold-section > span {
    padding: 12px 3px 12px 0px;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-content {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart .cart_details div li .cart-product-price {
    text-align: left;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-calculator {
    float: right;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total {
    float: right;
    padding: 5px 5px 5px 0px;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-cart-container .pos-content .cart-total-container .cart-total .pos-table td {
    width: 50%;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-customer-main {
    float: right;
}

.rtl .pos-container-wrapper .pos-content-container div.pos-customer-main .pos-customer-view .customer-view-panel .customer_details .customer_modity_action .modify_customer {
    width: auto;
}

.rtl .pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .product_info {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-sales-main .order_row .row_value div .price_info {
    text-align: left;
}

.rtl .pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value div.total_text {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-sales-main .order_row .total_row_value div.total_value {
    text-align: left;
}

.rtl .pos-container-wrapper .pos-content-container .pos-cashier-main .container-panel-header {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name .name {
    margin: 0px;
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-name .setting-list-action {
    right: initial;
    left: 5px;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-rate {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-range {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-setting-list .pos-setting .setting-list-group .label-name {
    text-align: right;
}

.rtl .pos-container-wrapper .pos-content-container .pos-payment-main .pos-payment-header .title .fa {
    left: 30px;
}

.rtl .pos-container-wrapper .pos-content-container .pos-payment-main .pos-product-container .checkout_details .name .fa {
    right: 0px;
}

.rtl .pos-container-wrapper .pos-content-container .pos-payment-main .pos-product-container .checkout_details .name span {
    right: 35px;
}

.rtl .pos-container-wrapper .pos-content-container .pos-payment-main .pos-product-container .checkout_details .address span {
    right: 10px;
}

.rtl .pos-table-responsive .pos-table {
    text-align: right;
}

.active .cms-icon, .active.configuration-icon, .catalog-icon, .cms-icon, .configuration-icon, .customer-icon, .dashboard-icon, .promotion-icon, .sales-icon, .settings-icon {
    width: 48px;
    height: 48px;
    display: inline-block;
    background-size: cover;
}

.icon {
    display: inline-block;
    background-size: cover;
    font-size: 33px;
}
.icon:hover {
    display: inline-block;
    background-size: cover
    font-size: 33px;
}



.grid-container {
    display: block;
    width: 100%
}

.filter-row-one {
    display: inline-flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px
}

.filter-row-one .dropdown-filters {
    position: absolute;
    right: 25px
}

.filter-row-one .per-page {
    right: 250px
}

.filter-row-one .per-page .per-page-label {
    position: absolute;
    right: 120px;
    width: 100%;
    top: 8px
}

.filter-row-two {
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px
}

.filter-row-two, .search-filter {
    display: inline-flex
}

.search-filter .control {
    font-size: 15px;
    border: 2px solid #c7c7c7;
    border-right: none;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-radius: 3px;
    height: 36px;
    width: 280px;
    padding-left: 10px;
    -webkit-appearance: none
}

.search-filter .contorl:focus {
    border-color: #bd2130
}

.search-filter .icon-wrapper {
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 36px;
    width: 36px;
    margin-left: -1px
}

.search-filter .icon-wrapper .search-icon {
    margin-top: 3px;
    margin-left: 3px
}

.grid-dropdown-header {
    display: inline-flex;
    justify-content: space-between;
    align-items: center;
    height: 36px;
    width: 200px;
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    color: #8e8e8e;
    padding: 0 5px
}

.grid-dropdown-header .arrow-icon-down {
    float: right
}

.dropdown-list.dropdown-container {
    padding: 15px;
    width: 100%;
    top: 43px
}

.dropdown-list.dropdown-container ul li .control-group {
    margin-bottom: 15px
}

.dropdown-list.dropdown-container .apply-filter {
    padding: 10px;
    width: 100%
}

.filter-tag {
    justify-content: space-between;
    margin-right: 20px
}

.filter-tag, .filter-tag .wrapper {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    height: 28px;
    border-radius: 2px
}

.filter-tag .wrapper {
    margin-left: 10px;
    padding: 5px 10px;
    background: #e7e7e7;
    color: #000311;
    letter-spacing: -.22px
}

.filter-tag .wrapper .icon.cross-icon {
    margin-left: 10px;
    cursor: pointer
}

@-webkit-keyframes jelly {
    0% {
        transform: translateY(0) scale(.7);
        opacity: 0
    }
    70% {
        transform: translateY(5px) scale(1.05);
        opacity: 1
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

@keyframes jelly {
    0% {
        transform: translateY(0) scale(.7);
        opacity: 0
    }
    70% {
        transform: translateY(5px) scale(1.05);
        opacity: 1
    }
    to {
        transform: translateY(0) scale(1);
        opacity: 1
    }
}

@-webkit-keyframes jelly-out {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1
    }
    30% {
        transform: translateY(-5px) scale(1.05);
        opacity: 1
    }
    to {
        transform: translateY(0) scale(.7);
        opacity: 0
    }
}

@keyframes jelly-out {
    0% {
        transform: translateY(0) scale(1);
        opacity: 1
    }
    30% {
        transform: translateY(-5px) scale(1.05);
        opacity: 1
    }
    to {
        transform: translateY(0) scale(.7);
        opacity: 0
    }
}

* {
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

:focus {
    outline: none
}

.mb-10 {
    margin-bottom: 10px
}

.mb-15 {
    margin-bottom: 15px
}

.mb-20 {
    margin-bottom: 20px
}

.mb-25 {
    margin-bottom: 25px
}

.mb-30 {
    margin-bottom: 30px
}

.mb-35 {
    margin-bottom: 35px
}

.mb-40 {
    margin-bottom: 40px
}

.mb-45 {
    margin-bottom: 45px
}

.mb-50 {
    margin-bottom: 50px
}

.mb-60 {
    margin-bottom: 60px
}

.mb-70 {
    margin-bottom: 70px
}

.mb-80 {
    margin-bottom: 80px
}

.mb-90 {
    margin-bottom: 90px
}

.mt-5 {
    margin-top: 5px
}

.mt-10 {
    margin-top: 10px
}

.mt-15 {
    margin-top: 15px
}

.mt-20 {
    margin-top: 20px
}

.mt-25 {
    margin-top: 25px
}

.mt-30 {
    margin-top: 30px
}

.mt-35 {
    margin-top: 35px
}

.mt-40 {
    margin-top: 40px
}

.mt-45 {
    margin-top: 45px
}

.mt-50 {
    margin-top: 50px
}

.mt-60 {
    margin-top: 60px
}

.mt-70 {
    margin-top: 70px
}

.mt-80 {
    margin-top: 80px
}

.mt-90 {
    margin-top: 90px
}

a:active, a:focus, a:hover, a:link, a:visited {
    /*text-decoration: none;
    color: #bd2130*/
}

::-moz-selection {
    background-color: rgba(0, 64, 255, .6);
    color: #fff
}

::selection {
    background-color: rgba(0, 64, 255, .6);
    color: #fff
}

textarea {
    resize: none
}

ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.hide {
    display: none !important
}

.row {
    /* display: flex;
     flex-direction: row;
     justify-content: space-between;
     align-items: center*/
}

.btn {
    /* box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2), 0 0 8px 0 rgba(0, 0, 0, .1);
     border-radius: 3px;
     border: none;
     color: #fff;
     cursor: pointer;
     transition: .2s cubic-bezier(.4, 0, .2, 1);
     font: inherit;
     display: inline-block*/
}

.btn:active, .btn:focus, .btn:hover {
    /* opacity: .75;
     border: none*/
}

.btn.btn-sm {
    padding: 6px 12px
}

.btn.btn-md {
    padding: 8px 16px
}

.btn.btn-lg {
    padding: 10px 20px
}

.btn.btn-xl {
    padding: 12px 24px;
    font-size: 16px
}

.btn.btn-primary {
    background: #bd2130;
    color: #fff
}
.input-group .form-control:focus {
    border: unset;
}

.btn.btn-black {
    background: #000;
    color: #fff
}

.btn.btn-white {
    background: #fff;
    color: #000
}

.btn:disabled, .btn[disabled=disabled], .btn[disabled=disabled]:active, .btn[disabled=disabled]:hover {
    cursor: not-allowed;
    background: #b1b1ae;
    box-shadow: none;
    opacity: 1
}

.dropdown-btn {
    min-width: 150px;
    text-align: left;
    background: #fff;
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    font-size: 14px;
    padding: 8px 35px 8px 10px;
    cursor: pointer;
    position: relative
}

.dropdown-btn:active, .dropdown-btn:focus, .dropdown-btn:hover {
    opacity: .75;
    border: 2px solid #c7c7c7
}

.dropdown-btn .icon {
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -4px
}

.dropdown-toggle {
    cursor: pointer
}

.dropdown-open {
    position: relative
}

.dropdown-list {
    width: 200px;
    margin-bottom: 20px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .16), 0 0 9px 0 rgba(0, 0, 0, .16);
    border-radius: 3px;
    background-color: #fff;
    position: absolute;
    display: none;
    z-index: 10;
    text-align: left
}

.dropdown-list.bottom-left {
    top: 42px;
    left: 0
}

.dropdown-list.bottom-right {
    top: 42px;
    right: 0
}

.dropdown-list.top-left {
    bottom: 0;
    left: 42px
}

.dropdown-list.top-right {
    bottom: 0;
    right: 42px
}

.dropdown-list .search-box {
    padding: 20px;
    border-bottom: 1px solid #e8e8e8
}

.dropdown-list .search-box .control {
    background: #fff;
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    width: 100%;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    padding: 0 10px;
    font-size: 15px
}

.dropdown-list .search-box .control:focus {
    border-color: #bd2130
}

.dropdown-list .dropdown-container {
    padding: 20px;
    overflow-y: auto
}

.dropdown-list .dropdown-container label {
    font-size: 15px;
    display: inline-block;
    text-transform: uppercase;
    color: #9e9e9e;
    font-weight: 700;
    padding-bottom: 5px
}

.dropdown-list .dropdown-container ul {
    margin: 0;
    list-style-type: none;
    padding: 0
}

.dropdown-list .dropdown-container ul li {
    padding: 5px 0
}

.dropdown-list .dropdown-container ul li a:active, .dropdown-list .dropdown-container ul li a:focus, .dropdown-list .dropdown-container ul li a:link, .dropdown-list .dropdown-container ul li a:visited {
    color: #333;
    display: block
}

.dropdown-list .dropdown-container ul li a:hover {
    color: #bd2130
}

.dropdown-list .dropdown-container ul li .checkbox {
    margin: 0
}

.dropdown-list .dropdown-container ul li .control-group label {
    color: #3a3a3a;
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    width: 100%
}

.dropdown-list .dropdown-container .btn {
    width: 100%;
    margin-top: 10px
}

.section .secton-title {
    font-size: 18px;
    color: #8e8e8e;
    padding: 15px 0;
    border-bottom: 1px solid #e8e8e8
}

.section .section-content {
    display: block;
    padding: 20px 0
}

.section .section-content .row {
    display: block;
    padding: 7px 0
}

.section .section-content .row .title {
    width: 200px
}

.section .section-content .row .title, .section .section-content .row .value {
    color: #3a3a3a;
    letter-spacing: -.26px;
    display: inline-block
}

.table {
    width: 100%
}

.table table {
    border-collapse: collapse;
    text-align: left;
    width: 100%
}

.table table thead th {
    font-weight: 700;
    padding: 12px 10px;
    background: #f8f9fa;
    color: #3a3a3a
}

.table table tbody td {
    padding: 10px;
    border-bottom: 1px solid #d3d3d3;
    color: #3a3a3a;
    vertical-align: top
}

.table table tbody td.actions .action {
    display: inline-flex
}

.table table tbody td.actions .icon {
    cursor: pointer;
    vertical-align: middle
}

.table table tbody td.empty {
    text-align: center
}

.table table tbody tr:last-child td {
    border-bottom: none
}

.table .control-group {
    width: 100%;
    margin-bottom: 0;
    min-width: 140px
}

.table .control-group .control {
    width: 100%;
    margin: 0
}

.pagination .page-item {
    background: #fff;
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    padding: 7px 14px;
    margin-right: 5px;
    font-size: 16px;
    display: inline-block;
    color: #8e8e8e;
    vertical-align: middle;
    text-decoration: none
}

.pagination .page-item.next, .pagination .page-item.previous {
    padding: 6px 9px
}

.pagination .page-item.active {
    background: #bd2130;
    color: #fff;
    border-color: #bd2130
}

.pagination .page-item .icon {
    vertical-align: middle;
    margin-bottom: 3px
}

.checkbox {
    position: relative;
    display: block
}

.checkbox input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    height: 24px;
    width: 24px;
    z-index: 100
}

.checkbox input:disabled + .checkbox-view {
    opacity: .5;
    cursor: not-allowed
}

.radio {
    position: relative;
    display: block;
    margin: 10px 5px 5px 0
}

.radio input {
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 100
}


.radio input:checked + .radio-view {
    background-position: -21px -21px
}

.radio input:disabled + .radio-view {
    opacity: .5;
    cursor: not-allowed
}

.image-settings{
    background-repeat: no-repeat;
    background-size: cover;
    height: 100px;
}

.fullWidth-container{
    width: 99.6vw;
    position: relative;
    margin-left: -50vw;
    left: 50%;
}

.aimeos .jnt-pagination{
    text-align: left;
}
.aimeos .jnt-sort-ul{

}

.control-group {
    display: block;
    margin-bottom: 25px;
    font-size: 15px;
    color: #333;
    width: 750px;
    max-width: 100%;
    position: relative
}

.control-group label {
    display: block;
    color: #3a3a3a
}

.control-group label.required:after {
    content: "*";
    color: #fc6868;
    font-weight: 700;
    display: inline-block
}

.control-group textarea.control {
    height: 100px;
    padding: 10px
}

.control-group .control {
    background: #fff;
    border: 2px solid #c7c7c7;
    border-radius: 3px;
    width: 70%;
    height: 36px;
    display: inline-block;
    vertical-align: middle;
    transition: .2s cubic-bezier(.4, 0, .2, 1);
    padding: 0 10px;
    font-size: 15px;
    margin-top: 10px;
    margin-bottom: 5px
}

.control-group .control:focus {
    border-color: #bd2130
}

.control-group .control[disabled=disabled] {
    border-color: #d3d3d3;
    background-color: #d3d3d3;
    cursor: not-allowed
}

.control-group .control[multiple] {
    height: 100px
}


.control-group .control-info {
    display: block;
    font-size: 14px;
    color: #6f6f6f;
    font-style: italic
}

.control-group .control-error {
    display: none;
    color: #ff5656;
    margin-top: 5px
}

.control-group.has-error .control {
    border-color: #fc6868
}

.control-group.has-error .control-error {
    display: block
}

.control-group.price .currency-code {
    vertical-align: middle;
    display: inline-block
}

.control-group .switch {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 34px;
    margin-top: 10px;
    margin-bottom: 5px
}

.control-group .switch input {
    opacity: 0;
    width: 0;
    height: 0
}

.control-group .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #8e8e8e;
    transition: .2s
}

.control-group .slider:before {
    position: absolute;
    content: "";
    height: 26px;
    width: 26px;
    left: 4px;
    bottom: 4px;
    background-color: #fff;
    transition: .2s
}

.control-group input:checked + .slider {
    background-color: #bd2130
}

.control-group input:focus + .slider {
    box-shadow: 0 0 1px #bd2130
}

.control-group input:checked + .slider:before {
    transform: translateX(26px)
}

.control-group .slider.round {
    border-radius: 34px
}

.control-group .slider.round:before {
    border-radius: 50%
}

.button-group {
    margin-top: 20px;
    margin-bottom: 20px
}

.alert-wrapper {
    width: 300px;
    top: 10px;
    right: 10px;
    position: fixed;
    z-index: 100;
    text-align: left
}

.alert-wrapper .alert {
    width: 300px;
    padding: 15px;
    border-radius: 3px;
    display: inline-block;
    box-shadow: 0 4px 15.36px .64px rgba(0, 0, 0, .1), 0 2px 6px 0 rgba(0, 0, 0, .12);
    position: relative;
    -webkit-animation: jelly .5s ease-in-out;
    animation: jelly .5s ease-in-out;
    transform-origin: center top;
    z-index: 500;
    margin-bottom: 10px
}

.alert-wrapper .alert.alert-error {
    background: #fc6868
}

.alert-wrapper .alert.alert-info {
    background: #204d74
}

.alert-wrapper .alert.alert-success {
    background: #4caf50
}

.alert-wrapper .alert.alert-warning {
    background: #ffc107
}

.alert-wrapper .alert .icon {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer
}

.alert-wrapper .alert p {
    color: #fff;
    margin: 0;
    padding: 0;
    font-size: 15px
}

.tabs ul {
    border-bottom: 1px solid #e8e8e8
}

.tabs ul li {
    display: inline-block
}

.tabs ul li a {
    padding: 15px 20px;
    cursor: pointer;
    margin: 0 2px;
    text-align: center;
    color: #000311;
    display: block
}

.tabs ul li.active a {
    border-bottom: 3px solid #bd2130
}

.tree-container .tree-item {
    padding-left: 30px;
    display: inline-block;
    margin-top: 10px;
    width: 100%
}

.tree-container .tree-item > .tree-item {
    display: none
}

.tree-container .tree-item.active > .tree-item {
    display: inline-block
}

.tree-container .tree-item .checkbox, .tree-container .tree-item .radio {
    margin: 0;
    display: inline-block
}

/*POS LOADER*/

.loader {
    position: relative;
    width: 76px;
    height: 65px;
    top: 17px;
}
.loader__bar {
    position: absolute;
    bottom: 0;
    width: 9px;
    height: 50%;
    background: white;
    transform-origin: center bottom;
    box-shadow: 1px 1px 0 rgba(0, 0, 0, .2);
    top: 0;
}
.loader__bar:nth-child(1) {
    left: 0px;
    transform: scale(1, 0.2);
    animation: barUp1 4s infinite;
}
.loader__bar:nth-child(2) {
    left: 15px;
    transform: scale(1, 0.4);
    animation: barUp2 4s infinite;
}
.loader__bar:nth-child(3) {
    left: 30px;
    transform: scale(1, 0.6);
    animation: barUp3 4s infinite;
}
.loader__bar:nth-child(4) {
    left: 45px;
    transform: scale(1, 0.8);
    animation: barUp4 4s infinite;
}
.loader__bar:nth-child(5) {
    left: 60px;
    transform: scale(1, 1);
    animation: barUp5 4s infinite;
}
.loader__ball {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 9px;
    height: 9px;
    background: white;
    border-radius: 50%;
    animation: ball 4s infinite;
    top: 21px;
}

.modal-header i{
    cursor: pointer;
}

@keyframes ball {
    0% {
        transform: translate(0, 0);
    }
    5% {
        transform: translate(8px, -14px);
    }
    10% {
        transform: translate(15px, -10px);
    }
    17% {
        transform: translate(23px, -24px);
    }
    20% {
        transform: translate(30px, -20px);
    }
    27% {
        transform: translate(38px, -34px);
    }
    30% {
        transform: translate(45px, -30px);
    }
    37% {
        transform: translate(53px, -44px);
    }
    40% {
        transform: translate(60px, -40px);
    }
    50% {
        transform: translate(60px, 0);
    }
    57% {
        transform: translate(53px, -14px);
    }
    60% {
        transform: translate(45px, -10px);
    }
    67% {
        transform: translate(37px, -24px);
    }
    70% {
        transform: translate(30px, -20px);
    }
    77% {
        transform: translate(22px, -34px);
    }
    80% {
        transform: translate(15px, -30px);
    }
    87% {
        transform: translate(7px, -44px);
    }
    90% {
        transform: translate(0, -40px);
    }
    100% {
        transform: translate(0, 0);
    }
}
@keyframes barUp1 {
    0% {
        transform: scale(1, 0.2);
    }
    40% {
        transform: scale(1, 0.2);
    }
    50% {
        transform: scale(1, 1);
    }
    90% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 0.2);
    }
}
@keyframes barUp2 {
    0% {
        transform: scale(1, 0.4);
    }
    40% {
        transform: scale(1, 0.4);
    }
    50% {
        transform: scale(1, 0.8);
    }
    90% {
        transform: scale(1, 0.8);
    }
    100% {
        transform: scale(1, 0.4);
    }
}
@keyframes barUp3 {
    0% {
        transform: scale(1, 0.6);
    }
    100% {
        transform: scale(1, 0.6);
    }
}
@keyframes barUp4 {
    0% {
        transform: scale(1, 0.8);
    }
    40% {
        transform: scale(1, 0.8);
    }
    50% {
        transform: scale(1, 0.4);
    }
    90% {
        transform: scale(1, 0.4);
    }
    100% {
        transform: scale(1, 0.8);
    }
}
@keyframes barUp5 {
    0% {
        transform: scale(1, 1);
    }
    40% {
        transform: scale(1, 1);
    }
    50% {
        transform: scale(1, 0.2);
    }
    90% {
        transform: scale(1, 0.2);
    }
    100% {
        transform: scale(1, 1);
    }
}

/*POS LOADER END*/


.tree-container .tree-item .folder-icon {
    vertical-align: middle;
    margin-right: 10px
}



.tree-container > .tree-item {
    padding-left: 0
}

.panel {
    box-shadow: 0 2px 25px 0 rgba(0, 0, 0, .15);
    border-radius: 5px;
    background: #fff
}

.panel .panel-content {
    padding: 20px
}

modal {
    display: none
}

.modal-open {
    overflow: hidden
}

.modal-overlay {
    display: none;
    overflow-y: auto;
    z-index: 10;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    position: fixed;
    background: #000;
    opacity: .7
}

.modal-open .modal-overlay {
    display: block
}

.modal-container {
    background: #fff;
    top: 100px;
    width: 600px;
    max-width: 80%;
    left: 50%;
    margin-left: -300px;
    position: fixed;
    z-index: 11;
    box-shadow: 0 15px 25px 0 rgba(0, 0, 0, .03), 0 20px 45px 5px rgba(0, 0, 0, .2);
    -webkit-animation: fade-in-white .3s ease-in-out;
    animation: fade-in-white .3s ease-in-out;
    -webkit-animation: jelly .5s ease-in-out;
    animation: jelly .5s ease-in-out;
    border-radius: 5px;
    overflow-y: auto;
    max-height: 80%
}

.modal-container .modal-header {
    padding: 20px
}

.modal-container .modal-header h3 {
    display: inline-block;
    font-size: 20px;
    color: #3a3a3a;
    margin: 0
}

.modal-container .modal-header .icon {
    float: right;
    cursor: pointer
}

.modal-container .modal-body {
    padding: 20px
}

.modal-container .modal-body .control-group .control {
    width: 100%
}

@media only screen and (max-width: 770px) {
    .modal-container {
        max-width: 80%;
        left: 10%;
        margin-left: 0
    }
}

.label {
    background: #e7e7e7;
    border-radius: 2px;
    padding: 8px;
    color: #000311;
    display: inline-block
}

.label.label-sm {
    padding: 5px
}

.label.label-md {
    padding: 8px
}

.label.label-lg {
    padding: 11px
}

.label.label-xl {
    padding: 14px
}

.badge {
    border-radius: 50px;
    color: #fff;
    padding: 8px;
    white-space: nowrap
}

.badge.badge-sm {
    padding: 5px
}

.badge.badge-md {
    padding: 3px 10px
}

.badge.badge-lg {
    padding: 11px
}

.badge.badge-xl {
    padding: 14px
}

.badge.badge-success {
    background-color: #4caf50
}

.badge.badge-info {
    background-color: #bd2130
}

.badge.badge-danger {
    background-color: #fc6868
}

.badge.badge-warning {
    background-color: #ffc107
}

.image-wrapper {
    margin-bottom: 20px;
    margin-top: 10px;
    display: inline-block;
    width: 100%
}

.image-wrapper .image-item img.preview {
    width: 100%;
    height: 100%
}

.image-wrapper .image-item input {
    display: none
}

.image-wrapper .image-item .remove-image {
    background-image: linear-gradient(-180deg, rgba(0, 0, 0, .08), rgba(0, 0, 0, .24));
    border-radius: 0 0 4px 4px;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .24);
    margin-right: 20px;
    cursor: pointer
}

.image-wrapper .image-item:hover .remove-image {
    display: block
}

.image-wrapper .image-item.has-image {
    background-image: none
}

.vue-swatches__trigger {
    border: 1px solid #d3d3d3
}

.helper-container {
    display: block
}

.helper-container .group code {
    font-weight: 700
}

.margalla-tabs .pos-container-wrapper .pos-content-container {
    padding-left: 0 !important;
    position: unset !important;
    margin-top: 0 !important;

}

.aimeos .jnt-sorting-dropdown .dropdown-menu{
    /*border: none;*/
    padding: 0;
}

.aimeos .jnt-sorting-dropdown .btn{
    border: none;
    width: 8em;
    text-align: left;
}

/*Bootstrap Override*/

.dropdown-item.active, .dropdown-item:active{
    background-color: transparent;
}
.dropdown-toggle::after{
    margin-left: 15px;
}

/*Bootstrap Override*/

/*9/12/2020*/
@keyframes fadeOut {
    from {
        opacity: 1
    }
    to {
        opacity: 0
    }
}

.fadeOut {
    animation-name: fadeOut
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInDown {
    animation-name: fadeInDown
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translate3d(0, 100%, 0)
    }
    to {
        opacity: 1;
        transform: none
    }
}

.fadeInUp {
    animation-name: fadeInUp
}

.fade-enter-active, .fade-leave-active {
    transition: opacity 150ms ease-out
}

.fade-enter, .fade-leave-to {
    opacity: 0
}

.notices {
    position: fixed;
    display: flex;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 2em;
    overflow: hidden;
    z-index: 1052;
    pointer-events: none
}

.notices .toast {
    display: inline-flex;
    align-items: center;
    animation-duration: 150ms;
    margin: .5em 0;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .12), 0 0 6px rgba(0, 0, 0, .04);
    border-radius: .25em;
    pointer-events: auto;
    opacity: .92;
    color: #fff;
    min-height: 3em;
    cursor: pointer
}

.notices .toast .toast-text {
    margin: 0;
    padding: .5em 1em
}

.notices .toast-success {
    background-color: #28a745
}

.notices .toast-info {
    background-color: #17a2b8
}

.notices .toast-warning {
    background-color: #ffc107
}

.notices .toast-error {
    background-color: #dc3545
}

.notices .toast-default {
    background-color: #343a40
}

.notices .toast.is-top, .notices .toast.is-bottom {
    align-self: center
}

.notices .toast.is-top-right, .notices .toast.is-bottom-right {
    align-self: flex-end
}

.notices .toast.is-top-left, .notices .toast.is-bottom-left {
    align-self: flex-start
}

.notices.is-top {
    flex-direction: column
}

.notices.is-bottom {
    flex-direction: column-reverse
}

.notices.is-custom-parent {
    position: absolute;
}

.catalog-list .list-items.jnt .product{
    width: 245px;
}

/*Aimeos Overrides - Discuss before making any change*/
.aimeos .list-items.jnt{
    text-align: left;
}

.aimeos .input-group .btn.btn-mini-coupon{
    width: 20%;
}
.aimeos .input-group .btn{
    width: 100%;
}

.aimeos .btn{
    /*border: unset;*/
    /*border-color: unset;*/
}

.jnt_single_product_image.catalog-detail-image .thumbs-vertical{
    width: 100%;
    /*height: 680px;*/
    overflow: unset;
}
.jnt_single_product_image.catalog-detail-image .thumbs .item{
    width: 116px;
    height: 143px;
}
.jnt_single_product_image.catalog-detail-image .image-single .media-item{
    /*height: 600px;*/
}
.jnt_single_product_image.catalog-detail-image .image-single{
    /*height: 624px;*/
}
.jnt_single_product_image.catalog-detail-image .image-single .media-item .item{
    cursor: all-scroll;
}
.jnt_single_product_image .slick-track .product-images:first-child{
    margin-top: 0px !important;
}
.jnt_single_product_image .slick-list{
    min-height: 631px;
}
.aimeos.jnt-catalog-detail .product .stockitem{
    margin: 0em;
}
.aimeos.jnt-catalog-detail .catalog-detail-basket .stocktext{
    display: inline;
    background-color: #333333;
    color: white;
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    padding-top: .25rem !important;
    padding-bottom: .25rem !important;
}
.aimeos.jnt-catalog-detail .catalog-detail-basket .stock-list{
    text-align: left;
    padding-top: 0px;
}
.aimeos .form-control{
    border: 1px solid #555;
}
.catalog-detail-basket-attribute

    /* Aimeos Overrides - Discuss before making any change*/


.w-15{
    width: 15% !important;
}

.catalog-list .list-items.jnt .product.double-li {
    width: 480px;
}


@media screen and (max-width: 768px){
    .img-fluid-ms{
        max-width: 55%;
    }
    .navbar-brand {
        min-height: 42px;
    }

    .notices {
        padding: 0;
        position: fixed !important
    }
    .m-font-size-14{
        font-size: 14px !important;
    }
    .navbar-ms{
        position: relative;
        top: 0;
        background-color: #CF102D;;
        transition: right 10ms !Important;
        z-index: 999;
        left:0;
        height: 670px;
        width: 50%;
        overflow-y: scroll;
        scrollbar-width: thin;
    }
    /*.navbar-ms {
        left: -39px !Important;
    }*/
    .navbar-ms .navbar-nav{
        padding: 8px 18px;
    }
    .sticky {
        padding-top: 0;
    }
    .magalla-menu .navbar-dark .navbar-nav .nav-link {
        color: white !Important;
    }

    .navbar-ms .ms-main-color {
        color: white !important;
    }
    .magalla-menu .dropdown-toggle::after {
        border-right: 2px solid white;
        border-top: 2px solid white;
    }
    .magalla-menu .dropdown-menu {
        border:none;
        border-radius:unset;
        position: absolute;
        background-color: white;
    }
    .magalla-menu .dropdown-menu .dropdown-item {
        font-weight: 100;
        color: #171717 !important;
        padding: 6px 15px;
        }
    .dropdown-item:focus, .dropdown-item:hover {
        text-decoration: none;
        background-color: #db5f5f45;
    }
    .cart-items {
        right:0;
        width: 100% !Important;
    }
    footer .col-lg-8 section {
        border-bottom: 1px solid #343a40 !important;
    }
    footer .col-lg-8 section {
        border-top: 1px solid #343a40 !important;
    }
    .nav-link {
        padding: .4rem .7rem;
        font-size: 13px;
    }
    .profile-panel .pos-setting-list {
        width: 100% !important;
    }
    .pos-container-wrapper .pos-content-container .row-layout {
        padding: 28px 22px;
    }
    .margalla-logos .row .col{
        padding-right: 6px !Important;
        padding-left: 6px !Important;
    }
}
@media screen and (min-width: 768px) and (max-width: 1024px) {
    .navbar-ms {
        left: -39px !Important;
    }
}

.numInputWrapper {
    position: relative;
    height: auto;
}
.numInputWrapper input,
.numInputWrapper span {
    display: inline-block;
}
.numInputWrapper input {
    width: 100%;
}
.numInputWrapper input::-ms-clear {
    display: none;
}
.numInputWrapper input::-webkit-outer-spin-button,
.numInputWrapper input::-webkit-inner-spin-button {
    margin: 0;
    -webkit-appearance: none;
}
.numInputWrapper span {
    position: absolute;
    right: 0;
    width: 14px;
    padding: 0 4px 0 2px;
    height: 50%;
    line-height: 50%;
    opacity: 0;
    cursor: pointer;
    border: 1px solid rgba(57,57,57,0.15);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.numInputWrapper span:hover {
    background: rgba(0,0,0,0.1);
}
.numInputWrapper span:active {
    background: rgba(0,0,0,0.2);
}
.numInputWrapper span:after {
    display: block;
    content: "";
    position: absolute;
}
.numInputWrapper span.arrowUp {
    top: 0;
    border-bottom: 0;
}
.numInputWrapper span.arrowUp:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid rgba(57,57,57,0.6);
    top: 26%;
}
.numInputWrapper span.arrowDown {
    top: 50%;
}
.numInputWrapper span.arrowDown:after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid rgba(57,57,57,0.6);
    top: 40%;
}
.numInputWrapper span svg {
    width: inherit;
    height: auto;
}
.numInputWrapper span svg path {
    fill: rgba(0,0,0,0.5);
}
.numInputWrapper:hover {
    background: rgba(0,0,0,0.05);
}
.numInputWrapper:hover span {
    opacity: 1;
}
#c_payment-11{
    display: none;
}
.checkout-standard .header a.text-white:hover{
    color:#343434 !important;
}
h6.ai-secondary-color, .ai-secondary-color{
    color: var(--ai-secondary, #555)
}
#c_delivery-13 .price-value,
#c_delivery-12 .price-value,
.icons .icon img{
    display: none;
}

@-webkit-keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
@keyframes fpFadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -20px, 0);
        transform: translate3d(0, -20px, 0);
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}
/*9/12/2020*/

@media screen and (max-width: 768px) {
    .notices {
        padding: 0;
        position: fixed !important
    }

    .py-12.new-collection-2{
        padding-top: 3rem !important;
        padding-bottom: 3rem !important;
    }
    .new-collection{
        background-position: 80%;
        text-align: center;
    }
    .new-collection-2{
        background-position: 25%;
    }
    .margalla-home-stage.mt-3{
        margin-top: 0px !important;
    }
    .margalla-home-stage{
        background-size: contain;
        padding: 105px 0px;
    }
    .catalog-list.new-products .list-items.jnt .product{
        margin: 0;
    }
    .catalog-list.new-products .owl-stage-outer{
        padding: 0 2px;
    }

    .about-product {
        margin-left: 0;
    }
    .catalog-detail-image .thumbs-vertical,.jnt_single_product_image .slick-list{
        min-height: 100%;
        height: auto;
    }
    .top-selling-slider.owl-carousel .owl-item,
    .new-product-slider.owl-carousel .owl-item{
        padding: 0px 5px;
    }
}

@media (max-width: 1500px) {
    .about-product {
        margin-left: 0;
    }
}

@media all and (max-width: 991px){
    .basket-mini-product .basket-toggle{
        padding-top: 0;
        padding-bottom: 0;
    }
    .catalog-list .list-items.jnt .product{
        width: 100%;
    }
    .catalog-list .product a{
        display: block;
    }
    .catalog-list .media-list{
        margin:0 auto;
    }
}

@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu {
        display: block;
        opacity: 0;
        visibility: hidden;
        transition: .3s;
        margin-top: 0;
    }

    .navbar .nav-item:hover .nav-link {
        color: #fff;
    }

    .navbar .dropdown-menu.fade-down {
        top: 80%;
        transform: rotateX(-75deg);
        transform-origin: 0% 0%;
    }

    .navbar .dropdown-menu.fade-up {
        top: 180%;
    }

    .navbar .nav-item:hover .dropdown-menu {
        transition: .3s;
        opacity: 1;
        visibility: visible;
        top: 100%;
        transform: rotateX(0deg);
    }
}

@media (min-width: 1024px) {
    .container-fluid {
        padding-left: 4.063%;
        padding-right: 4.063%;
    }
}

@media (min-width: 1024px) {
    .container {
        max-width: 1024px;
    }
}

@media (min-width: 1280px) {
    .container {
        max-width: 1250px;
    }
}

@media (min-width: 1566px) {
    .container {
        max-width: 1536px;
    }
}

.vm--container .vm--modal{
    overflow: scroll !important;
}

.form-control:focus{
    box-shadow: unset;
}

@media all and (max-width: 600px){
    .checkout-standard .step {
        width: 100%;
    }
    .checkout-standard .item-service .description h2{
        margin-top: 13px;
    }
    .checkout-standard .item-service .description h2{
        margin-top: 13px;
    }
    .checkout-standard-summary .modify {
        float: unset;
        margin-bottom: 14px;
        display: block;
        width: 100%;
    }
    .checkout-standard-summary-option {
        padding-top: 2.5em;
    }
}
@media all and (max-width: 767px){
    .magalla-menu .navbar-nav .dropdown::after{
        width:35%;

    }
    .navbar-nav li{
        /*display: inline-block;*/
    }
    /*.magalla-menu .navbar-nav .dropdown::after{
    content: unset !important;

}
    .magalla-menu .navbar-dark .navbar-nav .nav-link {
    display: inline-block !Important;
}

.magalla-menu .navbar-nav .dropdown-toggle::after {
    content: '';
position: absolute ;
bottom: 0;
left: 0;
height: 3px;
background-color: #007dff;
transform: scaleX(0);
transform-origin: bottom left;
transition: transform 0.3s;
}
.magalla-menu .navbar-nav .dropdown-toggle:hover::after {
    transform: scaleX(1);
    content: '';
position: absolute ;
bottom: 0;
left: 0;
height: 3px;
background-color: #007dff;
transform-origin: bottom left;
transition: transform 0.3s;
}*/
    .margalla-top-bar {
        padding:0 10px;
    }
    .catalog-list .list-items.jnt .product.double-li {
        width: 100%;
    }
    .jnt-mini-basket-container {
        width: 100%;
        left: 0 !important;
    }
    .aimeos .addbasket .input-group .basket-main-qtybtn, .aimeos .addbasket .input-group .basket-main-addbtn {
        width: 100% !important;
        margin-top: 11px;
        margin-left:0 !important;
    }
    .margalla-tabs .nav-tabs {
        border-bottom: unset;
    }
    .basket-toggle {
        top: 0;
    }
    .cart-items {
        right: 12px;
        width: 187% !important;
        max-width: 188% !important;
    }
    .common-summary-detail .basket input {
        height: 32px;
        border: 1px solid #000000a8;
        padding-bottom: 5px;
        width: 59px;
    }
    .aimeos .attr-list, .aimeos .form-list {
        margin: 0;
    }
    .checkout-standard-address-billing{
        padding:20px 10px !important;
    }
    .checkout-standard .item-service .icons img {
        margin: 0;
    }
    .active-arrow::after {
        border-right: 2px solid #fff0 !important;
        border-top: 2px solid #fff0 !important;
        border-left: 2px solid white !important;
        border-bottom: 2px solid white !important;
    }
    .dropdown-toggle-1::after{
        border-right: 2px solid #fff !important;
        border-top: 2px solid #fff !important;
    }
}

@media only screen and (min-width: 991px) and (max-width: 1279px){
    .socials-links{
        display:none;
    }
    .navbar-nav .nav-item .nav-link .fa-search{
        display:none;
    }
    #main_nav .ml-auto .d-flex > a{
        display:none;
    }
    .magalla-menu .navbar-dark .navbar-nav .nav-link {

        font-size: 15px;
    }
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: .2rem;
        padding-left: .2rem;
    }
    .magalla-menu .navbar-dark .navbar-nav .nav-link {

        font-size: 16px;
    }
}
@media only screen and (min-width: 1179px) and (max-width: 1560px){
    .magalla-menu .navbar-dark .navbar-nav .nav-link {

        font-size: 16px;
    }
}
/*Footer*/


/*Home Page**/