td.details-control {
    cursor: pointer;
}

td.dc-background {
    background: url('../img/details_open.png') no-repeat center center;
    cursor: pointer;
    width: 18px;
}
tr.shown td.dc-background{
    background: url('../img/details_close.png') no-repeat center center;
}


.dataTables_wrapper .dataTables_length {
    float: left;
}


.dataTables_wrapper .dataTables_info {
    clear: both;
    float: left;
    padding-top: 0.755em;
}
.dataTables_wrapper .dt-buttons {
      float: left;
}
.dataTables_wrapper .dataTables_filter {
      float: right;
}

.tab-content .collapse, .tab-content .collapsing {
  height: 20rem;  /* [NUM_OF_LINES] x [LINE_HEIGHT] */
}

.tab-content .collapse {
  position: relative;  /* For ...'s content absolute positioning */
  display: block;
  overflow: hidden;
}

.tab-content .collapse.show {
  height: auto;  /* You need to reset the height when not collapsed */
}

.tab-content .collapse.show:before {
  display: none;  /* Of course you don't want to display ... */
}

.tab-content a.collapsed:after {
  content: 'Развернуть';
}

.tab-content a:not(.collapsed):after {
  content: 'Свернуть';
}

.fs-200 {
  font-size:200%!important;
}

#oilDataTable.dataTable>tbody>tr>td, #oilDataTable.dataTable>tbody>tr>th, #oilDataTable.dataTable>tfoot>tr>td,
#oilDataTable.dataTable>tfoot>tr>th, #oilDataTable.dataTable>thead>tr>td, #oilDataTable.dataTable>thead>tr>th
{
  padding: 0!important;
}

.swal2-actions {z-index: 0 !important;}



.operations .table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 3px 7px;
    vertical-align: middle;
}



.div-highlight {
   background-color: #DCEDC8;
   line-height: 1.2em;
   border-radius: .25rem!important;
   min-width: 25px;
   margin-right:6px;
}


.ui-sortable-handle{-ms-touch-action:none;touch-action:none}


.table-border-success > td
 {
  border-top: 1px solid #1beb11 !important;
  border-bottom: 1px solid #1beb11 !important;
}

.table-border-success > td:first-child
 {
  border-left: 1px solid #1beb11 !important;
}
.table-border-success > td:last-child
 {
  border-right: 1px solid #1beb11 !important;
}

.popover {
   max-width:420px !important;
}