.body {
  background-size: cover;
  background: rgb(234, 234, 234);
  font-family: "Times New Roman", Times, serif;
  min-height: 100vh;
  height: 650px;
  display: flex;
  flex-direction: column-reverse;
}

.body_section{
  margin-right: 12px;
  margin-left: 280px;
  height: 100%;
}
.body_part{
  margin-top: 10px;

}
.btn_section{
  display: flex;
  justify-content: flex-end;
  margin-right: 14px;
  margin-top: 55px;
  margin-bottom: 4px;
}
.purchase_btn{
  margin-left: 15px;
}
.filter_options{
  text-align: right;
}
.distributor-type-radio-btn {
  float: left;
}
.distributor-type-radio-btn input[type="radio"] {
  opacity: 0.011;
  z-index: 100;
}
.distributor-type-radio-btn input[type="radio"]:checked + label {
  background: #20b8be;
  border-radius: 4px;
}
.distributor-type-radio-btn label {
  cursor: pointer;
  z-index: 90;
  line-height: 1.8em;
}
.distributor-type-radio-btn label{
  background-color: #c0d2d3;
}
.upper_part{
  text-align: center;
  border: 1px solid #9C9C9C;
  background-color: #EAEAEA;
  margin-top: 35px;
  border-radius: 5px;
}
.border_part{
  border: 1px solid #9C9C9C;
  background-color: #fff;
  margin-top: 65px;
  border-radius: 6px;
  padding: 25px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.report_part {
  margin-top: 65px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
}
 .section1,
 .section2,
 .section3,
 .section4 {
     background-color: #fff;
     color: #fff;
     border-radius: 5px;
     box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
     padding: 10px;
 }
.latest-sales{
  padding: 5px;
  font-size: 11px;
}
.update_sale input{
  width: 84px;
}
/* .g_total{
  display: flex;
  justify-content: flex-end;
} */
.middle_part select{
  margin-bottom: 12px;
}
.middle_part input{
  margin-bottom: 12px;
}
.total_part{
  display: flex;
  flex-direction: row-reverse;
}
.optional_information{
  height: 150px;
  font-size: 13px;
  display: block;
  width: 100%;
  padding: 10px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0.25rem;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.payment_type_reference{
  font-size: 15px;
  margin-left: 119px;
  margin-top: 30px;
}
.title_section{
  text-align: center;
  border: 1px solid #EAEAEA;
  background: #EAEAEA;
  padding: 10px;
  margin-bottom: 10px;
}
.button_setup{
  text-align: end;
  margin-top: 20px;
}
.index_page h6{
  font-size: 12px;
}
.col-md-3{
  border: 1px solid #bbc2ce;
  border-radius: 6px;
  color: #000;
  margin-bottom: 5px;
  background: #f1f1f1;
}
.col-md-3 .invoice{
  color: #f1f1f1;
  background-color: seagreen;
  text-align: center;
}
.col-md-3 .vendor{
  color: #f1f1f1;
  background-color: slateblue;
  text-align: center;
}
.col-md-3 .product{
  color: #f1f1f1;
  background-color: teal;
  text-align: center;
}
.col-md-3 .catrgory{
  color: #f1f1f1;
  background-color: yellowgreen;
  text-align: center;
}
.totalDetails .toatlInvoice{
  color: #f1f1f1;
  background-color: seagreen;
  text-align: center;
}
.totalDetails .totalWarehouse{
  color: #f1f1f1;
  background-color: yellowgreen;
  text-align: center;
}
.totalDetails .totalSale{
  color: #f1f1f1;
  background-color: teal;
  text-align: center;
}
#sub_text h3{
  font-size: medium;
}
#sub_text{
  padding-top: 10px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
} 
#icon{
  margin-top: 15px;
}
.mynavbar{
  background-color: #110664;
  padding: 0;
  display: flex;
}
.analytics{
  margin-bottom: 13px;
}
.col-md-4 a{
  text-decoration: none;
}
button a{
  text-decoration: none;
}
.table_size{
  font-size: small;
}
.sidebar i{
  font-size: 16px;
  margin-left: 1px;
}
.fix-sidebar{
  margin: 8px;
}
.dropdown:hover .dropdown-menu {
  display: block;
}
.dropdown:hover{
  background-color: lightgray;
}
.dropdown:hover .dropdown-menu li:hover {
  background-color: #f0f0f0;
}
.sidebar a {
  text-decoration: none;
  display: block;
  color: #333;
  transition: 0.3s;
  border-left: 10px solid transparent;
  font-size: 12px;
}
.sidebar a:hover {
  background-color: #f3f3f3;
  border-left: 3px solid #007bff;
  color: #007bff;
}
.sidebar .sidebar-text {
  text-align: left;
}
#main {
  transition: margin-left .5s;
  padding: 5px;
}
.btn-outline-primary{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  background-color: transparent;
  padding: 6px;
  margin-top: 12px;
  border: 1px solid transparent;
  text-decoration: none;
}
.sub_heading{
  text-align: left;
  font-size: 27px;
  margin: 15px;
}
label{
  color: #000;
  font-weight: 400;
  font-size: 15px;
}
button img{
  height: 35px;
  width: 80px;
}
.imglogo{
  height: 100px;
  width: 16%;
}
.btn-outline-info{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  padding: 5px;
  margin-top: 20px;
  background-color: transparent;
  border: 1px solid transparent;
  text-decoration: none;
}
.btn-outline-secondary :hover{
  color: #f1f1f1;
}
button a{
  color: #f1f1f1
}
.noureea_img{
  margin-top: 45px;
}
.table{
  margin-top: 25px;
}
.headers{
  text-align: center;
  padding: 20px;
}
.btn-outline-success{
  display: flex;
  justify-content: center;
  text-align: center;
  margin: auto;
  background-color: transparent;
  padding: 6px;
  margin-top: 12px;
  border: 1px solid transparent;
  text-decoration: none;
}
.gen_ant_invo{
  text-align: center;
  text-decoration: none;
}
i{
  font-size: 35px;
  padding-left: 10px;
  padding-right: 5px;
}
.nav-item{
  display: flex;
  align-items: center;
}
.dropdown-item{
  font-size: 14px;
}
.dropdown-toggle{
  padding: 12px;
}
/* /add distributor buttons/ */
.custom-btn{
  color: #fff;
  background-color: #20b8be;
  border-color: #20b8be;
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #212529;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0.25rem;
  transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out
}
.custom-btn-active {
  color: #ffffff;
  background-color: #c0d2d3;
}
.custom-btn-nonactive {
  color: #060606;
  background-color: #c0d2d3;
}
.custom-btn:hover {
    color: #fff;
    background-color: #20b8be;
    border-color: #20b8be;
} 
.col_wid input{
  width: 50px;
  font-size: 10px;
}
.col_wid select{
  width: 68px;
  font-size: 9px;
}
#inventoryTable th{
  font-size: 10px;
}
#inventoryTable td{
  font-size: 10px;
}
.footer{
  position: sticky;
  text-align: center;
  background-color: #000;
  color: whitesmoke;
  margin-top: auto;
}
@media screen and (max-width: 800px)
  {
    tr{font-size: 13px;}
    .sub_heading{font-size: 30px;}
    .headers{font-size: 30px; }
    .noureea{font-family: 23px;}
    .high_performance{font-size: 16px;}
    .col-md-3{margin-bottom: 6px;}
    #sub_text{padding-top: 0;
      display: flex;
      justify-content: space-between;
      align-items: center;}
    #myChart{margin-top: 10px;}
    #tr_id{font-size: 8px;}
    #mySidebar {
      width: 0; /* Hide the sidebar for smaller screens */
    }
  }