/*Start Main Rulez*/
body
{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size:16px;
    line-height: 1.429;
    
    font-weight: bold;
	direction: rtl;
width: auto;
}
.container {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  width: auto !important;
  background: white;
}
.container {
  width: 100%;
}
h2
{
font-family: 'Noto Sans Kufi Arabic', sans-serif; 	
display:inline

}
h1
{
font-family: 'Noto Sans Kufi Arabic', sans-serif; 	
color:red;
display:inline
}

ul, ol
{
	margin: 0;
	padding: 0;
	list-style: none;
}
/*End Main Rulez*/

/*Start Header*/
header
{
	min-height:100px;
	background:#F6F6F6;
	overflow:hidden;
	margin-bottom: 35px;
}
nav .logo2 h1{
  color: red;
  text-align: center;
  font-family: 'Noto Sans Kufi Arabic', sans-serif;
}


nav .logo2 img{
box-sizing: content-box;
width: 100%;
height: 150px;
padding: 0px;
background-image: url(/suiabs/Images/logo2.png);
border: 1px solid black;
background-size: 100% 100%;}
div.logo2 img{
box-sizing: content-box;
width: 100%;
height: 150px;
padding: 0px;
background-image: url(/suiabs/Images/logo2.png);
border: 1px solid black;
background-size: 100% 100%;}
.content .products .login{
	width: 100%;
height: 900px;
padding: 0px;
}
.content .products .login{
	width: 100%;
height: 900px;
padding: 0px;
}
header nav
{
	width: 100%;
	        max-height: 100%;
       
        display: block;
	
	
}
header nav ul li
{
	display: inline-block;
	padding:1px;
	margin: -8px 47px 1px 1px;
	color:red;
	float:right;
	
	
}
header nav ul li a
{
	text-decoration:none;
	
}
header nav ul 
{
	margin:10px 0px 0 0;
	font-weight:bold;
	font-size:20px;	
	float:right;
}
.btn-success {
	font-size: 16px;
    color: #fff;
    background-color: #5cb85c;
    border-color: #4cae4c;
    font-weight: bold;
    font-family: 'Noto Sans Kufi Arabic', sans-serif;
    margin-bottom: 5px;
    border-color: #3275b8;
}
/*End Header*/

/*Start Content*/
select{
	margin-bottom: 10px;
	margin-top: 25px;
	
	outline: 0;
	background: #c8ddf2;
	color: #fd0101;
	border: 1px solid #13f90c;
	padding: 4px;
	border-radius: 4px;
	-webkit-user-select: none;
	margin-left:13px;
}
.option {
    font-weight: normal;
    display: block;
	color:black;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}
.internal-list-box {
    	color:black;
}

.content
{
	min-heightheight:500px;
	background: #F6F6F6;
	overflow: hidden;
	width:auto;
}
.content .sidebar
{
	float: right;
	width: 20%;
	margin-left: 1%;
	height: 500px;
}
.content .sidebar .widget
{
	width:100%;
	background:#FFF;
	border:1px solid #CCC;
	margin :10px auto;
	height:100%;
		
	
}
.content .sidebar .widget .title
{
	background:green;
	color:red;
	padding:5px 0;
	text-align:center;
}
.content .sidebar .widget .data ul li
{
	padding-right:10px;
	margin:10px 10px 5px 0px;
	color:green;
	
}
.content .products
{
	float: left;
width: 100%;
height: auto;
background: #FFF;
}
.content .products .login
{
	padding:5px;
}
.content .products h2
{
    font-size: 30px;
    color: #2b4de2;
    margin-top: 40px;
    text-align: center;
}
.content .products label
{
    max-width: 20%;
    color: green;
    font-size: 1.1em;
	display: block;
	margin-right:10px;
	margin-top: 10px;
}
input {
    background: #c8ddf2;
    line-height: normal;
	color: #fd0101;
	border: 1px solid #13f90c;
	padding: 4px;
	border-radius: 4px;
}

.content .products input[type="submit"]
 {
     text-align: center;
     display:inline;
	 width:100px;
	 height:50px;
 }
 
 table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    text-align: center;
    line-height: 1.42857143;
    vertical-align: top;
    border-top: 1px solid #ddd;
	color:black;
	font-weight:none;
}

.content .products table tr td input[type=submit]{
    text-align: center;
}
.products.login form-group-lg {
    height: 60px;
    line-height: 46px;
}

footer
{
    min-height: 100px;
    background: #CCC;
}
.products .login{
    margin-bottom: 15px;
}
.form-group-lg .products.login.form-control{
    height: 50px;
}
.form-group{
display: inline-block;
margin-left:15px;
}
table{
	margin-bottom: 0px;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th ,
{
	text-align:-webkit-left;
	font-weight: bolder;
	
}
.table>thead>tr>th
{
	color:red;
}
.input-group {
	
	height:20px;
}
input.enregistrement
{
	background:#green;
}
/* .table>tbody>tr>td>button{
   
	text-align:-webkit-left;
	color: white;
	font-weight: bolder;
	background:green;
} */
.table-hover>tbody>tr:hover {
 background-color:yellowgreen;
}
.table>tbody>tr>td>button.red {
	font-weight:  inherit;
	color: white;
    background-color:red;
}
.table>tbody>tr>td>button.green{
	font-weight:  inherit;
	color: white;
    background-color:green;
}
.table>tbody>tr>td>button.vert {
    font-weight:  inherit;
	color: white;
    background-color:green;
}
.table>tbody>tr>td>button.rouge {
    font-weight:  inherit;
	color: white;
    background-color:red;
}
.form-control {
  display: inline;
}

/*End Content*/
/*Start Footer*/
footer
{
	min-height:50px;
	background:#F6F6F6;
}
input.orien{
	margin-top:15px;
	margin-left:50%;
	margin-right:50%;
}
input.sortie{
	float: left;
}



/*End Footer*/