@import url(//maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web&subset=latin,latin-ext);
/* Start banner style */
body{
	/*background-image: url('../images/logoback3.png');*/
	/*background-attachment: fixed;*/
	background-repeat: no-repeat;
	background-size: 90%;
	background-position: top;
}
.banner{
	background-color:rgba(247,247,247,0.9) ;
/*	padding: 20px;*/
}

.banner1 {
/*position: relative;*/
	direction: rtl;
	background-image: url("../images/bannar.png");
	background-size:cover ;
	background-repeat: no-repeat;
    
/*    height: auto;*/
	height: 194px;
	/*background-color:rgba(247,247,247,0.9) ;*/
	padding: 20px;
    
}
.nav_menu{
	background-color: #c7c7c71f;
	margin-bottom:20px;
}
.nav-link:hover{
	background-color: #007bff;
	color: white;
}
.active {
	background-color: #007bff;
	color: white;
}
.banner img {
   
/*	height: 40%;*/
	width: 100%;
/*	margin-top: 20px;*/
	float: right;
/*	margin-left: 50px;*/
}

.banner h3 {
	color: #D13D19 ;
	margin-top: 30px;
	font-size: 20px ;
	font-weight: bold ;
}
.banner h2{
	font-size: 23px ;
}
/* End banner style */


/* Form elements */
table label, table input:not([type=checkbox]), table select, button.submit {
	/*width: 100%;*/
}
table input[type=checkbox] {
	width: 20px;
	height: 20px;
}
div.date-container {
	margin: 0px;
	padding: 0px;
}
div.date-container select.day, div select.month, div select.year {
	width:31%;
	margin:2.2px;
}

td label {
	/*text-align: left;*/
	display: block;
	padding-right: 30px;
}
.left-aligned {
	/*text-align: left;*/
}
button.submit {
	height: 50px;
	font-size: 28px;
	font-weight: bold;

}
button.submit[disabled] {
	color: #99f;
}
#phone, #email, #cash, #access_code {
	text-align: right;
	direction: rtl;
}
.super {
	font-size: 28px;
	width: 45%;
	height: 50px;
}
button.super {
	width: 10%;
	margin-right: 20px;
}
p.super {
	width: 100%;
	text-align: center;
	height: auto;
}
.top-margin {
	margin-top: 50px;
}

/* Text */
label, span {
	font-size: 18px;
}
.important {
	font-size: 20px;
	font-weight: bold;
	color: #D13D19;
	margin: 5px;
	text-shadow: 1px 1px #555;

}
.note {
	font-weight: bold;
	border: 1px dashed black;
	padding: 5px;
	margin-top: 20px;
	display: inline-block;
}
.err {
	width: 100%;
	color: red; 
	font-weight: bold; 
	font-size: 20px;
	padding: 5px; 
	text-align: center
}


/* Progress bar */
.progress-container {
	position: relative;
	width: 100%;
	height: 50px;
	background: #CCF;
}
.progress {
	position: absolute;
	width: 0%;
	height: 100%;
	background: #44F;
}
.progress-text {
	position: absolute;
	display:table;
	vertical-align:middle;
	text-align:center;
	width: 100%;
	color: white;
	font-weight: bold;
	font-size: 20px;
	
}


/* Table */
table.drawn {
	border-collapse: collapse;
}
table.drawn, table.drawn th, table.drawn td {
	border: 1px solid black;
}
table.drawn th, table.drawn td {
	padding: 10px;
}
table.drawn th {
	background: navy;
	color: white;
}


/* Headings */
h1.center, h2.center {
	width: 100%;
	text-align: center;
}


/* Report cpanels */
.cpanel-container {
	width: 90%;
	margin: auto;
	padding: 0px;
}
.report-cpanel {
	width: 45%;
	margin: 0px;
	padding: 0px;
	border: 1px solid gray;
	border-radius:10px;
	padding: 10px;
	background: #e6f1f24d;;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.report-cpanel .report-heading {
	width: 100%;
	text-align: center;
	border-radius: 20px;
	background: #b7bcbc14;
}
.report-info-row {
	width: 100%;
	text-align: center;
	font-size: 20px;
	padding: 5px;
}
.report-file-input {
	border: 1px dashed gray;
	text-align: center;
	margin: auto;
}
.report-file-label {
	display: inline-block;
	width: 30%;
}
#progress-plag-row, #progress-impact-row {
	display: none;
}
.send-button-container {
	margin-top: 20px;
    margin-bottom: 20px;
    width: 30%;
    margin-right: auto;
    margin-left: auto;
}


/* Status */
.status {
	width: 90%;
	margin: auto;
	background: #e6f1f24d;
	border: 1px dashed black;
	border-radius: 10px;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 10px;
}
.status-row {
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	margin: 0px;
	text-align: center;
}

/*start page*/
.content-align{
	margin: auto;
	/*margin-right:8%;*/
	margin-top: 3%;


}

.our-team-main
{
	width:100%;
	height:auto;
	border-bottom:5px #323233 solid;
	background:#fff;
	text-align:center;
	border-radius:10px;
	overflow:hidden;
	position:relative;
	transition:0.5s;
	margin-right: 68px;
}


.our-team-main img
{
	border-radius:50%;
	margin-bottom:20px;
	width: 90px;
}

.our-team-main h3
{
	font-size:20px;
	font-weight:700;
}

.our-team-main p
{
	margin-bottom:0;
}

.our-team-main ul
{
	text-align:right;
}
.team-back
{
	width:100%;
	height:auto;
	position:absolute;
	top:0;
	left:0;
	padding:5px 15px 0 15px;
	text-align:left;
	background:#fff;

}

.team-front
{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
	background:#fff;
	padding:15px;
	bottom:0px;
	transition: all 0.5s ease;
}

.our-team-main:hover .team-front
{
	bottom:-200px;
	transition: all 0.5s ease;
}

.our-team-main:hover
{
	border-color:#777;
	transition:0.5s;
}

/*end*/
/*start login clerk*/
.form-login {
	background-color: rgba(247,247,247,0.9);
	padding-top: 10px;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-right: 20px;
	border-radius: 15px;
	border-color:#d2d2d2;
	border-width: 5px;
	box-shadow:0 1px 0 #cfcfcf;
}


.form-control1{
	border-radius: 50px;
}
.form-control2{
	display: inline-block;
	/*margin-right: 30px;*/
}
.form-control3{
	display: inline;
	width: 250px;
	/*margin-right: 30px;*/
}
.form-controlb{
	display: block;
	width: 300px;
	/*margin-right: 30px;*/
}
.form-pos{
	margin-right:35% ;
}

.wrapper {
	text-align: center;
}


/*end*/
/* report-form */
.report-table{
	margin: auto;
}
/*for admin page */
.custab{
	border: 1px solid #ccc;
	padding: 5px;
	margin: 5% 0;
	box-shadow: 3px 3px 2px #c8cbcf;
	transition: 0.5s;
}
.custab:hover{
	box-shadow: 3px 3px 0px transparent;
	transition: 0.5s;
}
/*///for model add////*/
/* The Modal (background) */
.modal {
	display: none; /* Hidden by default */
	position: fixed; /* Stay in place */
	z-index: 1; /* Sit on top */
	padding-top: 100px; /* Location of the box */
	left: 0;
	top: 0;
	width: 100%; /* Full width */
	height: 100%; /* Full height */
	overflow: auto; /* Enable scroll if needed */
	background-color: rgb(0,0,0); /* Fallback color */
	background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 0;
	border: 1px solid #888;
	width: 80%;
	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s
}

/* Add Animation */
@-webkit-keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

@keyframes animatetop {
	from {top:-300px; opacity:0}
	to {top:0; opacity:1}
}

/* The Close Button */
.close {
	color: white;
	float: right;
	font-size: 28px;
	font-weight: bold;
}

.close:hover,
.close:focus {
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

.modal-header {
	text-align: center;
	padding: 2px 16px;
	background-color: #7dbdeb;
	color: white;
}

.modal-body {padding: 2px 16px;}

.modal-footer {
	padding: 4px 16px;
	background-color: #7dbdeb;
	color: white;
}
/*for admin home page*/

/*@keyframes init {*/
	/*0% {*/
		/*width: 0px;*/
		/*height: 0px;*/
	/*}*/
	/*100% {*/
		/*width: 56px;*/
		/*height: 56px;*/
		/*margin-top: 0px;*/
		/*opacity: 1;*/
	/*}*/
/*}*/

/*@keyframes moveDown {*/
	/*0% {*/
		/*top: 50%;*/
	/*}*/
	/*50% {*/
		/*top: 40%;*/
	/*}*/
	/*100% {*/
		/*top: 100%;*/
	/*}*/
/*}*/

/*@keyframes moveUp {*/
	/*0% {*/
		/*background: #FFB300;*/
		/*top: 100%;*/
	/*}*/
	/*50% {*/
		/*top: 40%;*/
	/*}*/
	/*100% {*/
		/*top: 50%;*/
		/*background: #E0E0E0;*/
	/*}*/
/*}*/

/*@keyframes materia {*/
	/*0% {*/
		/*background: #E0E0E0;*/
	/*}*/
	/*50% {*/
		/*border-radius: 4px;*/
	/*}*/
	/*100% {*/
		/*width: 440px;*/
		/*height: 280px;*/
		/*background: #FFFFFF;*/
		/*border-radius: 4px;*/
	/*}*/
/*}*/

/*end admin*/
/*end*/

/*search_action*/
.search_action{

	font-size:20px !important ;
}
.h5_p{
	margin-bottom: 1rem !important;
}
legend {
	display: inline-block;
	width: auto;
	margin-right: 10px;
	font-weight:bold ;

}
fieldset {
	border: 2px solid black;
	border-radius: 10px;
	padding: 20px;

}