@import 'font-almarai.css';
@import '../css_client/gymicons.css';
@import '../fonts/res-of.css';
html {
  scroll-behavior: smooth;
}

.treeview
{
	font-size:12px!important;font-weight:normal!important;
}
.form-group
{margin-bottom:1px!important;}

.control-label
{border-right:#0073b7 4px solid!important;}

.table-striped>tbody>tr:nth-of-type(odd) {cursor:pointer!important; } 
    
.datepicker {margin-bottom:2px!important;padding:2px!important;} 

.hand { cursor:pointer;}

.treeview
{   font-size:12px!important;font-weight:normal!important; }

.treeview-menu li a { font-size:12px!important;font-weight:normal!important; }

.form-group
{margin-bottom:1px!important;}

.control-label
{border-right:#d6d6e6 2px solid!important;}

.form-body .row {margin-right:5px!important;}

.skin-blue .treeview-menu>li.active>a, .skin-blue .treeview-menu>li>a:hover {
color:yellow ; 
border-left:#dfdfdf 5px solid!important;
}

.nav-tabs-custom { background-color:transparent!important; }
#tabs { background-color:transparent!important; }
.nav-tabs-custom > .nav-tabs > li { background-color:#0073b7!important; color:white!important; } 
.nav-tabs-custom > .nav-tabs > li a { color:white!important; } 
.nav-tabs-custom > .nav-tabs > li.active a { color:#0073b7!important; } 




/* NO MORE TABLES */
@media only screen and (max-width: 800px) {
    
	#no-more-tables { direction:rtl ; }
	
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; direction:rtl ; dir:rtl ; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		right: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-right: 40%!important; 
	
		white-space: normal;
		text-align:right;
		min-height:25px!important;
	}
 
	
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		right: 6px;
		width: 38%; 
		padding-left: 10px;
		white-space: nowrap;
		text-align:right;
		xfont-weight: bold;
		border-left:#0073b7 1px solid;
		color:#0073b7!important ; 
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
}

.datepicker {
  padding: 4px!important;
  
}
.tabless-striped>tssbody>tsr {cursor:pointer!important; } 
table.dataTable thead > tr > th {
padding-right: 3px!important; }  

.skin-blue .main-header .navbar {
    background-color: #000!important;
}