*{margin:0;padding:0;}

body{
	 font-family: Arial, sans-serif;
	font-size:16px;
	background:#ffffff;
	line-height:22px;
	color:#000000;
}
a{color: blue;}
a:visited {
  color: #2c6e44;
}
input, textarea{padding: 8px 10px;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 4px;}
textarea{resize: none;}

option:hover,  option:checked{
  background-color: #50a76e!important;
}

label{
	 margin-bottom: 3px;
    display: inline-block;
    font-family: AUTO;
}

table{border-collapse: collapse;}

::selection {
  color: white;
  background: #0ac365;
}



.container{max-width: 1200px;
    margin: auto;
    background: #eee;
    overflow: hidden;}


.date_time{font-size: 22px;
    font-weight: bold;
    color: #ffffff;
    padding: 10px;
    background: #50a76e;
    overflow: hidden
}

.date_display{float: left;}
.time_display{float: right;}



.content{overflow:hidden;}

.left_menu{float: left;
    background: #dddbdb;
       
	width:20%;
	}

ul.left_mainmenu{padding: 10px; }
ul.left_mainmenu li{    list-style-type: none;position:relative;}
ul.left_mainmenu li:hover .submenu{  display:block;}
ul.left_mainmenu li a{    text-decoration: none;
    padding: 5px 10px;
    display: block;
    color: #ffffff;
    font-weight: 600;
    background: #50a76e;
    margin-bottom: 2px;}
ul.left_mainmenu li a:hover{/* background:#134c27 */}
.submenu{  /* display: none;
    position: absolute;
    top: 0;
    border-left: 3px solid #dddbdb;background:#aaa;
	    right: -205px;
    z-index: 9999; */
    width: 98%;
	
	}
.submenu li {border-bottom: 1px solid #778d32;}	
.submenu li a{background:#227C70 !important; margin-bottom:0 !important;}	 
	
.current_date_report{ overflow: hidden; }
.title_heading{  font-size: 2rem;
    text-align: center;
    background: #6ab10d;
    display: block;
    padding: 20px 0px;
    color: #fff;}
.report_sect{     width: 22%;
    float: left;
    background: #fff;
    text-align: center;
    margin: 3px;}
.report_sect h2{font-size: 1rem;
    background: #50a76e;}
.report_sect p{    font-size: 2.5rem;
    padding: 20px;
    color: #50a76e;}


.home_product_list, .add-product-area, .right-content{float: left;}

#invoiceForm, #purchaseForm{width:95%;margin:0 auto;}
.home_table{}
.home_table tr{}
.home_table, .table-main, .table-main th, .table-main td, .home_table td, .home_table th{border: 1px solid #0000002b;
  border-collapse: collapse;
  padding:5px 10px;font-size: 14px;}
.home_table th{}
.home_table td{text-align: center;}
.product_img{    width: 70px;
    height: 70px;}
/*Product Page Style*/
.add-product-area{}

.product_form{    margin-top: 30px;}
.product-form-table{width: 100%;}
.product-form-table tr{}
.product-form-table td{    padding: 8px 20px;
    font-size: 20px;}
.product-form-table label{}
.product-form-table input, .select_unit{    padding: 8px 10px;
    font-size: 16px;
    border: 1px solid #aaa;
    border-radius: 4px;
}
.dsm_select{width: 100%;}
.product_form select:focus, .product_form input:focus{
    border-color: #50a76e !important;
}

.product_submit, .purchase_submit, .adjust_submit, .submit_button{display: block;
    text-align: center;
    margin: 30px auto;
    padding: 10px 20px;
    background: #50a76e;
    border: 0;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;}
	
.submit_common{
    padding: 10px 20px;
    background: #50a76e;
    border: 0;
    color: #ffffff;
    font-size: 18px;
    text-transform: uppercase;}
	
	/* input[type="submit"]{border:0;}
	input[type="submit"]:hover{border:0;} */
	
	
.product-search-box{display: flex;
    justify-content: center;    margin-bottom: 25px;}
.product-search-box label{    padding-right: 5px;
    font-size: 20px;}
.product-search-box input{padding: 8px 15px;
    font-size: 16px;
    border: 1px solid #aaa;}
input:focus, select:focus, textarea:focus{ outline: none !important;
    border:1px solid #50a76e;
	    box-shadow: 0px 0px 5px 0px #50a76e;
	}
	
.product_search_area{text-align:center;}
.product_search_heading{   /*  margin-bottom: 20px;  */
    font-size: 30px;    /* border-bottom: 2px solid #c7c0c0; */
    padding: 25px;}

.customer_table {    margin: 0 auto;}
.customer_table td{text-align:left !important}

input#sale_quantity{    width: 60px;
    text-align: center;}
ul.row{width:100%;overflow:hidden;}	
ul.row li{list-style-type:none;float:left;}		
.col-1{float:left;    padding: 5px 30px;
    border: 1px solid #000;}
.table{
  display:table;         
  width:auto;                
  border:1px solid  #000;         
 
}
.table-row{
  display:table-row;
  width:auto;
  clear:both;
}
.table-cell{
     float: left;
    display: table-column;
    width: 129px;
    text-align: center;
    height: 40px;
    border-bottom: 1px solid;
    padding: 10px 0;
    border-right: 1px solid #000;
}
.heading{     width: 119px;
    text-align: center;
    font-weight: bold;
    padding: 5px;}
	
#table-img{width:40px; height:40px;}

.staff_img{    width: 200px;
    display: block;
    text-align: center;}
	
.sales{}
.sales input.sale_input{
    border: 0 !important;
    outline: 0 !important;
    background: inherit !important;padding: 5px 5px !important; }
.sale_id{width:100px;}
.sale_brand,  .sale_unit, .sale_quantity, .sale_total{
	width:60px !important;text-align:center;
}
.sale_name{}
.sale_brand{}
.sale_unit{}
.sale_quantity{}
.sale_total{}

.invoice_submit{margin: 0 auto;
    display: block;}
.editButton{
	color: #00c66e;
}