$border:#ddd;
$stripe:#F9F9F9;

.table {
  display: table;
  width: 1300px;
  border-collapse: collapse;
  .tr {    
    display: table-row;
    border: 1px solid $border;
    &:first-child {
      font-weight:bold;
      border-bottom: 2px solid $border;
    }
    &:nth-child(even) {
      background-color: $stripe;
    }
    .td {
      display: table-cell;
      padding: 8px;
      border-left: 1px solid $border;
      &:first-child {
        border-left:0;
      }      
    }
    &.no_change {
      background-color: #d8d8d8;
      color: #818080;
    }
  }
}


/* Not necessary for table styling */
.div-table, .table-tag {
  float:left;
  margin:2em;
  .title {
    text-align:center;
    padding-bottom:.5em;
  }
}


.info,
.success,
.warning,
.error,
.validation {
	border: 1px solid;
	margin: 10px;
	padding: 15px 10px 15px 10px;
	background-repeat: no-repeat;
	background-position: 10px center;
	max-width: 560px;
}
.error {
	color: #D8000C;
	background-color: #FFBABA;
}
.warning {
	color: #9F6000;
	background-color: #FEEFB3;
}

.info {
	color: #00529B;
	background-color: #BDE5F8;
}
 
.success {
	color: #4F8A10;
	background-color: #DFF2BF;
}

img.rapaf_prod_thumbnail {
  width: 60px;
  height: 60px;
}


table.dataTable.stripe>tbody>tr.odd.selected>*, table.dataTable.display>tbody>tr.odd.selected>* {
  box-shadow: inset 0 0 0 9999px rgba(152, 158, 218, 0.9);
}
table.dataTable.stripe>tbody>tr.even.selected>*, table.dataTable.display>tbody>tr.even.selected>* {
  box-shadow: inset 0 0 0 9999px rgba(152, 158, 218, 0.9);
}
table.dataTable.display>tbody>tr.odd.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.odd.selected>.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(152, 158, 218, 0.9);
}
table.dataTable.display>tbody>tr.even.selected>.sorting_1, table.dataTable.order-column.stripe>tbody>tr.even.selected>.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(152, 158, 218, 0.9);
}

table.dataTable.display>tbody>tr.odd.selected:hover td, table.dataTable.display>tbody>tr.odd.selected:hover td.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(77, 86, 177, 0.9) !important;
  cursor: default;
}
table.dataTable.display>tbody>tr.even.selected:hover td, table.dataTable.display>tbody>tr.even.selected:hover td.sorting_1 {
  box-shadow: inset 0 0 0 9999px rgba(77, 86, 177, 0.9) !important;
  cursor: default;
}

#rapaf_version_tag {
  width: 98%;
  text-align: right;
}


.rapaf-input-form  span.label {
  display: inline-block;
  width: 100px;
}
.rapaf-input-form div {
  margin-bottom: 5px;
}
.rapaf-input-form input.link {
  width: 500px;
}