body {
    background-color: var(--bodycolor);
    color: #fff;
    font-size:14px;
    font-family: "Open Sans", sans-serif;
}
/* Standard */
::placeholder {
    font-size: 12px;
    opacity: 1; /* Ensures full opacity */
}
::-webkit-input-placeholder {
    font-size: 12px;
}
::-moz-placeholder {
    font-size: 12px;
}
:-ms-input-placeholder {
    font-size: 12px;
}
::-ms-input-placeholder {
    font-size: 12px;
}
:root {
    --primary-color: #2C2C2C; /* Hexadecimal */
    --secondary-color: rgb(219, 68, 55,1); /* RGB */
    --accent-color: #ffffff; /* HSL */
    --bodycolor:#1e1e1e;
  }
.menu_btn{background-color:transparent;padding:0px;border:none;}
.logo{width:150px;margin-left: auto;margin-right: auto;display:block;}
.header,.inner-header {
    background-color: var(--secondary-color);
    padding: 10px;
}
.section {
    background-color: var(--primary-color);
    margin: 10px;
    padding: 15px;
    border-radius: 5px;
}
.graph-placeholder {
    background-color: #444;
    display: flex;
    align-items: center;
    justify-content: center;
}
.offcanvas {
    background-color: #222;
    color: var(--accent-color);
}
.form-control{font-size:14px;}
.cdropdown1{font-size:14px;padding:6px 12px;background-color:transparent;border:2px solid #fff;color:#fff;}
.offcanvas-body{background-image:url(../img/menu_bg.jpg);background-repeat: no-repeat;background-size: cover;}
.offcanvas{max-width:300px;}
.grid-container {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px; /* Adjust spacing as needed */
    justify-items: center;
    align-items: center;
    margin-top:70px;
  }
  .grid-item {
    border: 1px solid white; /* Adjust border color */
    padding: 20px; /* Add space inside the boxes */
    text-align: center;
    border-radius: 0px; /* Optional: rounded corners */
    width:100%;
    text-decoration: none;
  }
  .grid-item img {
    width: 50px; /* Adjust size of the icon */
    height: auto;
  }
  .grid-item p {
    margin-top: 10px;
    color: var(--accent-color); /* Adjust text color */
    font-size: 16px;
    margin-bottom:0px;
  }
  .back-arrow{left:10px;}
  .nav-tabs .nav-link{border-radius:0px;}
  .nav-tabs .nav-link{border-radius:0px;background-color:var(--secondary-color);color:#fff;border:none;border-bottom:2px solid var(--secondary-color)}
  .nav-tabs .nav-link.active{border-radius:0px;background-color:var(--secondary-color);color:var(--primary-color);border-bottom:2px solid rgb(255, 255, 255);background-color:#fff;}
  .full-height {
    height: 100vh; /* Takes up 100% of the viewport height */
  }
  .custom_field_color{background-color:#303030;padding:.375rem .75rem;display:block;width:100%;border-radius:0px;border:none;color:#fff;}
  .back-arrow img{width:23px;}
  .gross-sales span{font-weight:700;}
  .main-logo img{width:100px;}
  .custom_input{padding:.375rem .75rem;border-radius:0px;border:1px solid #fff;color:#fff;background-color:transparent;}

  .equal-table th, .equal-table td {
    width: 33.33%; /* Ensures all columns take up equal width */
    text-align: left; /* Centers the text */
    vertical-align: middle; /* Aligns content vertically in the middle */
}
.dropdown-item{font-size:14px;}
.login .wrap{background-color:var(--primary-color);}
.btn-theme{background-color:var(--secondary-color);padding:10px 30px;font-weight:700;border:none;border-radius:5px;}
.forget-pwd{color:#fff}
.table th {
  background-color: #828282;
}

  @media (max-width: 575.98px) { 

    .h5, h5 {
        font-size: 1rem;
    }
  }