a{
	text-decoration:none;
}
.header{overflow:hidden;width:100%;}
.topbar {
    font-size: 22px;
    font-weight: bold;
    color: #cfdbc9;
    padding: 15px 10px;
    background: #00A65A;
    overflow: hidden;
}
.topbar-col{width: 33.33%;
    display: inline-block;
    float: left;}
.topbar p{
	
}
.topbar_date{text-align:left;}
.topbar_time{text-align:right;}
.inventory_title{text-align:center;}

.shop_heading {
    text-align: center;
    overflow: hidden;
    padding: 15px 0px 5px 0px;
    cursor: pointer;
    background-color:#0ac365;
	border-bottom: 1px solid #00a65a;
}

.home_url{
	text-decoration: none;
    color: inherit;
    cursor: pointer;
	    display: block;
		color:#fff !important;
}
.shopName, .shopaddress, .shopmobile{
	line-height: 55px;color:#dce9d6;
	color:#fff !important;
}

h1.shopName{
font-size:4rem;}

.current_date_report{ overflow: hidden;}



.home_sect {
    float: left;
    margin: 10px;
    background: #00a961;
    width: 200px;
    text-align: center;
	color:#fff;
	border-radius:4px;
}
.home_sect:nth-child(1) {background: #2192FF;}
.home_sect:nth-child(2) {background: #FD841F;}
.home_sect:nth-child(3) {background: #38E54D;}
.home_sect:nth-child(4) {background: #CD104D;}
.home_sect:nth-child(5) {background: #367E18;}
.home_sect:nth-child(6) {background: #00A65A;}
.home_sect:nth-child(7) {background: #F39C0F;}
.home_sect:nth-child(8) {background: #DD4C39;}
.home_sect:nth-child(9) {background: #00C0EF;}
.home_sect:nth-child(10) {background: #367E18;}
.home_sect:nth-child(11) {background: #00A65A;}
.home_sect:nth-child(12) {background: #F39C0F;}
.home_sect h3 {
    font-size: 14px;
    color: #fff;
    text-transform: uppercase;
}
.home_sect a {
    padding: 15px;
    color: #ffffff;
    display: block;
    /* text-shadow: 1px 3px 15px #040404; */
    font-size: 20px;
	font-weight:600;
}
.month_sect{
	height:100px;
}

.month_sect h3{
	font-size: 16px;    padding: 10px;/* text-shadow: 1px 3px 15px #040404; */
}

.shortcut_menu{
	border-radius: 4px;
}
.amount{font-size: 25px !important;
    padding: 25px;}
.top_list {
    list-style-type: square;
    display: block;
    padding: 10px 35px;
    background: #18168526;
}
.top_list li {
    padding: 5px 0;
    font-size: 1.1rem;
    color: #0c5ff7;}	
.dashboard-col:nth-child(odd) .top_list li {color: #cd104d !important;}
.dashboard-col:nth-child(even) .top_list li {color: #00a65a !important;}	
.top_list li:hover{color: #f00;}	
	
.report_sect{    width: 23%;
    float: left;
    background: #fff;
    text-align: center;
    margin: 5px;}
.report_sect h2{    font-size: 1rem;
    background: #50a76e;
    padding: 5px;
    color: #ffd400;}
.report_sect p{    font-size: 1.3rem;
    padding: 20px;
    color: #50a76e;}
.currency_text{    color: #50a76ec4;
    font-size: 12px;}
	


.last_invoices{    list-style-type: square;
    display: block;margin-top:10px;padding: 0px 35px}	
.last_invoices li{margin-bottom: 10px;}	
.last_invoices li a{text-decoration: none;
    padding: 10px 0;
    font-size: 1.1rem;
    color: #0c5ff7;}	
.last_invoices li a:hover{color: #f00;}	
	
.report_sect{    width: 30%;
    float: left;
    background: #fff;
    text-align: center;
    margin: 5px;}
.report_sect h2{    font-size: 1rem;
    background: #50a76e;
    padding: 5px;
    color: #ffd400;}
.report_sect p{    font-size: 1.3rem;
    padding: 20px;
    color: #50a76e;}
.currency_text{    color: #50a76ec4;
    font-size: 12px;}
	
	
/* Sale Page Styles */	
	
.ncm_sale_invoice{}
.ncm_sale_invoice input{font-size:12px !important;}
.invoice_details{    overflow: hidden;}
.shop_address{}
.invoice_items{}
#invoice_item{}
#purchaseMore{display: block;
    text-align: center;
    margin: 0 auto;}
.invoice_extra{}
.invoice_data_boxes{
	font-size: 12px;
    padding: 10px 0;
    text-align: center;
	}
.row_style{width:100px !important;}	
.invoice_extra{}
.productQuantity, .productPrice{
	border-color: #ff6f00 !important;
    border-width: 2px !important;
}

.invoice_no_section input{text-align: center;}

#messages{font-size: 2rem;
    color: #f00;
    text-align: center;
   font-weight: bold;}

.invoice_main, .profile-table {
    max-width: 750px;
    margin: 10px auto;
    padding-top: 20px;
    overflow: hidden;
    padding-bottom: 20px;
    font-size: 14px;
    background: #fff;
    border: 1px solid;
    border-color: #a7a785;
}
.profile-table{font-size:18px!important;}
.profile-table td{font-size:18px!important;text-align:left!important;}
.invoice_header {}
.invoice_header img{width:100%;}

.invoice-address{overflow: hidden;
    width: 90%;
    padding: 10px;
    border-bottom: 1px solid #ddd;
    margin: 0 auto;
    margin-top: 10px;
}

.invoice_buyer{float: right;
    width: 50%;
    text-align: right;}
.invoice_seller{float: left;
    width: 50%;}
.invoiceNo{
	text-align:center;
}
.invoice-no{
   font-size: 20px;
    padding: 15px;
    display: inline-block;
    background: #000;
    color: #fff;
    border-radius: 30px;
}

.customer_info{
	padding: 10px;
    width: 90%;
    margin: 0 auto;
    line-height: 30px;
}

.table_head{
	background-color:#9cff2e !important;
	color: #000 !important;
	-webkit-print-color-adjust: exact; 
}

.invoice_table{
	width: 100%;
}

.invoice_table, .invoice_table td, .invoice_table th {
    border: 1px solid black;
    border-collapse: collapse;
    padding: 5px 10px;
    font-size: 14px;
	text-align: center;
}

.item_name{
	text-align:left !important;
}

.invoice_bottom{    margin-top: 30px;
    padding: 30px;}
.customer_sign{float:left;border-top:1px dashed #000;}
.seller_sign{float:right;border-top:1px dashed #000;}

.invoice_page_title{    font-size: 50px;
    display: block;
    padding: 25px 0;
    border-bottom: 2px dashed #bbb;}
.invoice_no_section{padding: 15px 0;
    text-align: center;
    font-size: 30px;
    border-bottom: 2px dashed #bbb;font-weight: bold;text-transform:uppercase; 
}
.invoice_no_section input{border: 0!important ;
    background: inherit;
    font-size: 30px !important;
    text-align: left;
    font-weight: bold;   width: 210px;}

.sale_invoice, .sale_info{    width: 50%;
    float: left;}
.sale_invoice_date, .sale_address{    width: 30%;
    float: right;}
	
.sale_info{}	
.sale_address{}	

.customer_address{}
.invoice_box{padding: 5px 0;}
.invoice_box label{display:block;}

#invoice_item{}
#invoice_item input{    }
#invoice_item td{/* padding:2px; */text-align: center;border: 1px solid #ddd;
}

.ncm_sale_invoice{padding-bottom: 40px}

.customerDetails{margin-top: 20px;}
.customerDetails, .invoice_bottom{width:90%;}
.customerDetails input, .customerDetails textarea{}
.removebutton{font-size: 16px;
    border-color: #131212;
    padding: 5px;border: 1px solid;}
	
.invoice_buttons{
    display: block;
    text-align: center;
    margin-top: 30px;}	
	
.product_full_img{
	max-width: 500px;
    margin: 0 auto;
    display: block;
	width:100%;
}	

.settings_section{    overflow: hidden;
    display: block;    width: 95%;
    margin: 0 auto;}
.settings_section input, .settings_section textarea {min-width: 80%;}
.settings-row{width: 50%;
    float: left;margin-bottom: 20px;height:80px;}
	
.settings-img{width:100px;}

.pagination{margin: 0 auto;
    width: 50%;}
.pagination ul{}
.pagination ul li{    float: left;
    padding: 20px;
    list-style-type: none;}
.pagination ul li a {
    text-align: center;
    text-decoration: none;
    border: 1px solid #bbb;
    color: #000;
    background: #fff;
    padding: 0px 10px;
    font-size: 1.2rem;
}

.footer-text{padding: 30px 0; text-align:center;    margin-top: 30px;
}

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

.login_title{font-size:2rem;display:block;overflow:hidden;margin-bottom:20px; padding: 10px;}

.login{    text-align: center;
}

.login_button{
	margin:0 auto;
}

.table_header, .table-header{background:#02a972 !important;color:#000000 !important;}
#data_table, #table-area{
 margin: 0 auto;width:95%;
}
#dsm_data_table{
	width: 95%;    margin: 0 auto;
}
#data_table tr:nth-child(odd), #table-area tr:nth-child(odd), #dsm_data_table tr:nth-child(odd){background:#00ac7712;}
#data_table tr:nth-child(even), #table-area tr:nth-child(even), #dsm_data_table tr:nth-child(even){background:#fff;}

.category_area_title {
	text-align: center;
    border-bottom: 1px solid;
    padding-bottom: 10px;
    border-color: #aaa;
    width: 50%;
    margin: 10px auto;
}

.page-header {
    text-align: center;
   /*  border-bottom: 2px solid #c7c0c0; */
    font-size: 22px;
    padding: 15px;
    text-transform: capitalize;/* line-height: 40px; */
}
.page-heading{     padding: 10px;
    }

.form-area{
	text-align: center;
    margin-top: 30px;
}

#success-message, #error-message{font-size: 2rem;
    text-align: center;
   font-weight: bold;
      padding: 10px;
   
   }
#success-message{
	color:green;
}
#error-message{
	color:red;
}

.dashboard-row {
    overflow: hidden;
    margin: 20px auto;
	width:96%;
}

.dashboard-col{    float: left;
    width: 48%;
    margin: 5px;
    background: #fff;}


.dash-row-header, .dash-row-footer {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-family: auto;
    background: #eee;
    display: block;
    padding: 10px;
    color: #090853;
    border: 1px solid #d5d3d3;
    border-radius: 5px 5px 0px 0px;
}

.dashboard-row-body {
    border: 1px solid #d5d3d3;
    border-top: 0;
    padding-top: 10px;
    overflow: hidden;
    padding-left: 15px;
	padding-bottom:20px;
	background: #fff;
}
.dash-row-footer{border-radius: 0;
    text-align: center;
    background: #ddd;
    font-size: 16px;}
.user_avatar .dashboard-row-body{
	min-height: 300px;
}
	
.user_avatar {
    width: 38%;
    float: left;
    margin-right: 10px;
	text-align:center;
}
.avatar_img {
    width: 120px;
    height: 120px;
    margin: 0 auto;
    display: block;
    border: 1px solid #b0a5a5;
    border-radius: 70px;
    padding: 5px;
    background: #fff;
}
.avatar_name {    margin-top: 20px;
    margin-bottom: 15px;}
.avatar_role {}


.user_info{
	width: 60%;
    float: left;    min-height: 400px;
}
.user_info .dashboard-row-body{
	min-height: 300px;
}

.single_info {
    float: left;
    width: 50%;
    margin-top: 20px;
}
.single_info h3 {
    font-size: 1.3rem;
    border-bottom: 1px solid #e7dddd;
    width: 80%;
    padding-bottom: 5px;
}
.single_info p{
	padding-top: 5px;font-size: 18px;word-wrap:break-word
}

.add_del_button{
    display:block;
    margin: 0 auto;
    text-align:center;
}
#removeRows{
	background:red;
}
#removeRows:hover{
	background:#4c1313;
}
#addmore{
	background:#02a972;
}
#addmore:hover{
	background:#134c27;
}
.add_del_button input {
    border: 0;
    color: #eee;
    font-size: 16px !important;
    border-radius: 5px;
    font-weight: bold;
}
.sale_invoice_items{}

.sale_invoice_items th {
    padding: 7px 3px;
    color: #e7e4e4;
    border: 1px solid #ddd;
    background: #02a972;
}
.sale_invoice_items input{border:0 !important;font-size: 14px !important;}

.eye_down {
	padding:2px;
}

.collapsible {
  background-color: #777;
  color: white;
  cursor: pointer;
  width: 100%;
  border: none;
  text-align: left;
  outline: none;
  font-size: 15px;
  transition: 0.4s;
}
.collapsible .menu_icon {
    position: absolute;
    top: 5px;
    right: 10px;
    color: #ffffff;
    font-size: 12px;
    background: #098f62;
    padding: 5px;
    border-radius: 0px;
	transition: rotate 0.2s ease-out;
}
.active .menu_icon {
        rotate: 180deg;
		transition: rotate 0.2s ease-out;
}
.active::after {
    content: '';
    position: absolute;
    width: 10px;
    height: 10px;
    background: #50a76e;
    left: 25px;
    top: 27px;
    rotate: 45deg;
}
.active, .collapsible:hover {
  background-color: #555;
}
.active{margin-bottom:7px;}
.menu_content {
  display: none;
  overflow: hidden;
  background-color: #f1f1f1;
  transition: 0.4s;
}
.modal { /* max-width:600px !important; */}

/* Data Table Plugin Custom Styles */
.dataTables_length,  .dataTables_info{margin-left: 25px;}
.dataTables_length, .dataTables_info, .dataTables_filter{margin-bottom: 10px}
.data_table_length{}
.dataTables_filter{margin-right: 25px;}
.dataTables_filter input{border: 1px solid #c0ccc8 !important;
    background: #fff !important;}
.dataTables_paginate{}
.paging_simple_numbers{}
.paginate_button {}
.current {}
.dataTable{border-collapse: collapse !important;}

.dsm_data_area{
	width: 95%;
    overflow-x: auto;
	margin: 0 auto;
}
.max_content{width:max-content;}

#customerEntryForm td{
	padding: 10px 30px;
    font-size: 16px;
}

.error404{padding: 20px;
				width: 50%;
				text-align: center;
				margin: 20px auto;}
.error404 h3{color:red; font-size:3rem; margin-bottom:25px;}
.error404 h2{color: red;
    font-size: 8rem;
    padding: 60px;
    display: block;}
	
.list_table{
	width:100%
}

.list_table th, .list_table td{
	padding: 5px 10px;    border: 1px solid #eee;
	color: #555;
}

.ui-state-active{    background: #02a972 !important;
    border: 1px solid #017e58 !important;}