body {
    padding-top: 50px;
    padding-bottom: 20px;
}

/* Set padding to keep content from hitting the edges */
.body-content {
    padding-left: 15px;
    padding-right: 15px;
}

/* Override the default bootstrap behavior where horizontal description lists 
   will truncate terms that are too long to fit in the left column 
*/
.dl-horizontal dt {
    white-space: normal;
}

/* Set width on the form input elements since they're 100% wide by default */
input,
select,
textarea {
    max-width: 280px;
}

td.DataTableHighlight{
    background-color: #FF3939;
    color:#ffffff;
}

td.DataTableHighlightCommande{
    background-color: #C7BFE6;
    color:#ffffff;
}

td.DataTableHighlightProduit{
    background-color: #299832;
    color:#ffffff;
}

td.DataTableHighlightLivre {
    background-color: #ffffff;
    color: #0f0f0f;
}

td.details-control {
    background: url('../Images/details_open_pink.png') no-repeat center center;
    cursor: pointer;
}
tr.details td.details-control {
    background: url('../Images/details_close.png') no-repeat center center;
    cursor: pointer;
}

.DataTableDetailRow {    
    /*width:100%;*/
}   

.DataTableDetailRow tbody > tr > td{
    padding:3px;
}


.DataTableChildRow td{
    background-color:#bebebe;
}

.TextBoxCountOpenTicket {
    width:30px;
    border:none;    
    font-weight:bold;
}

.form-control-inline {
  display: inline;
  width: 57%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.428571429;
  color: #555555;
  vertical-align: middle;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.row-greybackground {
  /*margin-right: -15px;
  margin-left: -15px;*/
  margin-bottom: 10px;
  background-color:#eeeeee;
  border-radius:10px;
  padding-top:10px;
}

.row-greybackground:before,
.row-greybackground:after {
  display: table;
  content: " ";
}

.row-greybackground:after {
  clear: both;
}

.row-greybackground:before,
.row-greybackground:after {
  display: table;
  content: " ";
}

.row-greybackground:after {
  clear: both;
}



.table-noborder {
  width: 100%;
  margin-bottom: 10px;
}

.table-noborder thead > tr > th,
.table-noborder tbody > tr > th,
.table-noborder tfoot > tr > th,
.table-noborder thead > tr > td,
.table-noborder tbody > tr > td,
.table-noborder tfoot > tr > td {
  padding: 0px;
  line-height: 1.428571429;
  vertical-align: top;
  /*border-top: 1px solid #dddddd;*/
}

.table-noborder thead > tr > th {
  vertical-align: bottom;
  /*border-bottom: 2px solid #dddddd;*/
}

.table-noborder caption + thead tr:first-child th,
.table-noborder colgroup + thead tr:first-child th,
.table-noborder thead:first-child tr:first-child th,
.table-noborder caption + thead tr:first-child td,
.table-noborder colgroup + thead tr:first-child td,
.table-noborder thead:first-child tr:first-child td {
  border-top: 0;
}

.table-noborder tbody + tbody {
  border-top: 2px solid #dddddd;
}



.table-padding-condensed {
  width: 100%;
  margin-bottom: 20px;
}

.table-padding-condensed thead > tr > th,
.table-padding-condensed tbody > tr > th,
.table-padding-condensed tfoot > tr > th,
.table-padding-condensed thead > tr > td,
.table-padding-condensed tbody > tr > td,
.table-padding-condensed tfoot > tr > td {
  padding: 3px;
  line-height: 1.428571429;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}


.table-padding-condensed thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd;
}

.table-padding-condensed caption + thead tr:first-child th,
.table-padding-condensed colgroup + thead tr:first-child th,
.table-padding-condensed thead:first-child tr:first-child th,
.table-padding-condensed caption + thead tr:first-child td,
.table-padding-condensed colgroup + thead tr:first-child td,
.table-padding-condensed thead:first-child tr:first-child td {
  border-top: 0;
}

.table-padding-condensed tbody + tbody {
  border-top: 2px solid #dddddd;
}



.ticket
{
    cursor:pointer;
}

.CreateTicket
{
    background-color: #55075B;
    padding: 10px;
    border-radius: 10px;
    border-color: #357ebd;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    text-align: center;
}


.StyleLikeH2
{
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.1;
  margin-top: 8px;
  margin-bottom: 10px;
}

.header-before-nav
{
    top:0;
}


.BackgroundLogo{
    /*background:url(../Images/Logo.png)) no-repeat top left;width:160px;*/
    background-image:url(../Images/Logo.png);
    background-repeat:no-repeat;
    background-position:top left;    
    width:160px;
}


@media only screen and (min-width:480px) and (max-width:767px) {

.StyleLikeH2{
  font-size: 24px;
}

}

@media only screen and (min-width:300px) and (max-width:480px) {

.StyleLikeH2{
      font-size: 24px;
}

}


@media only screen and (min-width:768px) { 

.StyleLikeH2{
  font-size: 24px;
}

}


@media only screen and (min-width:1200px) {  

.StyleLikeH2{
  font-size: 30px;
}

}