/* @import url(/contents/styles/default/bootstrap/css/bootstrap.min.css); */
/* @import url(https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css); */
/* @import url(/contents/styles/default/bootstrap/css/bootstrap-rtl.min.css); */
@import url('//maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.3.0/font/bootstrap-icons.css"); */
/* @import url("https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta1/dist/css/bootstrap.rtl.min.css"); */
@import url("https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.rtl.min.css");
@import url("https://fonts.googleapis.com/earlyaccess/droidarabickufi.css");
/* @import url(https://fonts.googleapis.com/earlyaccess/droidarabickufi.css);
@import url(https://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css); */
/* @import url('https://fonts.googleapis.com/css?family=Amiri'); */
html {
	direction:rtl;
	/* font-family:"Droid Arabic Kufi", "Droid Sans", sans-serif;
	font-size:14px; */
	background-color: #5199bc;
	background-image: url(/contents/styles/default/images/back-header-decorator.png);
	background-position: top;
	background-repeat: repeat-x;
}
body {
	/*background-image: url(../img/bg.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-attachment: fixed;*/
	font-family: 'Droid Arabic Kufi', Arial;
	background-image: url(/contents/styles/default/images/back-header.png);
	background-position: top;
	background-repeat: no-repeat;
	background-color: transparent;
}

.navbar-nav{
	background: #127EA6;
	padding: 8px;
	border: 3px solid #B2EAFF;
	border-radius: 13px;
	box-shadow: 1px 1px 3px #888;
	padding-right: 20px;
	padding-left: 20px;
	margin-top: 0.25rem;
}

.nasikh{
	font-family: 'Amiri';
	/* font-weight: bold; */
	font-size: 120%;
}
a:hover{
	text-decoration: none;
}
iframe{
	border: 0;
}
a[href^=tel]{
	color: inherit;
	text-decoration: none;
}
div#header {
	text-align: center;
	padding: 15px;
	background-color: #069;
}
div#footer {
	border-top: 3px solid #ddd;
	background-color: #069;
	min-height: 50px;
	padding: 12px;
	margin-top: 20px;
}

/*[class*="col-"] {
	padding-left: 9px !important;
	padding-right: 9px !important;
}*/

.noborder{
	border:none!important;
}
.rtl{
	direction: rtl!important;
}
.ltr{
	direction: ltr!important;
}
.bold{
	font-weight: bold;
}
textarea{
	resize: vertical;
}
.form-group-lg .form-control {
	height: auto;
}
/*textarea.form-control {
	height: auto!important;
}*/

.bg{
	/* background: url(/contents/styles/default/images/header-pattern-150.png); */
	background-color: #fff;
}

.logo {
	background: #fff;
	padding: 10px;
	border-radius: 16px;
	margin-top: -20px;
	margin-left: 20px;
}

.bg-primary {
	background-color: #239bc7!important;
}
.card-border {
	border: 3px solid rgb(178 234 255);
}
.navbar-toggler{
	border-color: rgb(178 234 255)!important;
	border: 3px solid rgb(178 234 255);
}

.table-striped>tbody>tr:nth-of-type(odd) {
	--bs-table-accent-bg: var(--bs-table-striped-bg);
	color: var(--bs-table-striped-color);
}

.navbar .navbar-nav>li>a {
	font-size: 14px;
	margin-left: 10px;
	margin-right: 0;
	text-decoration: none;
	text-shadow: none;
	border-right: none;
	border-left: none;
	color: #fff!important;
	padding: 4px 10px;
	font-weight: bold;	
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>li>a:hover,
.navbar .navbar-nav>li>a:focus {
	color: #fff;
	padding: 4px 8px;
	background-image: none;
	
	filter: none;
	text-decoration: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	/* -moz-box-shadow: inset 0 0 1px #555;
	-webkit-box-shadow: inset 0 0 1px #555;
	box-shadow: inset 0 0 1px #555; */
}

.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>li>a:hover{
	color: #ffdd60!important;
}

/* Absolute Center Spinner */
.loading {
	position: fixed;
	z-index: 9999999;
	height: 2em;
	width: 2em;
	overflow: visible;
	margin: auto;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}
  
/* Transparent Overlay */
.loading:before {
	content: '';
	display: block;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.3);
}
.align-bottom {
	align-items: flex-end!important;
}

.text-green {
	color: #8fc04e;
}

.header-dropdown-menu {
	color: #ffffff;
	background-color: #127ea6;
	border: 3px solid rgb(178 234 255);
	border-radius: .5rem;
	margin: 1rem 0 0;
}
.header-dropdown-item {
	color: #fff;
}
.header-dropdown-item:focus, .header-dropdown-item:hover {
	color: #ffdd60;
	text-decoration: none;
	background-color: transparent;
}

.breadcrumb > li + li:before{
	color: #747474;
	content: "\00BB";
	padding: 0 7px;
	font-size: 18px;
}

h1, h2, h3, h4, h5, h6 {
	font-style: normal;
	font-weight: 100;
}

.form-control{
	/* -webkit-border-radius: 0.10rem;
	-moz-border-radius: 0.10rem;
	border-radius: 0.10rem; */
}
/* label{
	color: #888;
	margin-bottom: 0.25rem;
} */
.label-radio {
	color: #343a40!important;
	font-size: 12px;
	font-weight: bold;
}

.label-radio:hover {
	cursor: pointer;
	color:#678E33!important;
	-moz-text-shadow: 0 0 1px #fff;
	-webkit-text-shadow: 0 0 1px #fff;
	text-shadow: 0 0 1px #fff;
}

/* .form-control:focus {
	border-color: #678E33;
	box-shadow: inset 0 1px 1px #678E33, 0 0 8px #678E33;
} */

.section{
	font-size: 17px;
	color: #333;
}
img.cat{
	background: #fff;
	width: 32px;
	margin-left: 6px
}
/* pull-right on all except xs devices */
@media (min-width: 321px) {
	.pull-right-sm {
		float: right;
	}
}

.margin-bottom-0{
	margin-bottom: 0;
}
.margin-bottom{
	margin-bottom: 12px;
}
.margin-top{
	margin-top: 12px!important;
}

select{
	/* padding: 0 12px!important; */
}
.clear{
	/*clear: both!important;*/
	overflow: hidden;
}
.none{
	display: none;
}

.btn-file {
	position: relative;
	overflow: hidden;
}
.btn-file input[type=file] {
	position: absolute;
	top: 0;
	right: 0;
	min-width: 100%;
	min-height: 100%;
	font-size: 100px;
	text-align: right;
	filter: alpha(opacity=0);
	opacity: 0;
	outline: none;
	background: white;
	cursor: inherit;
	display: block;
}
input[readonly] {
  background-color: white !important;
  cursor: text !important;
}

/* Dirsites ##############################################################
###################################################################### */
.main_content {
	border: 1px solid #DDD;
	background-color: #F8FAFC;
	margin-bottom: 20px;
}
.main_content h3.title {
	font-size: 15px;
	padding: 6px 12px;
	overflow: hidden;
	border-bottom: 0px dashed #DBDBDB;
	line-height: 48px;
	margin: 0px 0;
	color: #2980B9!important;
	font-weight: normal;
	background: #fff;
}
.main_content ul {
	padding: 10px;
	margin: 0;
	list-style-image: none;
	list-style-type: none;
	border: none;
	list-style: none;
	overflow: hidden;
}
.main_content .content{
	padding: 12px;
	overflow: hidden;
}
.main_content .info{
	color: #888;
}
/*.main_content ul li:hover {
	background: #eee
}*/
.main_content ul li a {
	padding: 3px 0;
	margin: 0px 0;
	display: block;
}
.main_content ul li a:hover {
	color: #A92528;
}
.count {
	color: #cecece;
	float: left;
}
.items li{
	padding: 6px;
}
.items li img{
	border:1px solid #ccc;
	margin-left: 4px
}

.sitelogo img{
	outline: 1px solid #ddd;
	margin-bottom: 5px;
	margin-right: 3px;
	margin-left: 3px;
}

.row-inmenu{
	display: block;
	margin-top: 3px;
	margin-bottom: 3px;
}
/* Dirsites ##############################################################
###################################################################### */

.panel{
	border: 1px solid #DDD;
	background-color: #F8FAFC;
	margin-bottom: 20px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.panel-heading{
	font-size: 15px;
	padding: 6px 12px;
	overflow: hidden;
	border-bottom: 0px dashed #DBDBDB;
	line-height: 34px;
	margin: 0px 0;
	color: #2980B9!important;
	font-weight: bold;
	background: #fff;
}
.glyphicon{
	font-size: 21px
}

.heading-1{
	background: #069;
	color: #fff!important;
}

.help-inline{
	white-space: nowrap;
	margin-top: 4px;
}

.alert-on-success {
	margin-top: 20px;
	font-size: 26px;
	text-align: center;
	padding: 30px;
}
.border{
	border: 1px solid #000;
}

.well {
	background: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	padding: 12px;
}
.alert-danger a{
	color: #76302E;
}
.btn:focus,
.btn:active {
	outline: none;
}

.statis{
	background-image: -webkit-linear-gradient(top,#116690 0,#006699 100%);
	background-image: -o-linear-gradient(top,#116690 0,#006699 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,from(#116690),to(#006699));
	background-image: linear-gradient(to bottom,#116690 0,#265a88 100%);
	background-image: linear-gradient(to bottom,#116690 0,#006699 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff116690', endColorstr='#ff006699', GradientType=0);
	filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
	background-repeat: repeat-x;
	border-color: #245580;
	color: #fff;
	background-color: #006699;
	border-color: #2e6da4;
	padding: 10px 8px;
	font-size: 13px;
	line-height: 1.3333333;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	display: inline-block;
	margin-bottom: 6px;
}
.statis .badge{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #337ab7;
	background-color: #fff;
	display: block;
	font-size: 20px;
}
.hr2 {
	border: 0;
	height: 1px;
	margin:9px;
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 0.75), rgba(152, 152, 152, 0));
}

.image-fit img {
	display: inline-block;
	max-width: 100%;
	height: auto;
	padding: 1px;
	line-height: 1.42857;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 0px;
	margin-bottom: 6px;
	transition: all 0.2s ease-in-out 0s;
}


/* Image Upload in forms */
.fileupload-exists .fileupload-new,
.fileupload-new .fileupload-exists {
	display: none;
}
/* /Image Upload in forms */
/* Image Upload in forms */

.form-group {
	margin-bottom: 1.5rem;
}

.questions-modal{
	width: 3rem;
	height: 3rem;
	margin: auto;
	display: block;
}

/* .modal:nth-of-type(even) {
	z-index: 1052 !important;
}
.modal-backdrop.show:nth-of-type(even) {
	z-index: 1051 !important;
} */

.attachment-manage{
	position:relative;
}
.attachment-manage img{
	background-repeat: no-repeat;
	background-position: center top;
		width: 100%;
		height: 150px;
		background-size: cover;
}
.attachment-manage img.strech{
		background-size: 100% 100%!important;
}

.attachment-manage button{
	position: absolute;
	bottom: 8px;
		left: 8px;
}

.choose-correct{
	margin-right: -4px;
}
.answer-choose i {
	font-size: 24px;
	vertical-align: bottom;
}
.question-separator{
	border-bottom: 1px solid #ccc;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}

.highlight{
	background-color: rgb(255, 255, 203);
}

.question{
	position: relative;
}

.loading-bit{
	background: #f1f1f1db;
	background-color: rgba(255,247,198,0.4);
	position: absolute;
	width: 100%;
	height: 100%;
	margin: -1.5rem;
	text-align: center;
	padding: 0;
	line-height: 0;
}
.loading-bit > div{
	position: absolute;
	top: 50%;
	margin: -1.5rem;
}

.move{
	cursor: move;
}

.modal{
	overflow: auto !important;
}

.Xnew-part-bar{
	margin-right: -1.5rem!important;
}
.new-part-btn{
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
}
.Xmanage-question{
	overflow: hidden;
	background-color: #fbfbfb;
}

#total-scores {
	position: fixed;
	bottom: 10px;
	left: 10px;
	cursor: default;
	/* display: none; */
}

.Xhidable{
	display: none;
}

.question-area img {
	max-width: 100%;
	max-height: 100%;
}

.btn-group-xs > .btn,
.btn-xs {
	padding: .25rem .4rem;
	font-size: .875rem;
	line-height: .5;
	border-radius: .2rem;
}



/* NEW */
/* Chrome, Safari, Edge, Opera */
.noarrows::-webkit-outer-spin-button,
.noarrows::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.alert-success {
	color: #fff;
	background-color: #7eb776;
	border-color: #74a96c;
}

/* Firefox */
.input-identity {
	font-weight: bold;
	letter-spacing: 10px;
	direction: ltr;
}


.placeholder{
	position: relative;
}

.placeholder::after{
	position: absolute;
	left: 30px;
	top: 22px;
	content: '_________';
	pointer-events: none;
	opacity: 0.3;
	letter-spacing: 10.2px;
}

.overlay {
	position: absolute;
	/* display: none; */
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.5);
	z-index: 2;
	cursor: pointer;
}

.fs-7 {
	font-size: 0.85rem!important;
}

.fs-8 {
	font-size: 0.65rem!important;
	font-weight: normal!important;
}

.btn-sm2 {
	padding: .0rem .25rem;
	font-size: .875rem;
	border-radius: .2rem;
}
.td-identity{
	background-color:#eaeaea!important;
	font-weight: bold;
	letter-spacing: 2px;
}

.focus-link {
	color: #ffdd60!important;
}








.tablesorter-header {
	 position: relative;
	 outline: 0
}
 
.tablesorter-header::before,
.tablesorter-header::after {
	position: absolute;
	left: 0.35rem;
	font-family: 'FontAwesome';
	opacity: 0.3;
 }
 
.tablesorter-header:not(.sorter-false)::before {
	content: '\f0de';
	top: calc(50% - 0.75em);
}
 
.tablesorter-header:not(.sorter-false)::after {
	content: '\f0dd';
	bottom: calc(50% - 0.75em);
}

.tablesorter-header.tablesorter-headerAsc::before,
.tablesorter-header.tablesorter-headerDesc::after {
	opacity: 1;
}

.required,
.optional{
	color: red;
	content: "*";
	margin-right: 4px;
	font-size: 9px
	/* font-family: tahoma;
	font-size: 0.70rem;
	font-weight: normal;
	display: inline-block;
	padding: .10em .40em;
	background-color: #dc3545!important;
	border-radius: .50rem;
	 */
}
.optional{
	background-color: #18884a!important;
}

.mirror{
	-webkit-transform: matrix(-1, 0, 0, 1, 0, 0);
	-moz-transform: matrix(-1, 0, 0, 1, 0, 0);
	-o-transform: matrix(-1, 0, 0, 1, 0, 0);
	transform: matrix(-1, 0, 0, 1, 0, 0);
}


fieldset, legend {
	all: revert;
}

.reset {
	all: revert;
}
.rounded-4 {
	border-radius: 0.5rem!important;
}
.rounded-5 {
	border-radius: 0.75rem!important;
}
.rounded-6 {
	border-radius: 1rem!important;
}