.custom-modal-width {
width: 80%;
max-width: 100%;
}

@media (min-width: 992px) {
.custom-modal-width {
  width: 50%;
}
}
* {
	font-family: 'Noto Kufi Arabic';

			  margin: 0;
			  padding: ;
			  -webkit-box-sizing: border-box;
			  -moz-box-sizing: border-box;
			  -ms-box-sizing: border-box;
			  box-sizing: border-box;
			}

body {
					  background: #F0F0F0;
					  font-size: 15px;
					  color: #666;
					}
.content { height: 200px; }
a { text-decoration: none; text-align:right;}
.container {
								  max-width: 1200px;
								  margin: 0 auto;
								  width: 100%;
								}

.nav-fostrap {
								width: 100%;
							  display: block;
							  margin-bottom: 15px 0;
							  background: #334c7f;
							  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
							  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
							  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
							  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
							  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
							  border-radius: 3px;
							}

.nav-fostrap ul {
								  list-style-type: none;
								  margin: 0;
								  padding: 0;
								  display: block;

								}

.nav-fostrap li {
								  list-style-type: none;
								  margin: 0;
								  padding: 0;
								  display: inline-block;
								  position: relative;
								  font-size: 14;
								  color: #def1f0;
								}

.nav-fostrap li a {
									  padding: 5px 15px;
									  font-size: 14;
									  color: #def1f0;
									  display: inline-block;
									  outline: 0;
									  font-weight: 400;
									}

.nav-fostrap li:hover ul.dropdown { display: block; }

.nav-fostrap li ul.dropdown {
														  position: absolute;
														  top:30px;
														    display: none;
														  width: 250px;
														  background: #2f4674;
														  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
														  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
														  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
														  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
														  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
														  padding-top: 0;
														  border-radius: 3px;
														}

.nav-fostrap li ul.dropdown li {
															  display: block;
															  list-style-type: none;
															}

		.nav-fostrap li ul.dropdown li a {
		  padding: 5px 20px;
		  font-size: 15px;
		  color: #fff;
		  display: block;
		  font-weight: 400;
		}

		.nav-fostrap li ul.dropdown li:last-child a { border-bottom: none; }

		.nav-fostrap li:hover a {
		  background: #2f4674;
		  color: #fff !important;
		}

		.nav-fostrap li:first-child:hover a { border-radius: 3px 0 0 3px; }

		.nav-fostrap li ul.dropdown li:hover a { background: rgba(0,0,0, .1); }

		.nav-fostrap li ul.dropdown li:first-child:hover a { border-radius: 0; }

		.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

		.arrow-down {
		  direction: rtl;
		  width: 0;
		  height: 0;
		  border-left: 5px solid transparent;
		  border-right: 5px solid transparent;
		  border-top: 5px solid #def1f0;
		  position: relative;
		  top: 15px;
		  right: 5px;
		  content: '';
		}
		.title-mobile {
		  display: none;
		}
		 @media only screen and (max-width:900px) {

		.nav-fostrap {
		  background: #fff;
		  width: 200px;
		  height: 100%;
		  display: block;
		  position: fixed;
		  left: -200px;
		  top: 0px;
		  -webkit-transition: left 0.25s ease;
		  -moz-transition: left 0.25s ease;
		  -ms-transition: left 0.25s ease;
		  -o-transition: left 0.25s ease;
		  transition: left 0.25s ease;
		  margin: 0;
		  border: 0;
		  border-radius: 0;
		  overflow-y: auto;
		  overflow-x: hidden;
		  height: 100%;
		}
		.title-mobile {
		  position: fixed;
		  display: block;
		    top:10px;
		    font-size: 20px;
		    left: 100px;
		    right: 100px;
		    text-align: center;
		    color: #FFF;
		}
		.nav-fostrap.visible {
		  left: 0px;
		  -webkit-transition: left 0.25s ease;
		  -moz-transition: left 0.25s ease;
		  -ms-transition: left 0.25s ease;
		  -o-transition: left 0.25s ease;
		  transition: left 0.25s ease;
		}

		.nav-bg-fostrap {
		  display: inline-block;
		  vertical-align: middle;
		  width: 100%;
		  height: 50px;
		  margin: 0;
		  position: absolute;
		  top: 0px;
		  left: 0px;
		  background: #334c7f;
		  padding: 12px 0 0 10px;
		  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		  -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		  -ms-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		  -o-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
		}

		.navbar-fostrap {
		  display: inline-block;
		  vertical-align: middle;
		  height: 50px;
		  cursor: pointer;
		  margin: 0;
		    position: absolute;
		    top: 0;
		    left: 0;
		    padding: 12px;
		}

		.navbar-fostrap span {
		  height: 2px;
		  background: #fff;
		  margin: 5px;
		  display: block;
		  width: 20px;
		}

		.navbar-fostrap span:nth-child(2) { width: 20px; }

		.navbar-fostrap span:nth-child(3) { width: 20px; }

		.nav-fostrap ul { padding-top: 50px; }

		.nav-fostrap li { display: block; }

		.nav-fostrap li a {
		  display: block;
		  color: #505050;
		  font-weight: 600;
		}

		.nav-fostrap li:first-child:hover a { border-radius: 0; }

		.nav-fostrap li ul.dropdown { position: relative; }

		.nav-fostrap li ul.dropdown li a {
		  background: #2f4674 !important;
		  border-bottom: none;
		  color: #fff !important;
		}

		.nav-fostrap li:hover a {
		  background: #334c7f;
		  color: #fff !important;
		}

		.nav-fostrap li ul.dropdown li:hover a {
		  background: rgba(0,0,0,.1); !important;
		  color: #fff !important;
		}

		.nav-fostrap li ul.dropdown li a { padding: 10px 10px 10px 30px; }

		.nav-fostrap li:hover .arrow-down { border-top: 5px solid #fff; }

		.arrow-down {
		  border-top: 5px solid #505050;
		  position: absolute;
		  top: 20px;
		  right: 10px;
		}

		.cover-bg {
		  background: rgba(0,0,0,0.5);
		  position: fixed;
		  top: 0;
		  bottom: 0;
		  left: 0;
		  right: 0;
		}
		}
		 @media only screen and (max-width:1199px) {

		.container { width: 96%; }
		}

		.fixed-top {
		  position: fixed;
		  top: 0;
		  right: 0;
		  left: 0;
		}
		.header {
		  position: relative;
		  text-align: center;
		  color: #eff0f2;
		}

		.bottom-left {
		  position: absolute;
		  bottom: 8px;
		  left: 16px;
		}

		.top-left {
		  position: absolute;
		  top: 8px;
		  left: 16px;
		}

		.top-right {
		  position: absolute;
		  top: 8px;
		  right: 16px;
		}

		.bottom-right {
		  padding: 2pt;
		  position: absolute;
		  width: 60%;
		  bottom: 1px;
		  left  :  20%;
		  right:  20%;
		  font-size: 15pt;
		  background-color: #334c7f;
		}

		.centered {
		  position: absolute;
		  top: 50%;
		  left: 50%;
		  transform: translate(-50%, -50%);
		}

		.nav-fostrap{
		  position: relative;
		   z-index: 999;
		}
		*{
			 <?php if($_SESSION['USER']['Language']!='En') echo ' direction: rtl; text-align:center;' ?>
		}


		@media print{
			.notprinted{
					display:none;
			}
		}

		.direction_to{
			font-weight: lighter;
			color:#f3ce7e;
		}