.login_hide_show{
     z-index: 9999999 !important;
      position: fixed;
      top: 10px !important;
      left: 45% !important;
      transform: translateX(-15%);
      /* height: 50px; */
      width: auto;
      display: flex;
    
      background-color: transparent;
  }
     .form-control {
    background: #f2f2f2 !important;
}
.chosen-container-multi .chosen-choices {
    max-height: 100px !important;  /* adjust as needed */
    overflow-y: auto !important;
}
  .header .notification_dropdown{
    color: #36465f !important;
  }
.bg_img{
    background-size: 100% 100%; 
    background-position: center; 
    background-repeat: no-repeat; 
    height: 200px; 
    position: relative; 
    border-radius: 10px; 
    overflow: hidden;
    background: rgba(0,0,0,0.5);
  }
  .card-title{
    font-size: 40px !important;
  }
  .restister_btn{
    padding: 7px 20px !important;
    font-size: 18px !important;
  }

  .btn-danger{
    background-color: #082a63;
}
td div h2{
    color: #082a63 !important;
}
th{
    background-color: #e5e5e5 !important;
    font-weight: bold;
    color: black !important;
}
td{
padding: 9px;
    border-top: 1px solid #a2a2a2;
    border-bottom: 1px solid #a2a2a2;
    text-align: center;
}
.error{
    color: red;
}
label .require{
    color: red;
}
table{
    width: 100%;
    margin-top: 10px;
}
.view_img_box a{
   color: blue;
   font-weight: bold;
   position: absolute;
    z-index: 999999;
    margin-top: -25px;
    margin-left: 332px;
}
.buttons-html5{
    background: #082a63 !important;
}
.profile-icon{
width: 35px;
border-radius: 50%;
border: 1px solid black;
text-align: center;
font-size: 13px;
}

.btn-danger{
    background-color: #082a63;
}

.error{
    color: red;
}
label .require{
    color: red;
}
hr{
    margin: 15px 0px 15px 0px !important;
}
.form-check-inline {
    margin-left: 18px !important;
}
.badge-primary {
    padding: 4px;
    font-size: 12px;
}
.list-group-item {
  border: 1px solid #bbbbbb;
}
body {
font-family: Arial, sans-serif;
}

h2, h3 {
color: #003366;
}

table {
width: 100%;
border-collapse: collapse;
margin-top: 20px;
}

th, td {
border: 1px solid #ddd;
padding: 12px;
text-align: center;
}



.price {
color: red !important;
font-weight: bold;
}

.quantity-selector {
display: flex;
align-items: center;
justify-content: center;
}

.quantity-selector span {
display: inline-block;
width: 30px;
height: 30px;
text-align: center;
background-color: #f0f0f0;
color: #000 !important;
border: 1px solid #ccc;
cursor: pointer;
font-weight: bold;
margin: 0 5px;
border-radius: 4px;
user-select: none;
font-size: 18px;
}

.quantity-selector input {
width: 40px;
text-align: center;
border: none;
font-size: 16px;
background: transparent;
}

#totalPrice {
font-size: 18px;
color: #000;
font-weight: bold;
}
.flat_rate{
background: #ff5e5e4f;
}
.btn-red{
background: red;
background: #d80000a8;
border-color: red;
color: #fff;
}
.btn-red:hover{
background:rgba(210, 32, 32, 0.66);
color: #fff;
}
.form-check-inline {
    margin-left: 18px !important;
}
.badge-primary {
    padding: 4px;
    font-size: 12px;
}
.list-group-item {
  border: 1px solid #bbbbbb;
}
 body {
background-color: #f6f8fb;
}
/* .billing-section {
padding: 2rem 0;
} */
.order-summary {
background-color: #f8d7da;
padding: 1rem;
border-radius: 0.5rem;
}
.order-summary h5 {
font-weight: bold;
}
.order-box {
background-color: #fcebe3;
padding: 1.5rem;
border-radius: 0.5rem;
}
.order-notice {
background-color: #d1ecf1;
color: #0c5460;
padding: 1rem;
border-radius: 0.25rem;
margin-top: 1rem;
}
.place-order-btn {
background-color: #e95770;
color: white;
border: none;
padding: 0.75rem 1.5rem;
border-radius: 2rem;
}
.fix-wrapper{
    min-height: 70vh;
}
.btn-custom{
    background-color: #e3e1fc !important;
    color: rgb(113 104 240) !important;
}

 td .btn-primary{
    background-color: #daf0e4 !important;
    color: rgb(54 193 117)  !important;
    border-color: rgb(54 193 117);
}
 td .btn-danger{
    background-color: #f27f7f !important;
    color: rgb(167, 46, 46)  !important;
    border-color: rgb(167, 46, 46)  !important;
}
.sharp.btn-xs {
    padding: 6px !important;
    width: 2.225rem !important;
    height: 2.225rem !important;
    min-width: 1.625rem !important;
    min-height: 1.625rem !important;
    font-size: 15px !important;
}
.card {
    border: none !important;
}
.metismenu li{
    line-height: 30px !important;
}
.menu-toggle img{
 width: 60% !important;
}
.banner_img {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 260px;
    display: flex;
    justify-content: center; /* Center horizontally */
    align-items: center;     /* Center vertically */
    flex-direction: column;
    color: white;
    text-shadow: 0 1px 3px rgba(0,0,0,0.7);
    position: relative;
    padding-top: 60px;
    text-align: center; /* Optional: centers text inside children */
}

.back_btn{
   margin-top: 5px !important;
    position: absolute;
    z-index: 99999;
    margin-left: 5px;
}

.nav-header {
        background-color: #f6f8fb;
        padding-top: 0px !important;
        }
        .nav-link{
            border: none;
        }
        .nav-link h3 span{
            border: 1px solid grey;
            border-radius: 50%;
            padding: 4PX 8PX;
        }
        .fa-cart-plus{
            font-size: 17px;
        }
        .logo-img {
            width: 7%;
            margin: 10px 0px 10px 0px;
        }
        .Billing{
            background: #ffffff;
                border-radius: 6px;
                padding: 12px
        }
        /* .content-body{
            margin: 0;
            height: 100vh;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
            display: flex;
            justify-content: center;
            align-items: center;
        } */
         .message {
            text-align: center;
        }

        .message h1 {
            font-size: 48px;
            color: #2e86de;
        }

        .message p {
            font-size: 18px;
            color: #333;
        }
        .btn-home{
            background: #178bffab !important;
            color: #123492 !important;
            font-size: 15px;
            font-weight: 700;
        }
        .dataTables_scrollHead{
            top: -13px !important;
            z-index: 9;
        }
        .dataTables_scrollBody{
            margin-top: -70px;
        }
        .footer{
        position: fixed;
        bottom: 0px !important;
        width: 100%;
        height: 40px;
         padding-left: 0px;
    }
    .copyright {
        padding: 0px !important; 
        margin-top: 0.8rem !important;
    }
        /* For screens smaller than 768px (like mobiles) */
        @media (max-width: 767.98px) {
            .logo-img {
                width: 36%;
            }
            .login_hide_show{
                left: 30% !important;
            }
             div.dt-buttons {
                float: right !important;
                text-align: center;
            }
            .dataTables_filter label {
                display: flex;
                align-items: center;
                width: 100%;
                margin-bottom: 10px;
            }
        }

        