#shop .products {
	height: calc(100% - 100px);
}

#shop .products .product .wrapper .image .price {
    position: absolute;
    right: 15px;
    bottom: -15px;
    color: var(--bs-tertiary);
}

#shop .products .product .wrapper .image {
    margin-bottom: 10px;
    display: block;
/*    border-bottom: 1px solid #ccc;*/
    min-height: 180px;
    position: relative;
}

.thumbimg{
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 40px);
    margin-bottom: 20px;
    background-color: var(--bs-white);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 -100px 60px -80px #333;
}

#shop .products .product .wrapper .image .img {
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 40px);
}

#shop .products .product .wrapper {
    margin-bottom: 20px;
    background-color: var(--bs-white);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 -100px 60px -80px #333;
}

#shop .products .product .wrapper:hover {
    cursor: pointer;
    box-shadow: inset 0 -150px 110px -130px #333;
}

#shop .products .product .wrapper .info .sku {
    margin-bottom: 10px;
    font-size: 0.8rem;
}

#shop .products .product .wrapper .info {
    padding: 5px 10px 15px;
    font-weight: bold;
    /* color: var(--bs-white); */
}

#shop .leftrec {
	height: calc(100% - 100px);
    border: 2px solid #63aecf; /* Border color */
    background-color:#63aecf;
    border-radius: 4px; /* Curved (rounded) corners */
    padding: 1.25rem; /* Add padding inside the box */
    /* background-clip: content-box; */
    overflow: hidden; 
}

#shop .leftrec .product .wrapper .image .price {
    position: absolute;
    right: 15px;
    bottom: -15px;
    color: var(--bs-tertiary);
}

#shop .leftrec .product .wrapper .image {
    margin-bottom: 10px;
    display: block;
/*    border-bottom: 1px solid #ccc;*/
    min-height: 180px;
    position: relative;
}

#shop .leftrec .product .wrapper .image .img {
	background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 30px;
    height: calc(100% - 40px);
}

#shop .leftrec .product .wrapper {
    margin-bottom: 20px;
    background-color: var(--bs-white);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 -100px 60px -80px #333;
}

#shop .leftrec .product .wrapper:hover {
    cursor: pointer;
    box-shadow: inset 0 -150px 110px -130px #333;
}

#shop .leftrec .product .wrapper .info .sku {
    margin-bottom: 10px;
    font-size: 0.8rem;
}

#shop .leftrec .product .wrapper .info {
    padding: 5px 10px 15px;
    font-weight: bold;
    /* color: var(--bs-white); */
}

#shop .for-horizontal {
    display: none;
}

#shop.horizontal .for-horizontal {
    display: block;
}

#shop.horizontal div.product {
    display: none;
}

#shop.horizontal tr.product {
    cursor: pointer;
}

#shop.horizontal tr.product .image {
    height: 100px;
    width: 5rem;
}

#shop.horizontal tr.product .image .img {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    height: 100%;
}

#pagination {
    justify-content: center;
    font-size: 1rem;
}

#pagination li {
    display: flex;
    align-items: center;
    margin: 0 2px;
}

#pagination li span {
    padding: 0 10px 0;
}

#pagination li a {
    font-size: 1rem;
    padding: 5px 16px;
}


#shopItemModal .image .img {
    width: 100%;
    height: 320px;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    border: 1.5px solid #000000;
    border-radius: 3rem;
}

.selectedcat {
    color:#4F0B64!important;
}

.attrbuttons {
    font-size: .75rem!important;
    padding-left: .25rem!important;
    padding-right: .25rem!important;
}

.catalogimg{
    border-image-width: 0px 0px 6px 0px;
    background-repeat: no-repeat!important;
    -webkit-background-size: contain;
    -moz-background-size: contain;
    -o-background-size: contain;
    background-size: contain;
}
.attrspan{
    font-size: .65rem!important;
    font-weight: bold;
}
.cart-item{
    padding-bottom: .45rem;
}
.spanpricered{
    color:#DC3545;
}

.oncart{
    border-radius:.25rem!important;
}
.cartadd .col-lg-8{
    padding-left: .4rem;
    padding-right: .4rem;
}
.cartadd .col-lg-2{
    padding-left: 0px;
}

.card-noborder {
    transition: none;
    box-shadow: none;
}

.cartads{
    border-right: 1px solid grey;
}
/* .modal{
    height: 810px;
    top:-8.5%;
} */
.modal-wbg{
    background-color: rgba(255, 255, 255);
}
.modal-fullscreen {
    background-color: rgba(255, 255, 255);
    top: 0!important;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    display: flex !important;
    margin-top: 0px!important;
}
.modal-fullscreen > .modal-content {
    /* width: auto; */
    position: absolute;
    top: 0!important;
    max-width: 100%;
    margin: 0px;
}
.center-container {
    height: 70vh;  /*Set container to full viewport height */
    display: flex;
    align-items: center; /* Vertically center */
    justify-content: center; /* Horizontally center */
}
.screensavertop{
    /* position: absolute;
    top: 0!important; */
    background-color: #186282;
    height: 20%;
}
.screensaverbottom{
    background-color: #63aecf;
    height: 20%;
    /* position: absolute;
    bottom: 0!important; */
}
.fixed-bottom-centered {
    position: fixed;
    z-index: 99;
    width: 100%;
    left: 57%;
    transform: translateX(-50%);
    /* width: 80%; */
    top:89%;
    background-color: #f2f2f2;
    border: 1px solid #ddd;
    padding: 1.25rem;
    box-sizing: border-box;
  }
  .content-wrapper{
    padding-left: 5.5rem;
  }
  .textarea-like-input {
    display: block;
    width: 100%;
    padding: 10px;
    font-size: 1rem;
    line-height: 1.5;
    border: 1px solid #ccc;
    border-radius: 5px;
    min-height: 100px; /* Set a minimum height for the input */
    outline: none; /* Remove the default outline */
    resize: vertical; /* Allow vertical resizing */
    overflow: auto; /* Show scrollbars when content overflows */
    white-space: pre-wrap; /* Preserve line breaks and spaces */
    word-wrap: break-word; /* Break words when necessary */
}
.numeric-key{
    margin-bottom:1rem;
    font-size:1.25rem;
}
.font15{
    font-size: 1.5rem!important;
}
.em375{
    height: 3.75rem;
    color: #000000!important;
    padding-right:.3rem;
}

.card-customer {
    background-color: #fff;
    border-radius: 10px;
    border: none;
    position: relative;
    margin-bottom: 30px;
    box-shadow: 0 0.46875rem 2.1875rem rgba(90,97,105,0.1), 0 0.9375rem 1.40625rem rgba(90,97,105,0.1), 0 0.25rem 0.53125rem rgba(90,97,105,0.12), 0 0.125rem 0.1875rem rgba(90,97,105,0.1);
}
.card .card-statistic-3 .card-icon {
    text-align: center;
    line-height: 50px;
    margin-left: 15px;
    color: #000;
    position: absolute;
    right: -5px;
    top: 20px;
    opacity: 0.1;
}
.l-bg-blue-dark {
    background: linear-gradient(to right, #184434, #4ad3a1) !important;
    color: #fff;
}
.l-bg-green {
    background: linear-gradient(135deg, #23bdb8 0%, #43e794 100%) !important;
    color: #fff;
}
.hideElement {
    display: none !important;
}

#profilecontent{
    /* background-color: #fff; */
    border: 1px solid rgba(0, 0, 0, 0.125);
    border-radius: 0.25rem;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    padding: 1.15rem;
    background-color: #ffffff96;
}
#pdfcontentholder{
    background-color: #ffffff96;
}

.title{
    position: relative;
    left:27%;
}

.login .logo img {
    width: 120px;
    margin: 10px auto;
    display: block;
}

.qrcode-container {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%; /* You can adjust the height if needed */
}

body {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}