:root {
  --color_grey_221: #ddd;
}

/* Cols --------------------------------------------------------------------------------------------------------------*/
.row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

/*.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12,*/
.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
  padding-right: 0;
  padding-left: 0;
}


/*--------------------------------------------------------------------------------------------------------------------*/
.table-striped > tbody:nth-of-type(odd) > tr > td,
.table-striped > tbody > tr:nth-of-type(odd){
  background-color: transparent !important;
  border-bottom: 1px solid var(--color_grey_221);
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* mobile table configuration ----------------------------------------------------------------------------------------*/
.table_header > .table_line_tr > .table_line_th,
.table_body > .table_line_tr > .table_line_td {
  line-height: 1.42857143;
  vertical-align: top;
}

.table_body > .table_line_tr {
  border-top: 1px solid var(--color_grey_221) !important;
}
.table_body > .table_line_tr:last-child {
  border-bottom: 1px solid var(--color_grey_221) !important;
}

.table_header > .table_line_tr {
  border-bottom: 1px solid var(--color_grey_221) !important;
}

@media(min-width: 992px) {
  .table_header > .table_line_tr > .table_line_th,
  .table_body > .table_line_tr > .table_line_td {
    padding: 8px !important;
  }
}
@media(max-width: 991px) {
  .table_header > .table_line_tr > .table_line_th,
  .table_body > .table_line_tr > .table_line_td {
    padding: 0 0 0 8px !important;
  }
  .table_body > .table_line_tr > .table_line_td:first-child{
    padding-top: 10px !important;
  }
  .table_body > .table_line_tr > .table_line_td:last-child {
    padding-bottom: 10px !important;
  }
}


/*--------------------------------------------------------------------------------------------------------------------*/
/* show table actions (details, edit, delete, etc.) - collapse action ------------------------------------------------*/
.arrow_collapse {
  z-index: 10;
  position: absolute;
  background: white;
  padding: 5px 10px;
  border: 1px solid white;
  margin-top: -7px !important;
  border-top-right-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
  box-shadow: 0 1px 10px 2px rgba(0,0,0,0.1) !important;
}

#table_arrow_ul.dropdown-menu {
  padding: 0 !important;
  right: 0 !important;
  left: auto !important;
  top: 45px;
  position: absolute;
}

#table_arrow_ul.dropdown-menu > li > a {
  position: relative;
  text-align: left;
}

@media(max-width: 991px) {
  .table_line_td.align_right {
    text-align: left !important;
    /*background: transparent !important;*/
  }
}

@media(min-width: 330px) and (max-width: 991px) {
  .table_line_th.align_right {
    position: absolute !important;
    right: 1px !important;
    margin-top: -30px !important;
  }
}

#mobile_table > .row > .table > .table_body > .table_line_tr > .table_line_td > label {
  word-break: break-word;
  margin-right: 15px;
}

#mobile_table > .row > .table > .table_body > .table_line_tr > .table_line_td:first-child > label {
  /*Erstes Element mehr margin, wegen dem Pfeil fuer die Aktionen */
  margin-right: 40px !important;
}