@charset "UTF-8";

*,
*::before,
*::after {
  box-sizing: border-box;
}

@media (prefers-reduced-motion: no-preference) {
    :root {
        scroll-behavior: smooth;
    }
}

body {
    margin: 0;
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-black);
    text-align: var(--bs-body-text-align);
    background-color: var(--bs-body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,
a i {
  color: var(--bs-black) !important;
}

a:hover,
a:hover i {
  color: var(--bs-tertiary) !important;
}

.text-black {
    color: var(--bs-black);
}

.text-black:hover {
    color: var(--bs-primary);
}

.errors {
    padding: 0px 10px;
    color: var(--bs-warning);
}

.errors ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.transition-all-25 {
    -webkit-transition: all .25s ease-in-out;
    -moz-transition: all .25s ease-in-out;
    -o-transition: all .25s ease-in-out;
    transition: all .25s ease-in-out;
}

.transition-all-50 {
    -webkit-transition: all .50s ease-in-out;
    -moz-transition: all .50s ease-in-out;
    -o-transition: all .50s ease-in-out;
    transition: all .50s ease-in-out;
}

.transition-all-1s {
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.display-inline-middle {
    display:  inline-block;
    vertical-align: middle;
}

.translate-center {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

a.btn {
  color: initial !important;
  padding: 0.8rem 1.5rem;
}

a.btn i {
  color: var(--bs-white) !important;
}

button.btn-primary:focus,
button.btn-primary:active,
button.btn-primary,
a.btn-primary:focus,
a.btn-primary:active,
a.btn-primary {
    background-color: var(--bs-primary);
    border-radius: 4px;
    color: var(--bs-white) !important;
    /*padding: 12px 15px;*/
    outline: none;
    box-shadow: none !important;
    border: 0;
}

button.btn-primary:hover,
a.btn-primary:hover {
    background-color: var(--bs-secondary) !important;
}

button.btn-secondary:focus,
button.btn-secondary:active,
button.btn-secondary,
a.btn-secondary:focus,
a.btn-secondary:active,
a.btn-secondary {
    background-color: var(--bs-tertiary);
    color: #fff !important;
    border-radius: 4px;
    /*padding: 12px 15px;*/
    outline: none;
    box-shadow: none !important;
    border: 0;
}

button.btn-secondary:hover,
a.btn-secondary:hover {
    background-color: var(--bs-quaternary) !important;
}

button.btn-tertiary:focus,
button.btn-tertiary:active,
button.btn-tertiary,
a.btn-tertiary:focus,
a.btn-tertiary:active,
a.btn-tertiary {
    background-color: var(--bs-black);
    color: var(--bs-black) !important;
    color: #fff !important;
    border-radius: 4px;
    /*padding: 12px 15px;*/
    outline: none;
    box-shadow: none !important;
    border: 0;
}

button.btn-tertiary:hover,
button.btn-tertiary.active,
a.btn-tertiary.active,
a.btn-tertiary:hover {
    background-color: var(--bs-quaternary) !important;
}


button.bootbox-close-button,
.modal button.close {
  border: 0;
  background: transparent;
  font-size: 1.5rem;
  border: 0;
  float: right;
}

.bootbox .modal-footer button {
  padding: 8px 15px;
  border-radius: 40px;
}

a {
  text-decoration: none;
}

.object-fit-contain {
  object-fit: contain;
}

.object-fit-cover {
  object-fit: cover;
}

.navbar-menu-wrapper .nav-link img {
    object-fit: contain;
    background-color: var(--bs-white);
    padding: 1px;
}

button.active {
    opacity: 0.8;
    cursor: initial;
}


#toast_wrapper {
  position: fixed; 
  bottom: 15px;
  right: 15px;
  z-index: 999999;
}

#toast_wrapper .toast-header {
  display: block;
  color: #fff;
}

#toast_wrapper .title,
#toast_wrapper .close {
  display: inline-block;
  vertical-align: middle;
}

#toast_wrapper .close {
  float: right;
}

#toast_wrapper .close button {
  border: 0;
  background-color: transparent;
  color: #fff;
}

#toast_wrapper .toast-body {
  color: #fff;
  opacity: 0.9;
}

#toast_wrapper .toast {
  border: 0;
}

#toast_wrapper .toast .toast-header,
#toast_wrapper .toast .toast-body {
  border: 0;
  border-radius: 0;
}

#toast_wrapper .toast.danger .toast-header,
#toast_wrapper .toast.danger .toast-body {
  background-color: var(--bs-danger);
}

#toast_wrapper .toast.success .toast-header,
#toast_wrapper .toast.success .toast-body {
  background-color: var(--bs-success);
}

#toast_wrapper .toast.info .toast-header,
#toast_wrapper .toast.info .toast-body {
  background-color: var(--bs-info);
}

#toast_wrapper .toast.warning .toast-header,
#toast_wrapper .toast.warning .toast-body {
  background-color: var(--bs-warning);
}

.hide {
  display: none;
}


.transform-translate-center {
  -moz-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.bootbox .close {
  position: absolute;
  right: 35px;
  top: 10px;
  font-size: 1.8rem;
}

.content-nav.navbar {
      display: inline-block;
    padding: 0;
}

.navbar.content-nav.navbar .navbar-menu-wrapper {
    width: auto;
    display: inline-block;
    padding: 0;
    height: auto;
}

.navbar.content-nav.navbar .navbar-menu-wrapper .navbar-nav .nav-item:last-child {
  margin: 0;
}

.navbar.content-nav.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown .navbar-dropdown {
  left: 0;
  right: auto;
    min-width: 220px;
}

.navbar.content-nav.navbar .navbar-menu-wrapper .navbar-nav .nav-item .dropdown-bordered.dropdown-toggle:after{
  content: "";
}
.navbar.content-nav.navbar .navbar-menu-wrapper .navbar-nav .nav-item.dropdown i {
      right: 10px;
    top: 7px;
    position: absolute;
}

form #profile-photo {
  text-align: center;
}

form #profile-photo img{
  margin: 10px auto;
/*  padding-top: 15px;*/
    border: 1px solid #ccc;
    border-radius: 100%;
}

.main-panel {
  min-height: calc(100vh - 57px);
}

.main-panel .main-content {
  height: 100%;
}

.navbar-menu-wrapper .navbar-nav {
  font-size: 0.95rem;
}

div#toolbarContainer {
    display: none;
}

.modal-md {
    max-width: 991px !important;
}

#right-sidebar {
  position: fixed;
  z-index:  99999;
  left: 100%;
  height: 100vh;
  width: 620px;
  overflow-y: auto;
  padding: 20px;
  background-color: var(--bs-white);
  border-left: 1px solid #ccc;
}

.right-sidebar-noads{
  width: 420px!important;
  left: calc(100% - 420px)!important;
}

#right-sidebar.open {
  left: calc(100% - 620px);
}

#cart {
    font-size: 0.9rem;
}

#dynamicModal .login {
    padding: 20px;
}

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

#dynamicModal .login .title {
  text-align: center;
    font-size: 0.9rem;
    margin-bottom: 10px;
/*    font-weight: bold;*/
}
.price span{
  font-size: 2rem;
}

.container, .row.justify-content-center.align-items-center {
  height: 100%;
  min-height: 100%;
}
.payment-cash {
  border: 1.5px solid #000000;
  /* border-color: rgb(24, 204, 1);
  border-width: thick; */
}
.payment-cash:hover {
  border: 2px solid #00C851
  /* border-color: rgb(24, 204, 1); */
  /* border-width: thick; */
}
.payment-online {
  border: 1.5px solid #000000;
  /* border-color: rgb(24, 204, 1);
  border-width: thick; */
}
.payment-online:hover {
  border: 1.5px solid #33b5e5;
  /* border-color:  */
}
.card-img-top {
  padding: 0.25rem;
  /* height: 2.5rem;
  width: 2rem; */
}

.card-body p {
  font-size: .65rem;
}
.nopadright {
  padding-right: 0px!important;
}
.btncol {
  padding-right: .2rem;
  padding-bottom: .7rem;
}
.btn-group > .btn-check:checked + .attr2buttons {
  /* background-color: #00C851; */
  border: 1.5px solid #DC3545;
  /* outline-color: */
  color:#DC3545;
}
.btn-group > .btn-check:checked + .attr1buttons {
  border: 1.5px solid #007bff;
  color: #007bff;
}

.image-button {
  display: inline-block;
  width: 15px; /* Adjust width as needed */
  height: 15px; /* Adjust height as needed */
  background-color: grey; /* Change this to your desired background color */
  text-align: center;
  line-height: 50px; /* Vertically center the text */
  color: white;
  text-decoration: none;
  border-radius: 5px;
}

/* Style for the image within the button */
.image-button img {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
.font15{
  font-size: 1.5rem!important;
}

.form-check{
  margin-left:6%!important;
}