@font-face {
	font-family: 'Rabat';
	src: url('../fonts/Rabat.eot?') format('eot'), 
	url('../fonts/Rabat.woff') format('woff'), 
	url('../fonts/Rabat.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'ComicPanels';
	src: url('../fonts/ComicPanels.eot?') format('eot'), 
	url('../fonts/ComicPanels.woff') format('woff'), 
	url('../fonts/ComicPanels.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Kohinoor-Arabic-Regular';
	src: url('../fonts/Kohinoor-Arabic-Regular.eot?') format('eot'), 
	url('../fonts/Kohinoor-Arabic-Regular.woff') format('woff'), 
	url('../fonts/Kohinoor-Arabic-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aljazeera-Regular';
	src: url('../fonts/Al-Jazeera-Arabic-Regular.eot');
	src: url('../fonts/Al-Jazeera-Arabic-Regular.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aljazeera-Bold';
	src: url('../fonts/Al-Jazeera-Arabic-Bold.eot');
	src: url('../fonts/Al-Jazeera-Arabic-Bold.ttf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Aljazeera-Light';
	src: url('../fonts/Al-Jazeera-Arabic-light.eot');
	src: url('../fonts/Al-Jazeera-Arabic-Light.ttf');
	src: url('../fonts/Al-Jazeera-Arabic-Light.woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AwsatBold';
	src: url('../fonts/AwsatBold.otf');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'AwsatLight';
	src: url('../fonts/AwsatLight.otf');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Tangerine';
	src: url('../fonts/Tangerine.eot');
	src: url('../fonts/Tangerine.ttf');
	src: url('../fonts/Tangerine.woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-weight: normal;
	font-style: normal;
	font-family: 'codropsicons';
	src: url('../fonts/upload/codropsicons.eot');
	src: url('../fonts/upload/codropsicons.eot?#iefix') format('embedded-opentype'), url('../fonts/upload/codropsicons.woff') format('woff'), url('../fonts/upload/codropsicons.ttf') format('truetype'), url('../fonts/upload/codropsicons.svg#codropsicons') format('svg');
}

@font-face {
    font-family: 'Century Gothic';
    src: url('../fonts/CenturyGothic.eot');
    src: url('../fonts/CenturyGothic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/CenturyGothic.woff2') format('woff2'),
        url('../fonts/CenturyGothic.woff') format('woff'),
        url('../fonts/CenturyGothic.svg#CenturyGothic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (max-width: 400px) {
	h3#copyright {
		direction: rtl;
		padding: 0 17px;
		position: fixed;
		bottom: 0;
	}
}

@media screen and (max-width: 640px) {
	
}

/* 2: min-width */
@media screen and (min-width: 800px) {
	#tblcontents,.menu-panel{
/* 		display: none; */
	}
	.imgClass{
		display: block;
    	margin: 0 auto;
   	    margin-top: 64px;
	}
	.img2,h3#copyright{
		text-align: center;
	}
	#menutopold table{
	    width: 100%;
	    text-align: center;
	    margin-top: 0px;
   		margin-bottom: 27px;
	}
	
}
.content {
    background-size: 100%;
}
/* 2: min-width */
@media screen and (max-width: 800px) {
	.content {
	    background-size: 100%;
	}
	#menutop {
	    padding-top: 0px;
	    width: 100%;
	}	
	.searchBox {
	    background: none repeat scroll 0 0 #F1F1F1;
	    border-radius: 10px;
	    line-height: 35px;
	    margin: 18px auto;
	    margin: 0;
	    padding: 2%;
	    width: 100%;
	    text-align: right;
	    margin-top: 30px;
	}
	.searchBox input[type="submit"] {
		padding: 5px;
	    border-radius: 5px;
	    background-color: #dcb94d;
	    color: white;
	    font-weight: bold;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    width: 10%;
	}
	#menutopold li {
	    display: inline;
	    padding: 3px 5px;
	}
	#menutopold li a {
	    padding: 5px 1em;
	    font-size: 35px;
	    background: #dcb94d;
	    border-radius: 30px;
	    color: white;
	}
	#menutopold table{
	    width: 100%;
	    text-align: center;
	    margin-top: 48px;
	    margin-bottom: 20px;
	    margin-top: 4px;
	}
}
@media (min-width: 800px) {
	.content {
	    background-size: 95%;
	    background-position-x: -17%;
	}
	.scroller {
/* 		padding: 10px 5% 10px 5%; */
/* 		padding: 74px 5% 10px 5%; */
/* 	    padding: 102px 10% 9px 3%; */
	}
}
	
/* 3: min-width + max-width */
@media screen and (min-width: 1024px) and (max-width: 1280px) {
	.scroller img.imgClass {
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
}
@media (min-width: 1025px){
	.content {
	    background-size: 100%;
	    background-position-x: -17%;
	}
	.scroller {
/*     	padding: 109px 3% 9px 3%; */
    }
}
/* 4: max device width */
@media screen and (max-device-width: 480px) {
	.menu-panel, .content {
		font-size: 75%;
	}
	.imgClass {
		width: 100%;
	}
	.scroller a {
		width: 100%;
	}
	.scroller img {
		text-align: center;
	}
	.img2 img {
		width: 49%;
	}
	.menu-panel {
		direction: rtl;
		text-align: right;
	}
	#menutopold li {
	    display: flex;
	    padding: 3px 8px;
	    float: right;
	}
	#menutopold li a {
	    padding: 5px 1em;
	    font-size: 26px;
	    background: #dcb94d;
	    border-radius: 30px;
	    color: white;
	}
	#menutopold table{
		width: 100%;
		text-align: center;
		margin-top: 28px;
    	margin-bottom: 20px;
	}
	.searchBox {
		margin-top: 8px;
	}	
}
#menutopold table td {
	display:contents; 
}
#menutopold table a.a_demo_four,#menutopold li a.a_demo_four{
	background-color:#3bb3e0;
	font-family: 'Open Sans', sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#fff;
	position:relative;
	padding:0px 13px;
	padding-right:50px;
	background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(44,160,202)),
	color-stop(1, rgb(62,184,229))
	);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #156785, 0px 10px 5px #999;
	border-radius: 25px;
    font-family: 'Century Gothic';
}
#menutopold table a.a_demo_four::before,#menutopold li a.a_demo_four::before {
    background-color: #2591b4;
    background-image: url(../img/right_arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -9px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    -webkit-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    -moz-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    -o-box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
    box-shadow: inset 0px 1px 0px #052756, 0px 1px 0px #60c9f0;
}
#menutopold table a.a_demo_four.imprimante::before,#menutopold li a.a_demo_four.imprimante::before {
    background-image: url(../img/imprimante.png);
}
#menutopold table a.a_demo_four:active {
	top:3px;
	background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
	background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, rgb(62,184,229)),
	color-stop(1, rgb(44,160,202))
	);
	-webkit-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-moz-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	-o-box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
	box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #156785, 0px 5px 3px #999;
}
.a_demo_four:active::before {
#menutopold table a	top:50%;
	margin-top:-12px;
	-webkit-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-moz-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	-o-box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
	box-shadow: inset 0px 1px 0px #60c9f0, 0px 3px 0px #0e3871, 0px 6px 3px #1a80a6;
}
/* 5: orientation:portrait */
@media screen and (orientation:portrait) {
	
}

/* 6: orientation:paysage */
@media screen and (orientation:landscape) {
	
}

body {
		background-color: rgb(220, 185, 77);
}
h3#copyright {
	color: white;
    padding: 0 26px;
}

.select2-container {
	width: 260px !important;
}

input[type="text"] {
/* 	display: block; */
    /* width: 100%; */
    height: 27px;
    /* padding: 6px 12px; */
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
/*     width: 260px !important; */
}
@media screen and (max-width: 400px) {
	input[type="text"] {
    	width: 200px !important;
	}
	.select2-container {
    	width: 200px !important;
	}
}
.select2-results {
    direction: rtl;
}

.searchBox span{
	font-family: 'Century Gothic';
	text-align: right;
}
.jspContainer {
    margin-top: 50px;
}
.scroller {
/*     padding: 10px 0% 10px 0%; */
/*     background: #ccc; */
}
.content p {
    font-family: Aljazeera-Regular;
}
.feature_inner_box a {
    font-size: 25px;
    font-family: 'Century Gothic';
}
.submit{
	text-align: center;
}
input[type="submit"],input[type="button"],button {
	padding: 5px;
    border-radius: 5px;
    background-color: #dcb94d;
    color: black;
    font-weight: bold;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
/*     width: 14%; */
    font-size: 19px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 4px;
    background-color: white;
    text-align: right;
}
h1,h2,h3,h4,h5,h6,span,a{
	font-family: 'Century Gothic';
}

#container {
    width: 1300px;
    width: 100%;
}
.col-sm-12,#DataTables_Table_0_wrapper {
/*     width: 100%; */
    overflow-x: auto;
}