/******** NAV-TABS ********/
.with-nav-tabs.panel-default .nav-tabs > li > a,.with-nav-tabs.panel-default .nav-tabs > li > a:hover,.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color: #777 !important;}
.with-nav-tabs.panel-default .nav-tabs > .open > a,.with-nav-tabs.panel-default .nav-tabs > .open > a:hover,.with-nav-tabs.panel-default .nav-tabs > .open > a:focus,.with-nav-tabs.panel-default .nav-tabs > li > a:hover,.with-nav-tabs.panel-default .nav-tabs > li > a:focus {color: #777 !important;background-color: #ddd !important;border-color: transparent !important;}
.with-nav-tabs.panel-default .nav-tabs > li.active > a,.with-nav-tabs.panel-default .nav-tabs > li.active > a:hover,.with-nav-tabs.panel-default .nav-tabs > li.active > a:focus {color: #555 !important;background-color: #fff !important;border-color: #ddd!important;border-bottom-color: transparent !important;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu {background-color: #f5f5f5 !important;border-color: #ddd !important;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a {color: #777 !important;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:hover,.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > li > a:focus {background-color: #ddd !important;}
.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a,.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:hover,.with-nav-tabs.panel-default .nav-tabs > li.dropdown .dropdown-menu > .active > a:focus {color: #fff !important;background-color: #555 !important;}
/******** FIN NAV-TABS ********/

/*********  PANEL-HEADING ********/
.heading {padding: 5px;height: 45px;}
/*********  FIN PANEL-HEADING ********/

/********* DATATABLE *********/
tr > th{background-color:#e1f0fc !important; color:black !important;}
tr > td{text-align: center;}
tr > th{text-align: center;}
tbody > tr > .Prix {text-align: right!important;}
/********* FIN DATATABLE *********/

/********* H2 *********/
h2 {font-size: 18px;border: 1px solid #dddddd !important;text-align: center;padding: 5px;}
/********* FIN H2 *********/

/********* AUTOCOMPLETE *********/
.ui-autocomplete-loading{background: white url("../img/loading.gif") right center no-repeat;}
/********* FIN AUTOCOMPLETE *********/

/********* FORM *********/
.text-primary{color: #2d679a !important;}
/********* FIN FORM *********/

/********* VALIDATION *********/
label.error { color: #c01717;  font-size: 12px; }
label.error:after {  font-family: 'themify';  position: absolute;  right: 20px;  top: 40px;  font-size: 13px;  }
input.error {  border: 1px solid #c01717 !important;  }
/********* FIN VALIDATION *********/


/********** AUTRES **********/
.dataTables_processing {height: 50px !important;z-index: 100000;background-color: #e6e6e6 !important;}
.widthAuto {width: auto !important;}
.fLeft {float: left;}
.Prix > tbody> tr > td , .Vente > tbody> tr > td {text-align: right!important;}
/* les valeurs negative*/
.td{color:#ff0000;}
.table-condensed > tbody > tr > th{	padding: 2px!important;}
/* change coleur de hover de tr */
.changeTr > td {background-color: rgb(255, 204, 102)!important;	font-size: 12px!important;}
/* change de couleur de colonne */
.changeColor{background-color:#f9f9f9!important;}
/********** AUTRES **********/


/**** css file ariane ******/
.tec__breadcrumb {
    display: inline-block;
}

.tec__breadcrumb a {
    text-decoration: none;
    font-size: 12px;
    line-height: 26px;
    color: #000;
    padding: 0 10px 0 10px;
    position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.tec__breadcrumb a:first-child {
    border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.tec__breadcrumb a:first-child:before {
    left: 14px;
}
.tec__breadcrumb a:last-child {
    border-radius: 0 5px 5px 0; /*this was to prevent glitches on hover*/
    padding-right: 20px;
}

/*hover/active styles*/
.tec__breadcrumb a.active, .tec__breadcrumb a:hover{

}
.tec__breadcrumb a.active:after, .tec__breadcrumb a:hover:after {

}

/*adding the arrows for the breadcrumbs using rotated pseudo elements*/
.tec__breadcrumb a:after {
    content: '';
    position: absolute;
    top: 0;
    width: 26px;
    height: 26px;
}
/*we dont need an arrow after the last link*/
.tec__breadcrumb a:last-child:after {
    content: none;
}
/*we will use the :before element to show numbers*/



.tec__flat a, .tec__flat a:after {

}
.tec__flat a:before {

}
.tec__flat a:hover, .tec__flat a:hover:after{
    color:#c01d1d;
    outline: 0;
}

 .tec__flat a.active, .tec__flat a.active:after{
    font-weight: bold;
    color:#c01d1d;
    outline: 0;
}

.tec__breadcrumb>.active{
    color:#fff;
}
a:focus {
    outline: none;
}
.input-group-btn-vertical {  position: relative;  white-space: nowrap;  width: 1%;  vertical-align: middle;  display: table-cell;  }
.input-group-btn-vertical > .btn {  display: block;  float: none;  width: 100%;  max-width: 100%;  padding: 7px;  margin-left: -1px;  position: relative;  border-radius: 0;  }
.input-group-btn-vertical > .btn-sm {  padding: 5px;  }
.input-group-btn-vertical > .btn:first-child {  border-top-right-radius: 2px;  }
.input-group-btn-vertical > .btn:last-child {  margin-top: -2px;  border-bottom-right-radius: 4px;  }
.input-group-btn-vertical i{  position: absolute;  top: 0;  left: 4px;  }