/* ==========================================================================
   Login Box styles
   ========================================================================== */
  
@import url(http://fonts.googleapis.com/css?family=Titillium+Web);
body{
	
	width:100%;
	height:100%;
	background-color:#000;
	margin:0;
	padding:0;
	background:#000;/* url(../img/logo_exe2.png) no-repeat left top!important;*/
	-webkit-background-size: cover; /* pour anciens Chrome et Safari */
	background-size: cover; /* version standardisée */
	color:#7F8289;
	font-weight:300;
	font-size:16px;
	font-family: 'Titillium Web', sans-serif;
	line-height:28px;
}
table.dataTable{
	font-size:12px!important;
}
.right{float:right;margin-top:-10px!important;}
.alert{
	margin: 20px auto;
	width: 70%;
}
#login-block{	 
	padding: 0;
	margin: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}
#login-block h3,.login-form h3{
	color: #FFF;
	text-align: center;
	font-size:1.5em;
	 opacity: 0.8;
	text-shadow: 2px 2px 2px #000;
	font-weight: normal;
	margin:0 auto 35px;
 
}

#login-block .login-logo img{
	display: block;
	margin: 0 auto;
}
#login-block .login-box{
	 width: 400px;
 	padding:20px 0;
}
.login-form ul{
    padding:0;
    text-align: center;
}


.delbutton{width:20px;height:20px; background:url("../img/icon_del.gif") center center no-repeat;}
form fieldset{
width:45%;
height:350px;
display:inline-block;
vertical-align:top;
text-align:center;
margin:0 auto;
margin-left:2%;
}
form fieldset label{text-align:left}
.login-box{
	position: relative;
	margin:0 auto;
	width:100%;	
	/*width:500px;	*/
	background:#212c34;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	padding-bottom: 0px;
	-webkit-box-shadow: 2px 2px 5px #333;
	-moz-box-shadow: 2px 2px 5px #333;
	box-shadow: 2px 2px 5px #212c34;
}
.login-box-1{
	position: relative;
	margin:0 auto;	
	width:500px;
	background:#212c34;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	padding-bottom: 0px;
	-webkit-box-shadow: 2px 2px 5px #212c34;
	-moz-box-shadow: 2px 2px 5px #212c34;
	box-shadow: 2px 2px 5px #333;
	margin-top: 2%;
}

.login-form form p{
	width:80%;
	margin: 5px auto 10px;
	text-align: center;
}
 .login-form  form {
padding:30px;
}
/* Login Form */
.login-form input{
	display: block;
	margin:10px auto 20px;
	width:70%;
	background: #fefefe;
	border:1px solid #bfbfbf;
	color:#6c6c6c;
	padding: 8px;
	
}

/* Login Button */
.btn.btn-login {
	width: 120px;
	display:block;
	margin: 20px auto 20px;
	padding:10px;
	color: white;
	text-transform:uppercase ;	
	text-shadow: 1px 2px 2px #962399;
	background: #962399;
	border: 1px solid #962399;
	
}
.btn.btn-login:hover {	 
	background: #000; 
} 
.btn.btn-reset{
	width: 180px;
}
.login-links{
	text-align: center;
}
.login-links a{
	color: #6c6c6c; 
	display:inline-block;
	padding:5px;
	 
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-ms-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;;
}
.login-links a:hover{
	text-decoration: none;
	color:#e13c3c;
}

label.checkbox {
	width: 70%;
	display: block;
	margin: 0 auto;
}
label.checkbox input{
	width:25px;
	margin: 4px 0 0;
	padding: 0;
	background: none;
	border: 0;
}
#footer-text, #footer-text a{
	text-align: center;
	color:#FFF;
	opacity: 1;
	text-shadow: 1px 1px 1px #000;
}

 
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (max-width: 479px) {
	#login-block{	 
		padding-top: 10px;
		padding-bottom: 25px;
	}
	
}

/* Tablet Portrait Size to Tablet Landscape Size (devices and browsers)
=================================================================== */
@media only screen and (min-width: 480px) and (max-width: 767px){
	#login-block {	 
		margin: 0 auto;
		width: 420px;
	}
	
}

/* form save Expedition
=================================================================== */


        .login-form label{width:150px;margin-left:10px; }
        input[type=text], .login-form input[type=password],.login-form input[type=date],.login-form input[type=email],select { width:200px; padding:5px;margin-bottom: 8px;text-transform: uppercase;}
		.login-form select { width:210px!important; padding:5px;margin-bottom: 8px; margin-top: 8px;text-transform: none;}
        .login-form label, input[type=text],.login-form input[type=date]{display: inline-block;vertical-align:top;}
		.section{font-size: 28px; text-align:center;margin-left: 15px; color: #fff; padding-top: 15px;}
		
		.login input{display:block;text-transform: none;}
		input#pdf_file{width:195px!important;display:inline-block}

#logo{vertical-align:top;margin:-15px;padding:0;z-index:999999}
/*************************/

.alert {
  margin-top: 50px;
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}

.alert h4 {
  margin-top: 0;
  color: inherit;
}

.alert .alert-link {
  font-weight: bold;
}

.alert > p,
.alert > ul {
  margin-bottom: 0;
}

.alert > p + p {
  margin-top: 5px;
}

.alert-dismissable {
  padding-right: 35px;
}

.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}

.alert-success {
  color: #468847;
  background-color: #dff0d8;
  border-color: #d6e9c6;
}

.alert-success hr {
  border-top-color: #c9e2b3;
}

.alert-success .alert-link {
  color: #356635;
}

.alert-info {
  color: #3a87ad;
  background-color: #d9edf7;
  border-color: #bce8f1;
}

.alert-info hr {
  border-top-color: #a6e1ec;
}

.alert-info .alert-link {
  color: #2d6987;
}

.alert-warning {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #fbeed5;
}

.alert-warning hr {
  border-top-color: #f8e5be;
}

.alert-warning .alert-link {
  color: #a47e3c;
}

.alert-danger {
  position: relative;
  color: #b94a48;
  background-color: #f2dede;
  border-color: #eed3d7;
}

.alert-danger hr {
  border-top-color: #e6c1c7;
}

.alert-danger .alert-link {
  color: #953b39;
}


.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
  color: #000000;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}

button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}

.glyphicon-eye-close:before {
  content: "\e106";
}

.signout{float:right;margin-top:-10px!important;}
.box2{
	position: relative;
	margin:0 auto;
	max-width: 90%;
	background:#212c34;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	padding-bottom: 0px;
	-webkit-box-shadow: 2px 2px 5px #212c34;
	-moz-box-shadow: 2px 2px 5px #212c34;
	box-shadow: 2px 2px 5px #333;
	margin-top: 5%;
	margin-bottom: 5%;
}
.box{
	position: relative;
	margin:0 auto;
	max-width:960px;	
	background:#2F3238;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius:8px;
	padding-bottom: 0px;
	-webkit-box-shadow: 2px 2px 5px #333;
	-moz-box-shadow: 2px 2px 5px #333;
	box-shadow: 2px 2px 5px #333;
	margin-top: 8%;
	margin-bottom:50px;}
	.dataTables_wrapper .dataTables_paginate .paginate_button{color:#fff!important;}
	.box label{color:#fff!important;margin-left:15px;}
	.box input[type=text]{width:100px;!important}
	.box .section,.box2 .section{margin-bottom:20px;}
	.tracking input[type=text]{width:200px!important;}	
	.tracking{text-align:center;padding-bottom:20px;}
	.tracking label{margin-left:0px;margin-right:20px;display:inline-block;width:150px!important;text-align:left!important;}
	.tracking .btn{
		width: 120px;
		display:inline-block;	
		margin-left:15px;
		height:31px;
		color: white;
		text-transform:uppercase ;	
		text-shadow: 1px 2px 2px #962399;
		background: #962399;
		border: 1px solid #962399;
	}
	
	.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate{
	color:white!important;
	}

	nav ul{
		margin: 10px auto;
	}