@CHARSET "ISO-8859-1";
body{display:block;font-family: 'Prosto One', cursive;font-size:12px;line-height:14px;color:#16120C;letter-spacing:2px;}
#wrapper{margin:auto;width:960px;margin-top:20px;position:relative;}


a{text-decoration:none;}
a:active,
a:visited,
a:focus,
a:hover{outline:none;border:none;}
h2,th,#header h2,#header h4{text-shadow: 2px 2px rgba(156, 162, 177, 0.62);}
/*******************HEADER***********************/
#header{bdisplay:block;width:944px;height:134px;box-shadow:10px 0px 10px #B4B1A2;}
#header span{background-position:top center;text-decoration:none;background-repeat:no-repeat;}
#header #logo_simpac{background-image:url(/images/logo_simpac2.jpg);display:block;width:115px;height:27px;float:right;margin-top:40px;margin-right:10px;}
#header #logo_agwadec{background-image:url(/images/logo_agwadec.png);display:block;width:136px;height:95px;float:left;margin-left:5px;padding-left: 25px;padding-top: 25px;}
#header h2{padding-left:25%;color:#456578;padding-top:40px;}

/*******NAVBAR********/
.navbar,
#content{width:946px;}

/**MODAL**/
.modal-body table{}

.modal-body table tr th,
.modal-body table tr td{width:160px;;border-bottom:1px dotted #000;border-right:1px dotted #000;padding:5px;}
.modal-body table tbody tr:last-child td{border-bottom:none;}
.modal-body table tr td span{padding-left:3px;}
.modal-body table tfoot{border-top:2px dotted red;}

/********POPOPEN****************/
.popover {width:auto;}



/*****DATEPICKER****/
.span4 .datepicker{width:83%;}

/*******************CONTENT**********************/
.content{border-width:8px 20px 20px 20px;border-style:solid ;border-color:#B4B1A2;width:904px;box-shadow:10px 0px 10px #B4B1A2;}
h2{text-transform:capitalize;}


/******************LOGIN**************************/
#login-form p{padding-top:20px;text-align:center;}
#login-form .pharma-form{padding-left:25%;}

#login-form ul{margin-left:0;margin-top:20px;}
#login-form h4{margin-bottom:0;text-align:center;}
#login-form .item{margin:0 auto;width:50%;display:flex;justify-content:center;flex-direction: column;}
#login-form .item label{text-align:center;}
#login-form .item input[type=submit]{width:25%;align-self:center;}
#login-form a.btn{display:block;width:30%;margin:0 auto;}
#login-form ul li {text-align:center;}
#login-form #inscrire{margin-top:60px;}
#login-form #commander{margin-top:30px;}
/**************CONTENT***************/
#content form h4{text-transform:capitalize;}
#content.commandes label{display:inline-block}
#content.commandes input[type=checkbox]{display:inline-block;vertical-align: top;position:relative;margin-right:10px;}

/***********OPTIONS*******/
.options input{text-transform:uppercase;}
.options input#identifiant{text-transform:none;}


/*********SPECIALS****************/

.create-new{clear:left;display:block;margin-top:35px;width:400px;}
.dataTables_paginate,
.dataTables_info{padding-top:10px;}
.dataTables_length label select{width:60px;}

.dataTables_paginate > a{padding-top:3px;}
.dataTables_filter{margin-top:-10px;}
#dt-filters{position:absolute;margin-left:300px;margin-top:10px;padding-bottom:0;z-index:40;}
#dt-filters2{position:absolute;margin-left:300px;margin-top:30px;padding-bottom:0;z-index:40;}

/*SPECIAL CASE*/
.security-case{width:150px;}
.security-case label{display:inline-block;}
.security-case input[type=checkbox]{display:inline-block;clear:none;float:right;}

.checkbox-horizontal {display:block;padding-bottom:10px;}
.checkbox-horizontal label,
.checkbox-horizontal input{display:inline-block;}
.checkbox-horizontal input{margin-left:5px;margin-right:10px;margin-top:-1px;}

.row-fluid .row{margin:5px;}
input{width:96%}
input.datepicker{width:90%;}
textarea,select{width:100%;}

#register form input{text-transform: uppercase;}