@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@100;500&display=swap');

@font-face {
    font-family: 'iquc';
    font-style: normal;
    src: url('/assets/font/iquc.woff2') format('woff2');
    font-display: swap;
}

@font-face {
	font-family: 'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v125/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
  }
  
f,.f {
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
	line-height: 1;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	white-space: nowrap;
	word-wrap: normal;
	direction: ltr;
	-moz-font-feature-settings: 'liga';
	-moz-osx-font-smoothing: grayscale;
	vertical-align: middle;
}
  


* {
	margin: 0px;
	padding: 0px;
	line-height: 200%;
}
html {
	height: 100%;
	direction: rtl;
	overflow-x: hidden;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #f1f1f1;
	font-size: 11pt;
	font-family: 'Noto Sans Arabic' !important;
	line-height: 200%;
	height: calc(100% - 70px);
}
div {
	margin: 0px;
	padding: 0px;
}
header a {
	color:#FFF !important;
	font-weight: 400;
}

header {
	height: 70px;
	background: radial-gradient(circle at 50% 101%, #64b1fc, #007bc0 86%);
	box-shadow: 0 0 0.25rem rgba(108, 118, 134, 0.3);
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #FFF;
	position: fixed;
	width: 100%;
	top: 0px;
	z-index: 1000;
}
.h_btn {
	margin: 0px;
	display: inline-block;
	font-size: 20pt;
	width: 40px;
	text-align: center;
	line-height: 70px;
}
.h_btn i {
	margin-top: 25px;
}
.logo4 {
	vertical-align: middle;
	max-width:778px;
}
.lang {
	font-size: 12pt;
}

#wrapper {
	height: 100%;
	margin-top: 70px;
}

footer {
	height: 70px;
	background-color: #2c3e50;
	text-align: center;
	color: #FFF;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-container {
	align-items: center;
	background-color: #f1f1f1;
}

.enlarged .content {
	margin-right: 300px;
}
.enlarged[dir=ltr] .content{
	margin-left: 300px;
	margin-right: inherit;
}
@media only screen and (max-width: 600px) {
	.enlarged .content {
		margin-right: 0px;
	}
	.enlarged[dir=ltr] .content{
		margin-left: 0px;
		margin-right: inherit;
	}
	.logo4 {
		width:100%;
	}
}

.sideBar {
	background-color: #fff;
	width: 300px;
	box-shadow: 0 0 0.25rem rgba(108, 118, 134, 0.3);
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
	overflow-y: auto;
	overflow-x: hidden;
	height: calc(100% - 70px);
	padding: 0px;
	position: fixed;
	right: -300px;
	bottom:0px;
	z-index: 1000;
}
[dir=ltr] .sideBar {
	left:-300px;
	right: inherit;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.sideBar li.active a {
  color: #5985ee;
  border-right: 4px solid #5985ee;
}

.sideBar li.active a::after {
  content: "close";
  font-family: 'Material Icons';
  font-weight: 900;
  margin: 5px;
  color:red;
}
.enlarged .sideBar {
	right: 0px;
}
.enlarged[dir=ltr] .sideBar {
	left: 0px;
	right: inherit;
}

.btn-check:focus + .btn, .btn:focus{
	box-shadow: none !important;
}
ul.dropdown-menu{
	max-height: 350px;
	overflow: auto;
}


.sideBar ul {
	margin: 0px;
	padding: 0px;
}

.sideBar ul li {
	list-style: none;
}

.sideBar ul li * {
	list-style: none;
}

.sideBar ul li>a {
	padding: 1px 5px;
	width: 100%;
	white-space: nowrap;
	color: rgba(15, 31, 62, 0.8);
	white-space: nowrap;
	white-space: nowrap;
	text-overflow: "...";
	overflow: hidden;
	line-height: 25px;
	display: block;
}
.sideBar ul li > a  span.flink{
}
.sideBar .badge {
	float: left;
	margin-top: 10px;
}
[dir=ltr] .sideBar .badge {
	float: right;
}

.sideBar>ul>li.nav-active>a {
	background-color: #eff3f6;
	line-height: 300%;
	font-weight: bold;
}

.content {
	margin-right: 0px;
	-webkit-transition: margin-right 0.2s ease-in-out;
	transition: margin-right 0.2s ease-in-out;
	min-height: calc(100% - 70px);
	overflow:hidden;
	/* display: flex;
	justify-content: center; */
}
[dir=ltr] .content{
	margin-left: 0px;
	-webkit-transition: margin-left 0.2s ease-in-out;
	transition: margin-left 0.2s ease-in-out;
}
.searchBox {
	max-width: 900px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 2px;
	margin-left: auto;
	border-radius: 30px;
	border: 2px solid #017cc182;	
}
.searchBox .fa-search{
	font-size: 22px;
} 
.searchBox2{
	max-width: 900px;
	padding: 2px;
	border-radius: 5px;
	/* background-color: #40c1fd; */
	margin: auto !important;
	margin-bottom: 10px !important;
}
.searchBox2 input{
	display: none;
}


.results_summary.h3{
	font-size: 20px;
}
.searchBox2 input[type="radio"]:checked + label {
	background-color: #e2edf8;
	color: rgb(20, 54, 134);
	font-weight: bold;
}
.searchBox2 label{
	/* border-radius: 5px; */
	color: #515050;
	padding: 1px 4px;
	cursor: pointer;
}
.hand{
	cursor: pointer;
}
.searchBox2 label:hover {
	color:  rgb(20, 54, 134);
	background-color: #e2edf8;

}

.badge-success {
	background-color: #46cd93;
}



.form-control:focus {
	box-shadow: none;
}

label {
	margin: 0px;
}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6{
	line-height: 140%;
	margin: 0px;
}
:root { 
	--bg1:#FFFFFF; 
	--bg2:#f9fcfa;
}

.card{
	border-color:#bccde6;
	position: inherit;
	display: block;
}
.result.card:nth-child(even){
	background-color: var(--bg1);
}
.result.card:nth-child(odd){
	background-color: var(--bg2);
}
.card-body{
	padding:10px;
}
.card-header{
	padding: 10px;
	background-color: #E2EDF8;
	border-bottom:1px solid #bccde6;
}
.card-header a{
	color:#143686  !important;
}
.results_summary {
	display: block;
}

h1.title {
	display: none;
}

.row {
	margin: 0px;
}


.row>* {
	padding: 0px;
}


.searchBox  input{
	margin: 0px 15px;
}
.searchBox *{
	line-height: 100%;
}

.home .flex-container{
background: radial-gradient(circle at 50% 101%, #64b1fc, #007bc0 86%);
background-color: inherit;
}
.home header img{
display:none;
}
.home header  {
background:none !important; 
box-shadow:none !important; 
}
body.home{
background: radial-gradient(circle at 50% 101%, #64b1fc, #007bc0 86%);
}	 
.home  .sideBtn {
display: none;
}


a,a:link,a:visited{
	text-decoration: none;
	color: #1a0dab;
	color: #143686;
}
/*
[dir=rtl] pre{
	direction: rtl;
}*/
.rotate-45{
	transform: rotateZ(45deg);
}
.mark, mark{
	padding:0px;
}

.alert-warning {
	border-color: #fbe196;
}
span.label{
	font-weight: bold;
}


:focus-visible {
  outline: none;
}


.btn-primary {
	background-color: #e2edf8;
}

.bg-info{
	background-color: #c6daf9 !important;
}


code, kbd, pre, samp{
	unicode-bidi: inherit;
}

.record ul,
.record li{
	display:inline-block;
	padding:1px;
	margin: 0px;;
}

.type{
	display:none;
}
.results_summary.ddc .resource_list{
	direction: ltr;
}
.results_summary.ddc .resource_list li{
	padding:0px;
}

.results_summary.ddc .resource_list li::before{
	content: "‎";
}

.ddc_span{
	display:inline-block;
	direction: ltr;
}
[dir=rtl] .results_summary.ddc .label::after {
	content: "‏";
}