html,body{ 
	height:98%;
	width:100%;
	padding:0px;
	margin:0px;
}
html,body,input,p,div,td,th,select,textarea,button,a{
	font-family: 'Noto Sans Kufi Arabic','Open Sans Condensed', sans-serif !important;
}
.btn-group{
	margin:10px 20px;
}
.hint{
	font-size:10px;
}
.section{
	font-size: 14px;
    width: 100%;
    padding-top: 20px;
    font-weight: bold;
    color: gray;
}
textarea,input,select{
	background-color:rgba(255,255,255,0.5);
}

table{
	border-collapse:collapse;
}

.center{margin: 0 auto;}
.small{font-size:10px;}
.title{
	font-size:24px;
	font-weight:bold;
}
.dot{
	border-top:1px dotted gray;
	height:1px;
	border-bottom:0px;
}
div.header{
	border-bottom:solid 1px white;
	margin:0px;
	padding:2px;
	background-color:rgba(255,255,255,0.3);
	position:fixed;
	width:100%;
	top:0px;
	z-index: 3;
}
div.body{
	padding:15px;
}
.shadow{
	-moz-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 4px 8px rgba(0,0,0,0.5);
	box-shadow: 0 4px 8px rgba(0,0,0,0.5);
}

.link{
  cursor:pointer;
}