@font-face {
    font-family: "Helvetica";
    src: url('../fonts/Helvetica-Conth.ttf');
}
@font-face {
    font-family: "Helvetica-italic";
    font-style: italic;
    src: url('../fonts/Helvetica-BlackOblique.otf');
}
@font-face {
    font-family: "Helvetica-bold";
    font-weight: bold;
    src: url('../fonts/Helvetica%20Bold.ttf');
}
@font-face {
    font-family: "Helvetica regular";
    src: url('../fonts/HelvLight%20Regular.ttf');
}
@font-face {
    font-family: "Helvetica-italic-black";
    font-style: italic;
    src: url('../fonts/Helvetica-BlackOblique.otf');
}
@font-face {
    font-family: "Helvetica-bold-cond";
    font-weight: bold;
    src: url('../fonts/Helvetica-Conth.ttf');
}@font-face {
    font-family: "Helvetica-Neu";
    font-weight: bold;
    src: url('../fonts/HelveNeuHea.ttf');
}@font-face {
    font-family: "Helvetica-Neu-Hea";
    font-weight: bold;
    src: url('../fonts/HelveNeuHea85.ttf');
}@font-face {
    font-family: "Helvetica-Neu-Rom";
    font-weight: bold;
    src: url('../fonts/HelveNeuRom.ttf');
}@font-face {
    font-family: "Helvetica-Neu-thi";
    font-weight: bold;
    src: url('../fonts/HelveNeuThi.ttf');
}
html{
    min-height:100%;
    position:relative;
}
body {
    background: #eee;
    height:100%;
    font-family: "Helvetica-Neu-Rom",serif;
	color:#000;
}
h1 { font-family: "Helvetica-Neu-Hea"; text-transform: uppercase}
a {
    outline: 0;
}
a:focus, a:hover{text-decoration: none;outline: 0; color: #000}
#wrapper {background-color: #FFF; margin: auto; top:0; bottom:0;padding-bottom:30px}
.content {margin-left: 15px; margin-right: 15px;}
.form-signin {
    max-width: 330px;
    padding: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    height: 95% !important;
    bottom: 10em;
}
.container {width: 95%!important; height: 100% !important.}
.form-signin legend {text-align: center;}
.form-signin legend img{margin-bottom: 15px}
.error {color:red}
.btnlogin {text-align: center}
.btnlogin .btn-primary{width: 80px; background-color: #1c1c1b; border-color:#1c1c1b; color: #9bfc31}
.navbar-default {background-color: #000; border-radius: 0;    height: 60px;}
.navbar-default .navbar-nav>li> a {color: #FFF; font-weight: 600; font-size: 18px}
.navbar-default .navbar-nav>li> div.moncompte a {color: #FFF; font-weight: bold;}
.navbar-default .navbar-nav>li> div.moncompte a:hover {color: #9bfc31; text-decoration: none}
.navbar-default .navbar-nav>li.current > a {color: #9bfc31}
.navbar-default .navbar-nav>li>a:hover {color: #9bfc31}
.navbar-nav>li {border-right: 1px solid #9bfc31;height: 33px}
.navbar-nav>li:last-child{border-right: none    ;}
.logo {margin-top: -15px;width: 211px;}
.nav-tabs>li > a{background-color: #C8C4BF; color: #000; font-size: 16px; font-weight: 600;}
.nav-tabs>li > a:hover{background-color: #9bfc31;}
.nav-tabs>li.active> a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color: #9bfc31;
    border: 1px solid #ddd; font-size: 16px;color: #000; font-weight: 600;}
table.dataTable thead th{background-color: #ffffff;    padding-top: 10px;
    padding-bottom: 10px;    border-bottom: 1px solid #9bfc31;}
table.dataTable tr.odd {
    background-color: #ddd;
}table.dataTable tr.even {
    background-color: #eee;
}
table.dataTable tr.odd td.sorting_1{background: #ddd}
table.dataTable tr.even td.sorting_1 {
    background-color:#eee;
}
.link-btn {
    color: #000;
    padding: 10px;
    text-decoration: none;
    border-radius: 5px;    margin: 0px 0px 5px 0px;    padding-left: 35px; width: 100%;    font-weight: bold;}
.add {background: url('../images/icons/icon-add.png') no-repeat 3px}
.editer {background: url('../images/icons/icon-editer.png') no-repeat 3px}
.copy {background: url('../images/icons/icon-copy.png') no-repeat 3px}
.print {background: url('../images/icons/icon-print.png') no-repeat 3px}
.delete {background: url('../images/icons/icon-suppr.png') no-repeat 3px}
.valider {background: url('../images/icons/icon-valider.png') no-repeat 3px}
a.link-btn:hover {text-decoration: none;background-color: #9bfc31; color: #000;}
.btn-primary {background-color: #fff;border: 1px solid #9bfc31; color:#9bfc31 }
.btn-primary:hover, .btn-primary:active, .btn-primary:focus{background-color: #9bfc31!important; color: #000}
.th {    background-color: #9bfc31;
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #9bfc31;    margin: -3px -10px; padding-left: 15px; font-weight: bold}
.form-horizontal .form-group {margin-left: 0px; margin-right: 0px}
.process-submit{    background: url("../images/loader.gif") no-repeat center;
    margin-top: 10px;
    margin-left: 40%;
    width: 100px;
    display: none;
}
.dataTables_processing { background: url("../images/loader.gif") no-repeat #FFF center; height: 87px;}

/*calendrier*/
.ui-widget-header{background: #9bfc31;}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {background:#9bfc31!important;    color: #FFF; font-weight: bold }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {background: #FFF;    border: 1px solid #9bfc31;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {    border: 1px solid #9BD8F5;
    background: #B9E5FA;
    font-weight: normal;
    color: #fff;}
/*datatable*/
.form-filtre {margin-bottom: 15px}
.paging_full_numbers{margin-top: 4px}
.dataTables_info{margin-top: 4px}
.paging_full_numbers a.paginate_button{ background-color: #FFF }
.paging_full_numbers a.paginate_button:hover {background: #9bfc31;}
.paging_full_numbers a.paginate_active {background: #9bfc31;}
.paging_full_numbers a.paginate_button, .paging_full_numbers a.paginate_active {border: 1px solid #9bfc31;}
/*Modal*/
.modal-header {
    font-family: "Helvetica-bold";
    margin-bottom: 15px;
    border-bottom: 1px solid #9bfc31;
    font-size: 20px;
    color:#9bfc31 ;
}
table.dataTable tr.odd.outbound {background:#DDDDDD}
table.dataTable tr.odd.outbound td.sorting_1 {background:#DDDDDD}
table.dataTable tr.odd.valide {background:#f0e1a3}
table.dataTable tr.even.valide {background:#f0e1a3}
table.dataTable tr.odd.valide td.sorting_1 {background:#f0e1a3}
table.dataTable tr.even.valide td.sorting_1 {background:#f0e1a3}
table.dataTable tr.odd.facture {background:#ff8787}
table.dataTable tr.odd.facture td.sorting_1 {background:#ff8787}
table.dataTable tr.even.facture td.sorting_1 {background:#ff8787}
table.dataTable tr.even.facture {background:#ff8787}
.outbound {background:#E2E4FF}
.encours {background: #d0edcc !important;padding: 4px 8px 4px 8px;}
.encours .sorting_1 {background: #d0edcc !important}
.facture {background:#ff8787;padding: 4px 8px 4px 8px;}
.valide {background:#f0e1a3;padding: 4px 8px 4px 8px;}
.DTTT_container {text-align: right}
a.DTTT_button.DTTT_button_xls div{position: relative!important;  z-index: 99000; float: right;left: -83px!important;}
.req {color: red!important;}
.modal-dialog {    width: 70%!important;}
.form-horizontal{padding: 30px;}
a.DTTT_button {box-shadow:none;background:transparent;float: none;border:none;font-size: 16px;font-weight: 600;border-radius:5px;    margin-left: 20px; left: 25%;
    top: 11px;}
a.DTTT_button:hover{background: #9bfc31;border: 0}
.boldLabel {font-size: 16px;font-weight: 600}
.nomarging {margin-left: -25px;}
div.DTTT_container {margin-top: -43px; margin-right: 80px;}
.moncompte {margin-top:-28px; background: url('../images/icons/ico-user.png') center;background-size: 25px; background-repeat: no-repeat; padding: 15px;}
.moncompte a {padding-top: 3px; padding-left: 0; padding-right: 0; font-size: 10px; text-align: center}
.footer {text-align: center}
.lib {width:200px}
#remise, #tva {font-size: 14px;font-weight: 500}
.libelle {margin-top: 15px; margin-left: 40%}
.form-horizontal.no-pad {padding: 0}
.nav-tabs{border-bottom:none}
.highlight {border-bottom: 1px solid #000;margin-left: 15px;width: 56%;}
#newCategBlock{margin-right: 15px; margin-left: 15px}
.no-marg-btm {margin-bottom: -2px;}
.nav-tabs > li {margin-bottom: -2px;}
.modal-content {color:#000!important}

button.ColVis_Button,
ul.ColVis_collection li {
    padding: 0.5em;
}

ul.ColVis_collection {
    margin: 0;
    padding: 0;
}

ul.ColVis_collection li {
    clear: both;
    display: block;
    text-align: left;
    margin: -1px 0 0 0;
}

ul.ColVis_collection li span {
    display: inline-block;
    padding-left: 0.5em;
    cursor: pointer;
}
img[alt="Voir"],img[alt="Editer"],img[alt="Valider"],img[alt="Imprimer"],img[alt="Dupliquer"] {width:100%}
img[alt="Annuler"]{    width: 90%;}
tr.odd td:last-child, tr.even td:last-child {
    display: inline-flex;
}