/*
Project Name: Toor Point of Sales
Description: This application is developed by www.toorsolutions.com
Author: Toor Solutions
Project URI: https://www.toorsolutions.com/portfolio/actorswood
Author URI: https://www.toorsolutions.com
Version: 1.0
*/

/*********************************/
/*  MAIN STYLES - Toor Solutions */
/*********************************/
@font-face
{
}
*
{
	box-sizing: border-box;
}
.padding-0{padding:0;}
.padding-2{padding:2px;}
.padding-5{padding:5px;}
.padding-10{padding:10px;}
.margin-0{margin:0;}
.margin-2{margin:2px;}
.margin-5{margin:5px;}
.margin-10{margin:10px;}
.bold{font-weight:bold;}
h1
{
}
h2
{
}
h3
{
}
h4
{
}
p
{
}
hr
{
	margin: 10px;
}
label
{
}
tfoot
{
	font-weight: bold;
}
.fa
{
	margin: 5px;
}
.navbar
{
	background-color: #333;
	border-radius:0px;
	margin: 0px;
}
.menu-section
{
	padding: 0px;

}
.data-section
{
	background-color: #f7f7f7;
	height: 100%;
}
.user-head
{
	padding: 20px 10px;
}
.btn-dashboard
{
	color:#f7f7f7;
	background-color: #2196f3;	
	width:100%;
	height: 40px;
	text-align: left;
	border:none;
	outline: none;
}
table .btn
{
	padding-top: 2px !important;
	padding-bottom: 2px !important;
}
.table-striped>tbody>tr:nth-of-type(odd):hover, .table-striped tr:hover
{
	background-color:#f2f2f2;
}
.menu-section ul
{
	list-style: none;
	padding-left: 0px;
}
.user-avator
{
	width: 70px;
	height: 70px;
	border-radius: 35px;
}
.btn-side-menu
{
	display: block;
	list-style: none;
	width: 100%;
	min-height: 35px;
	text-align: left;
	border:none;
	outline: none;
	padding-top: 8px;
	color:black;
}
.btn-side-menu:hover, .btn-side-menu.active 
{
	background-color: #f7f7f7;
	text-decoration: none;
	font-weight: bold;
}
.btn-side-menu:focus
{
	text-decoration: none;
}
.ul-side-menu
{
}
.level-0
{
	padding-left: 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #555;
}
.level-1
{
	padding-left: 15px;
}
.collapsable, .hidden
{
	display: none;
}
.active{
	background-color: #f7f7f7;
	color: #23527c;
}
.active a:focus{
	color: #2196f3;
	text-decoration: none;
}
.active a{
	color: #2196f3;
}
.toggle-btn
{
	font-size: 1.2em;
	padding-right: 10px;
}
.dashboard-boxes
{
	color:white;
	font-size: 1.5em;
	padding: 10px;
}
.box-1{	background-color: #AAA;}
.box-2{	background-color: #2196f3;}
.box-3{	background-color: #009688;}
.box-4{	background-color: #ff9800;}
.text-red{ color: red; }
.text-green{ color: green; }
.text-blue{ color: blue; }
.text-gray{ color: gray; }
.text-orange{ color: #ff9800; }

/*bargraph*/
.bar-graph
{
	height: 300px;
}
.graph-bars
{
	border:1px;
	display:table-cell; width:20px;
	height:100%;
	padding: 0px 2px;
	background-color: #DDD;
}
.graph-bars-value
{
	background-color:red;
	/*height:10px;*/
display: inline-block;
    vertical-align: baseline;
    float: left;
}
.report{
	box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
thead{
	background-color: #DDDDEE;
}








@media print{
	.no-print, aside, .menu-section{
		display: none !important;
	}
	::-webkit-scrollbar { width: 0 !important }
	tr td{
		padding:2px !important;
	}
	@page{
		margin: 0;
		padding: 0;
	}
	.panel, .panel-default{
		border:none !important;
		box-shadow: none !important;
	}
}


/*scrollbar style*/
::-webkit-scrollbar {
	width: 12px;
}
::-webkit-scrollbar-track {
	background: #f1f1f1; 
}
::-webkit-scrollbar-thumb {
	background: #ccc;
	border-radius: 5px; 
}
::-webkit-scrollbar-thumb:hover {
	background: #888;
}
/*end scrollbar style */

/* hides everything except report in print*/
/* end hides everything except report in print*/