body {
	background:rgba(227, 222, 222, 0.97) url(img/pattern.png);
	background-blend-mode: color-burn;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
}


.navbar {
	padding: 0px !important;
}
.main-nav {
background-image: linear-gradient(#4177a7, #6070cc);
	color:#fff;	
}
.my-Navbar {
	background-color: #454752;

}
.my-Navbar ul {
	padding: 0px;
}
.my-Navbar ul li  {
	display:inline-block;
	border-right:solid 0.6px #fff;
	margin-left:10px;
	padding: 5px;
}
.my-Navbar ul li:last-child {
border:none;
}
.my-Navbar ul li  a {
	color:#fff;
	text-decoration: none;
	padding-right: 9px;
}
.my-nav .nav-item {
	border-right:solid 0.1px;
	
	
}
.navbar-nav .nav-link {
    padding-right: 0;
	padding-left: 5px;}

.put-up{
	height:42px !important;
	width:173px !important;
	border:solid 1px !important;
	background-color:#6070cc;
	color:#fff; 
}
.mrq {
	border: solid 1px #6070cc;
	padding:7px;
	margin-top:1px;
	color:#6070cc;;
}
.nav-item .nav-link {
	color:#fff;
}
.my-ul {
	padding: 0px;
}
.my-ul li {
	padding-left: 10px;
}
.my-ul li i {
	color:#4272ce;
}
.my-ul li span {
	padding-left: 10px;
	color:#6b3fe3;
}
.news-update{
	background-image: linear-gradient(#1c7ed4, #465ee6);
	color:#fff;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.jurisdiction {
	background-image: linear-gradient(#1c7ed4, #465ee6);
	color:#fff;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}
.the-courte {
	background-color:#fff;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
	
}
.the-courte:hover {
	background-color:#fff;
	    box-shadow: 1px 1px 4px 4px rgba(169, 201, 229, 0.5);
	
}
.the-courte h5 {
	background-image: linear-gradient(#1c7ed4, #465ee6);
	color:#fff;
}
.footer {
	background-image: linear-gradient(#1c7ed4, #465ee6);
	
	border: solid 1px #394de6;
	height:30px;

}
.last-ul li {
	display: inline-block;
	border-right:solid 0.1px #e0e3f0;
	font-size:14px;
	padding-right: .5rem;

		
}
.last-ul li a {
	color:#fff;

		
}
.middle {
 box-shadow: 1px 1px 4px 4px rgba(169, 201, 229, 0.5);	
}
.search-number {
	color:#1c7ed4;
	border-bottom: solid 2px;
}





input[type=text], select, textarea {
  width: 100%;
  padding: 6px;
  border: 1px solid #ccc;
  border-radius: 4px;
  resize: vertical;
}

label {
  padding: 3px 8px 3px 8px;
  display: inline-block;
	font-weight: 600;
	
	
}

input[type=submit] {
  background-color: red;
  color: white;
  padding: 6px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
margin-top:20px;
}

input[type=submit]:hover {
  background-color: #45a049;
}

.container {
  border-radius: 5px;
  background-color: #f2f2f2;
/*  padding: 20px;*/
}

.col-25 {
  float: left;
  width: 25%;
  margin-top: 6px;
}

.col-75 {
  float: left;
  width: 75%;
  margin-top: 6px;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit] {
    width: 50%;
    margin-top: 0;
  }
}
@media screen and (max-width: 600px) {
  input[type=submit] {
    width: 100%;
    margin-top: 10px;
  }
}
.middle-container {
	background-color: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
}
.middle-container2 {
	background-color: #f2f2f2;
	padding: 20px;
	border-radius: 5px;
}
.my-table  {
	background-color:#1c7ed4;
	color:#fff;
 
}
.my-table th {
	padding: 0.25rem;
}
.my-table tbody {
	background-color:  /*rgba(180, 181, 208, 0.85)*/;
}
.courte-list {
	border:solid 1px #1c7ed4;
	padding: 0px 20px;
}
.basic-table td {
	border-top:none;
}
.cause-ul li {
	display: inline-block;
	color:#fff;
	float: right;
	border-right:solid 0.1px #fff;
	padding-right: 0.3rem;
	padding-left: 0.3rem;
	font-size: 14px;
	margin-top:-10px;
    
}
.cause-ul li a {
	
	color:#fff;
	
    
}
.cause-list-table td {
	text-align: initial;
	width:35%;
}
.annex-section {
	
	display: flex;
	justify-content:space-between;
	border-bottom: solid 1px;
	
}
.annex-countainer {
background-color: rgb(219, 217, 212);	
}
.annex-ul li {
	display: inline-block;
}
.annex-table th {
	padding: 0rem;
}

@media screen and (max-width: 400px) and (min-width:340px) {
	.hm-helal img {
		
    margin-left: 80px;
    margin-top: 20px;
	}
	.hm-helal h2 {
		font-size: 20px;
    margin-top: 10px !important;
	}
	.my-Navbar ul li {
    display: inline-block !important;
    border-right: solid 0.6px #fff !important;
    margin-left: 7px !important;
    padding: 2px !important;
}
.my-Navbar ul li:last-child {
border:none !important;
}
.put {
	margin-left:0px !important;
}
.put-up{
	height:41px !important;
	width:90px !important;
	border:solid 1px !important;
	background-color:#6070cc;
	color:#fff;
	font-size:14px;
	margin-top:10px;

}
.mrq {
	width: 69%;
    position: relative;
    left: 96px;
    top: -42px;
}
}
@media screen and (max-width: 480px) and (min-width:401px) {
	.hm-helal img {
		
    margin-left: 100px;
    margin-top: 20px;
	}
	.hm-helal h2 {
		font-size: 22px;
    margin-top: 10px !important;
	}
  .put {
	margin-left:0px !important;
}
.put-up{
	height:41px !important;
	width:90px !important;
	border:solid 1px !important;
	background-color:#6070cc;
	color:#fff;
	font-size:14px;
	margin-top:10px;

}
.mrq {
	width: 75%;
    position: relative;
    left: 96px;
    top: -42px;
}
}
@media screen and (max-width: 575px) and (min-width:481px) {
	.hm-helal img {
		
    margin-left: 130px;
    margin-top: 20px;
	}
	.hm-helal h2 {
		font-size: 25px;
    margin-top: 10px !important;
	}
  .put {
	margin-left:0px !important;
}
.put-up{
	height:41px !important;
	width:90px !important;
	border:solid 1px !important;
	background-color:#6070cc;
	color:#fff;
	font-size:14px;
	margin-top:10px;

}
.mrq {
	width: 80%;
    position: relative;
    left: 96px;
    top: -42px;
}
}
@media screen and (max-width: 767px) and (min-width:576px) {
	.hm-helal img {
		
    margin-left: 140px;
    margin-top: 20px;
	}
	.hm-helal h2 {
		font-size: 30px;
    margin-top: 10px !important;
	}
    .put {
	margin-left:0px !important;
}
.put-up{
	height:41px !important;
	width:90px !important;
	border:solid 1px !important;
	background-color:#6070cc;
	color:#fff;
	font-size:14px;
	margin-top:10px;

}
.mrq {
	width: 82%;
    position: relative;
    left: 96px;
    top: -42px;
}
}
@media screen and (max-width: 991px) and (min-width:768px) {
	.hm-helal img {
	
	}
	.hm-helal h2 {
		font-size: 21px;
		margin-top:30px !important;
   
	}
  
}