*{ 
	margin:0; 
}
*, ::before, ::after {
  box-sizing: border-box;
}	
html{
	overflow-x: auto;	 
	font-size:25px;
	line-height:1.15; 
}
body { 
	text-align: justify;
	font-family: "Times New Roman", sans-serif; 	 
	font-size:1rem;
	line-height:1.15; 
	width: 100%;
	height: 100vh;
	scrollbar-width: thin;
	overflow-x: hidden;
}
pre{
	white-space: break-spaces;
}
.xcontent{ 
	/* margin: 0.2rem 1rem; */
	margin: 0.2rem .5rem;
	/* padding: 1.2rem 0.8rem; */
	padding: 1rem 0.6rem;
	box-shadow: 0 2px 4px rgb(0 0 0 / 40%), 0 -2px 4px rgb(0 0 0 / 40%);
	-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow: 0 2px 4px rgb(0 0 0 / 40%), 0 -2px 4px rgb(0 0 0 / 40%);
	-khtml-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.4), 0 2px 4px rgba(0, 0, 0, 0.4);
}
#header { 
	/* height:calc(120px + 2rem); */
	height:calc(120px + 1.8rem);
}
.bismillah 	{
	height: 2rem;
}
.bismillah span	{
	display:block;
	text-align: center;
} 
.bismillah a{
	cursor:pointer;
	position:relative;
}
.bismillah a span{
	height: 2rem;
	padding: 0;
}	
#main { 
	width: 100%; 
	position: relative;
	z-index: 2;	
	height: calc(100vh - 1.8rem - 120px - 4.6rem);
}
a.exit:hover{
	color: red;
}
#root { 
	/* min-height: calc(100vh - 11rem - 135px); */
	min-height: calc(100vh - 11.2rem - 120px);
	position:relative;
}
/*---------------------------------------------*/

body{
	overflow: hidden;
}
#root { 
	/* height: calc(100vh - 11rem - 135px); */
	height: calc(100vh - 11.2rem - 120px);
	/* height: 100%; */
}
#content{
	height: calc(100% - 1.2rem);
}
.blockContent, #firstContent
{
	height: 100%;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-width: thin;
}

/*------------------------------------*/
#content .breadcrumbs
{
	display: block;
	padding: 0 1.2rem;
	font-size: 16px;
}
#content .breadcrumbs .settingsUser {
	text-align: right;
	margin: 0;
	padding-right: 0.4rem;
	/* height: 19px; */
}
#content .breadcrumbs .settingsUser a {
	padding: 1px 1px 1px 1px;
}
#content .breadcrumbs .breadcrumb1
{
	float: left;
	margin: 0;
	padding-left: 0.4rem;
}
#content .breadcrumbs .breadcrumb1 a
{
	color: #ffffff;
	color: #00137F;
	padding: 1px 1px 1px 1px;
}
#content .breadcrumbs .breadcrumb1 a:hover
{
	font-size: 0.64rem;
	color: #258B13;
	color: #8673a1;
}
/*-----------------------------------------------------------*/
#footer{
	text-indent:0; 
	padding: 0.6rem;
	/* font-family: Cambria, sans-serif; */
	font-size: 0.6rem;
	color:#465e61;
	/* line-height: 1.15; */
}
#footer a{
	/* font-family: Cambria, sans-serif; */
	font-size: 0.6rem;
	text-decoration: underline;
}
a.icon,#footer a.icon{
	float: right; 
	font-size: .64rem;
	text-decoration: none;
}
#copyright{
	bottom: 0.6rem;
	position: relative;
	right: 0.2rem;
}
.tagline{
	position: relative;
	/* top: -2.25rem; */
	top: -2.65rem;
}
.invert{
	filter: invert(1);
}
.clear { 
	clear:both;
	position: relative;
	top: -60px;
}
.bottom-link{
	margin:0 2.4rem; 
	height: 1.6rem
}