h2 {
  font-size: 1.4em;
}


.pagination.tablesv3 {
  margin-top: 10px;
  display: flex;
  justify-content: center;
}

.tablesv3-main .form-group.row {
  margin-bottom:15px;
}

.tablesv3-main .form-check {
  margin-right:5px;
}

.pagination.tablesv3 a.disabled, .pagination.tablesv3 .page-item.disabled {
  cursor: no-drop;
}

.tablev3-order_ascending::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0d7";
  position: relative;
  top: -1px;
  margin-left: 7px;
  font-size: 20px;
}

.tablev3-order_descending::after {
  font-family: "Font Awesome 5 Free";
  content: "\f0d8";
  position: relative;
  top: -1px;
  margin-left: 7px;
  font-size: 20px;
}

.tablesv3-main .filter {
  position: relative;
}

.tablesv3-main .filter input[type=search] {
  border: 1px #0000006b solid;
  box-shadow: 0px 0px 3px #00000030;
  border-radius: 3px;
  padding-left: 27px;
}

.tablesv3-main .filter label .fa.fa-search {
  position: absolute;
  transform: translate(3px, -50%);
  top: 50%;
  font-size: 17px !important;
}

.tablesv3-main .filter label {
  margin-bottom:0px;
}

.table-actions {
  display: inline-block;
}

.table-actions.export {
  cursor: pointer;
}

.table-responsive.tablesv3-main .form-row {
  margin-left:0px;
  margin-right:0px;
}

.table-responsive.tablesv3-main .form-row .form-group .form-control {
  max-width:225px;
  margin-right:5px;
}

div.dt-button-collection {
  margin-left: -50px !important;
}

.tx-lms3toolbox .list-wrapper {
  margin: 20px 10px 0 20px;
  padding: 10px;
  position: relative;
  display: block;
}

.tx-lms3toolbox #feedback {
  text-align: center;
  display: none;
}

.tx-lms3toolbox .middle-column-list {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}

.tx-lms3toolbox .droppable-list {
  padding-top: 10px;
  margin-top: 0px;
}

.common-box-class {}

/*
.tx-lms3toolbox .header-wrapper {
    float: left;
    margin: 20px 10px 0 20px;

    width: 100px;
    padding:10px;
    position:relative;
    display:block;
}*/
.tx-lms3toolbox .list-wrapper>div {
  background: #fff;
  border: solid 1px #ccc;
  font-family: Arial, Tahoma, San-Serif;
  padding: 10px;
}

.tx-lms3toolbox .draggable-item {
  z-index: 999;
}

/* end lms3 toolbox rewrite drag and drop category */
.typo3-messages {
  margin: 0;
  padding: 0;
  margin-left: auto;
}

.typo3-messages li {
  list-style: none;
}

.content-box {
  min-height: 12em;
}

.content-box p {
  text-align: left;
}

.panel-body {
  padding: 0.5em;
  margin: 0;
}

.panel-body span {
  margin-top: 0.5em;
}

.panel-border {
  padding: 0.3em;
}

.form-control {
  min-width: 240px;
  width: auto;
}



.no_progress {
  height: 14px;
  overflow: hidden;
}

.navhide {
  display: none !important;
}

.right-course-box {
  height: auto;
  overflow-y: auto;
  overflow-x: hidden;
}

#dropboxLeft, #dropboxRight {
  width: 25%;
  display: inline-block;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

#tx_toolbox_drag_n_drop {
  width: 37.5%;
  display: inline-block;
  text-align: center;
  margin: 0 !important;
  padding: 0 !important;
}

.trash_common, .ui-droppable, .ui-draggable {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  vertical-align: top;
}

#test-tab .panel-body {
  margin-left: 20px;
}

/** Mixed Sentence **/
.sortable-h {
  list-style-type: none;
  margin: 5px;
  padding: 0;
  width: 100%;
}

.sortable-h li {
  float: left;
  font-size: 1em;
  height: 30px;
  margin: 5px 10px 10px 0;
  padding: 0 5px 0 5px;
  text-align: center;
  width: auto;
  min-width: 70px;
  background: #f3f3f3 none repeat scroll 0 0;
  border: 1px solid #c5c5c5;
  color: #454545;
  font-weight: normal;
  cursor: move;
}

/** Drag and Sort **/
.dragged {
  position: absolute;
  opacity: 0.5;
  z-index: 2000;
}

.sortable {
  list-style-type: none;
  cursor: move;
}

.sortable li span {
  margin-left: 5px;
}

.sortable li.placeholder {
  position: relative;
}

.sortable li.placeholder:before {
  position: absolute;
}

/** Drag and Drop to Match Left vs Right **/
.dd-left {
  width: 30%;
  height: auto;
  float: left;
}

.dd-right {
  width: 30%;
  height: auto;
  float: right;
  margin-right: 15%;
}

.draggablediv {
  background-color: #F3F3F3;
  border: 1px solid #aaaaaa;
  margin-top: 15px;
}

.droppablediv {
  border: 1px solid #aaaaaa;
  margin-top: 15px;
  padding: 5px;
}

.droptext {
  margin: 5px;
}

.export-wrap {
  margin-bottom: 20px;
  width: 100%;
}

.tleft {
  width: 40%;
}

.tright {
  width: 60%;
  text-align: right;
}

.report-export {
  margin-top: 20px;
}

.ddmatch .list-group-item {
  left: 0 !important;
  top: 0 !important;
  cursor: move;
}

.center {
  display: block;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

/** Media Css */
@media only screen and (max-width: 320px) {
  .form-control {
    width: 100%;
  }
}

/** JQuery Steps Css **/
#test-tab .panel-body {
  min-height: 12em;
  padding-left: 1em;
}

#tabinfo {
  float: right;
  padding-right: 3em;
  margin-top: -2.5em;
  color: #0096D5;
  font-weight: bold;
  font-size: 1em;
}

.wizard, .tabcontrol {
  display: block;
  width: 100%;
  overflow: hidden;
}

.wizard a, .tabcontrol a {
  outline: 0;
}

.wizard ul, .tabcontrol ul {
  list-style: none !important;
  padding: 0;
  margin: 0;
}

.wizard ul>li, .tabcontrol ul>li {
  display: block;
}

.wizard>.steps .current-info, .tabcontrol>.steps .current-info {
  position: absolute;
  left: -999em;
}

.wizard>.content>.title, .tabcontrol>.content>.title {
  position: absolute;
  left: -999em;
}

.wizard>.steps {
  position: relative;
  display: block;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
}

.wizard.vertical>.steps {
  display: inline;
  float: left;
  width: 30%;
}

.wizard>.steps .number {
  font-size: 1.429em;
}

.wizard>.steps>ul>li {
  width: auto;
}

.wizard>.steps>ul>li, .wizard>.actions>ul>li {
  float: left;
}

.wizard>.steps a, .wizard>.steps a:hover, .wizard>.steps a:active {
  display: block;
  width: auto;
  margin: 0 0.2em 0.1em;
  padding: 0.2em 0.5em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard>.steps .disabled a, .wizard>.steps .disabled a:hover, .wizard>.steps .disabled a:active {
  background: #eee;
  color: #aaa;
  cursor: default;
}

.wizard>.steps .current a, .wizard>.steps .current a:hover, .wizard>.steps .current a:active {
  background: #0096D5;
  color: #fff;
  cursor: default;
}

.wizard>.steps .done a, .wizard>.steps .done a:hover, .wizard>.steps .done a:active {
  background: #9dc8e2;
  color: #fff;
}

.wizard>.steps .error a, .wizard>.steps .error a:hover, .wizard>.steps .error a:active {
  background: #ff3111;
  color: #fff;
}

.wizard>.actions {
  position: relative;
  display: block;
  text-align: right;
  width: 100%;
}

.wizard>.actions>ul {
  display: inline-block;
  text-align: right;
}

.wizard>.actions>ul>li {
  margin: 0 0.5em;
}

.wizard.vertical>.actions>ul>li {
  margin: 0 0 0 1em;
}

.wizard>.actions a, .wizard>.actions a:hover, .wizard>.actions a:active {
  background: #0096D5;
  color: #fff;
  display: block;
  padding: 0.5em 1em;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.wizard>.actions .disabled a, .wizard>.actions .disabled a:hover, .wizard>.actions .disabled a:active {
  background: #eee;
  color: #aaa;
}


.tabcontrol>.steps {
  position: relative;
  display: block;
  width: 100%;
}

.tabcontrol>.steps>ul {
  position: relative;
  margin: 6px 0 0 0;
  top: 1px;
  z-index: 1;
}

.tabcontrol>.steps>ul>li {
  float: left;
  margin: 5px 2px 0 0;
  padding: 1px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tabcontrol>.steps>ul>li:hover {
  background: #edecec;
  border: 1px solid #bbb;
  padding: 0;
}

.tabcontrol>.steps>ul>li.current {
  background: #fff;
  border: 1px solid #bbb;
  border-bottom: 0 none;
  padding: 0 0 1px 0;
  margin-top: 0;
}

.tabcontrol>.steps>ul>li>a {
  color: #5f5f5f;
  display: inline-block;
  border: 0 none;
  margin: 0;
  padding: 10px 30px;
  text-decoration: none;
}

.tabcontrol>.steps>ul>li>a:hover {
  text-decoration: none;
}

.tabcontrol>.steps>ul>li.current>a {
  padding: 15px 30px 10px 30px;
}

.shortcut-menu {
  z-index: 9;
  margin-top: -20px;
}

.shortcut-menu ul li {
  padding: 0;
  background: initial;
}

/*-------------------------------

    POPUP.CSS

-------------------------------*/
.popup_back {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}

.popup_cont {
  position: fixed;
  z-index: 9999;
}

.preloader {
  z-index: 9998;
}

/*---------------------

    EDIT BELOW

*/
.popup_close {
  color: #888;
  cursor: pointer;
  position: absolute;
  padding: 5px;
  right: 5px;
  top: 0;
}

.popup_close:hover {
  color: #111;
}

.popup_back {
  cursor: pointer;
  background-color: #222;
}

div.popup {
  background: #fff;
  padding: 25px;
  box-shadow: 0 3px 10px #222;
}

.preloader {
  left: 50%;
  margin: -10px 0 0 -25px;
  position: fixed;
  top: 50%;
}

.menu {
  display: none;
}

.actions {
  margin-bottom: 15px;
}

.bar {
  background: #23527c;
  padding: 5px;
  border-bottom: 1px solid white;
}

.bar a {
  color: white;
}

/** Previous-Top-Next Menu CSS **/
div.prev_top_nxt {
  float: left;
  height: auto;
  margin-bottom: 15px;
  margin-top: 30px;
  width: 100%;
}

div.prev_top_nxt div.prev_page {
  float: left;
  text-align: left;
  width: 33%;
}

div.prev_top_nxt div.top_page {
  float: left;
  text-align: center;
  width: 33%;
}

div.prev_top_nxt div.nxt_page {
  float: right;
  text-align: right;
  width: 33%;
}

div.prev_top_nxt div.nxt_page a {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-right.png) no-repeat scroll right top;
  color: #000;
  font-size: 16px;
  float: right;
  height: 22px;
  padding-top: 25px;
  text-decoration: none;
}

div.prev_top_nxt div.nxt_page a:hover {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-right.png) no-repeat scroll right top;
  color: #000;
}

div.prev_top_nxt div.top_page a {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-up.svg) no-repeat scroll center top;
  color: #000;
  font-size: 16px;
  float: right;
  height: 23px;
  margin-right: 43%;
  padding-top: 25px;
  text-decoration: none;
  width: auto;
}

div.prev_top_nxt div.top_page a:hover {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-up.svg) no-repeat scroll center top;
  color: #000;
}

div.prev_top_nxt div.prev_page a {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-left.png) no-repeat scroll left top;
  color: #000;
  font-size: 16px;
  float: left;
  height: 22px;
  padding-top: 25px;
  text-decoration: none;
}

div.prev_top_nxt div.prev_page a:hover {
  background: transparent url(../../../../../../typo3conf/ext/lms3courses/Resources/Public/Images/arrow-left.png) no-repeat scroll left top;
  color: #000;
}

/** Redmine-2166 Implementation **/
.panel-feedback {
  display: none;
}

/** STORM NAV BUTTONS **/
@font-face {
  font-family: 'Flaticon';
  src: url('webfont.eot');
  /* IE9 Compat Modes */
  src: url('Fonts/Flaticon.eot?#iefix') format('embedded-opentype'),
    /* IE6-IE8 */
    /*url('webfont.woff2') format('woff2'),  Super Modern Browsers */
    url('Fonts/Flaticon.woff') format('woff'),
    /* Pretty Modern Browsers */
    url('Fonts/Flaticon.ttf') format('truetype'),
    /* Safari, Android, iOS */
    url('Fonts/Flaticon.svg#svgFontName') format('svg');
  /* Legacy iOS */
}

.bottom-nav-wrapper {
  display: block;
  width: 100%;
  float: left;
}

.hex-wrapper {
  position: relative;
  height: 185px;
  width: 350px;
  display: block;
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.hex-left:before {
  content: "<";
  position: absolute;
  font-size: 75px;
  text-align: center;
  left: 30px;
  color: #c0c0c0;
  text-shadow: 0 0 2px #0b0000, 0 0 3px #0b0000;
  z-index: 1;
}

.hex-middle:before {
  content: "<";
  position: absolute;
  font-size: 75px;
  text-align: center;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  left: 36px;
  color: #c0c0c0;
  text-shadow: 0 0 2px #0b0000, 0 0 3px #0b0000;
  z-index: 1;
}

.hex-right:before {
  content: ">";
  position: absolute;
  font-size: 75px;
  text-align: center;
  right: 30px;
  color: #c0c0c0;
  text-shadow: 0 0 2px #0b0000, 0 0 3px #0b0000;
  z-index: 1;
}

.hex-left {
  top: 65px;
  left: -25px;
}

.hex-middle {
  top: 15px;
}

.hex-right {
  top: 65px;
  right: -25px;
}

.font-family {
  font-family: Flaticon;
  Quivira, SunExt-A, FreeSerif, Universalia, unifont;
  color: #1e4088;
}

.hex {
  color: #223660;
  text-shadow: 0 0 0px #f5f5f5, 0 2px 5px #0b0000;
  font-size: 110px;
  line-height: 85px;
  display: inline-block;
  position: relative;
}

.hex a {
  color: inherit;
  text-shadow: inherit;
  text-decoration: none;
}

.hex-link-div {
  position: absolute;
  width: 75px;
  height: 75px;
  z-index: 999;
}

.right-click-area {
  top: 68px;
  right: 52px;
}

.left-click-area {
  top: 68px;
  left: 52px;
}

.middle-click-area {
  top: 21px;
  left: 137px;
}

.flaticon-hexagon:before {
  content: "\f100";
}

.typo3-messages {
  white-space: pre-line;
}

@media (max-width:540px) {
  .btn {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px !important;
  }

  .thumbnail .btn {
    display: inline-block;
  }

  .course-actions {
    text-align: center;
  }
}

@media (min-width:768px) {
  .thumbnail>img {
    display: block;
    width: auto;
    height: 330px;
  }
}

#mySearchInput {
  background-image: url('../Icons/searchicon.png');
  /* Add a search icon to input */
  background-position: 10px 12px;
  /* Position the search icon */
  background-repeat: no-repeat;
  /* Do not repeat the icon image */
  width: 100%;
  /* Full-width */
  font-size: 16px;
  /* Increase font-size */
  padding: 12px 20px 12px 40px;
  /* Add some padding */
  border: 1px solid #ddd;
  /* Add a grey border */
  margin-bottom: 12px;
  /* Add some space below the input */
}

/**END STORM NAV BUTTONS **/
//
// Colour customisation
//
// `!default` allows overriding variables that are defined before @import
//
// Border between the header (and footer) and the table body
$table-header-border: 1px solid #1e4088 !default;
// Border of rows / cells
$table-body-border: 0px solid #dddddd !default;
// Row background colour (hover, striping etc are all based on this colour and
// calculated automatically)
$table-row-background: #ffffff !default;
// Row colour, when selected (tr.selected)
$table-row-selected: #000000 !default;
// Text colour of the interaction control elements (info, filter, paging etc)
$table-control-color: #333333 !default;
// Highlight colour of the paging button for the current page
$table-paging-button-active: #1e4088 !default;
// Hover colour of paging buttons on mouse over
$table-paging-button-hover: #0099da !default;
// Colour to use when shading
$table-shade: black !default;
// jQuery UI stylesheet imports this one - there are just two places where we
// don't want DataTabels default styles assigned for jQuery UI, so rather than
// duplicating the whole file, this is the best option
$jqueryui: false !default;

//
// Functions / mixins
//
@function tint($color, $percent) {
  @return mix(white, $color, $percent);
}

@function shade($color, $percent) {
  @return mix($table-shade, $color, $percent);
}

@mixin gradient($from, $to) {
  background-color: $from;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, $from), color-stop(100%, $to));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, $from 0%, $to 100%);
  /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, $from 0%, $to 100%);
  /* FF3.6+ */
  background: -ms-linear-gradient(top, $from 0%, $to 100%);
  /* IE10+ */
  background: -o-linear-gradient(top, $from 0%, $to 100%);
  /* Opera 11.10+ */
  background: linear-gradient(to bottom, $from 0%, $to 100%);
  /* W3C */
}

/*
 * Table styles
 */
table.dataTable {
  width: 100%;
  margin: 0 auto;
  clear: both;
  border-collapse: separate;
  border-spacing: 0;
  }

  // Stripe classes - add "row-border" class to the table to activate
  &.row-border tbody,
  &.display tbody {
    th, td {
      border-top: $table-body-border;
    }

    tr:first-child th,
    tr:first-child td {
      border-top: none;
    }
  }

  // Stripe classes - add "cell-border" class to the table to activate
  &.cell-border tbody {
    th, td {
      border-top: $table-body-border;
      border-right: $table-body-border;
    }

    tr th:first-child,
    tr td:first-child {
      border-left: $table-body-border;
    }

    tr:first-child th,
    tr:first-child td {
      border-top: none;
    }
  }

  // Stripe classes - add "stripe" class to the table to activate
  &.stripe tbody,
  &.display tbody {
    tr.odd {
      background-color: shade($table-row-background, 2.35%); // shade by f9

      &.selected {
        background-color: shade($table-row-selected, 2.35%);
      }
    }
  }

  // Hover classes - add "hover" class to the table to activate
  &.hover tbody,
  &.display tbody {
    tr:hover {
      background-color: shade($table-row-background, 3.6%); // shade by f5

      &.selected {
        background-color: shade($table-row-selected, 3.6%);
      }
    }
  }

  // Sort column highlighting - add "order-column" class to the table to activate
  &.order-column,
  &.display {
    tbody {

      tr>.sorting_1,
      tr>.sorting_2,
      tr>.sorting_3 {
        background-color: shade($table-row-background, 2%); // shade by fa
      }

      tr.selected>.sorting_1,
      tr.selected>.sorting_2,
      tr.selected>.sorting_3 {
        background-color: shade($table-row-selected, 2%);
      }
    }
  }

  &.display tbody,
  &.order-column.stripe tbody {
    tr.odd {
      >.sorting_1 {
        background-color: shade($table-row-background, 5.4%);
      }

      // shade by f1
      >.sorting_2 {
        background-color: shade($table-row-background, 4.7%);
      }

      // shade by f3
      >.sorting_3 {
        background-color: shade($table-row-background, 3.9%);
      }

      // shade by f5
      &.selected {
        >.sorting_1 {
          background-color: shade($table-row-selected, 5.4%);
        }

        >.sorting_2 {
          background-color: shade($table-row-selected, 4.7%);
        }

        >.sorting_3 {
          background-color: shade($table-row-selected, 3.9%);
        }
      }
    }

    tr.even {
      >.sorting_1 {
        background-color: shade($table-row-background, 2%);
      }

      // shade by fa
      >.sorting_2 {
        background-color: shade($table-row-background, 1.2%);
      }

      // shade by fc
      >.sorting_3 {
        background-color: shade($table-row-background, 0.4%);
      }

      // shade by fe
      &.selected {
        >.sorting_1 {
          background-color: shade($table-row-selected, 2%);
        }

        >.sorting_2 {
          background-color: shade($table-row-selected, 1.2%);
        }

        >.sorting_3 {
          background-color: shade($table-row-selected, 0.4%);
        }
      }
    }
  }

  &.display tbody,
  &.order-column.hover tbody {
    tr:hover {
      >.sorting_1 {
        background-color: shade($table-row-background, 8.2%);
      }

      // shade by ea
      >.sorting_2 {
        background-color: shade($table-row-background, 7.5%);
      }

      // shade by ec
      >.sorting_3 {
        background-color: shade($table-row-background, 6.3%);
      }

      // shade by ef
      &.selected {
        >.sorting_1 {
          background-color: shade($table-row-selected, 8.2%);
        }

        >.sorting_2 {
          background-color: shade($table-row-selected, 7.5%);
        }

        >.sorting_3 {
          background-color: shade($table-row-selected, 6.3%);
        }
      }
    }
  }

  &.no-footer {
    border-bottom: $table-header-border;
  }

  &.nowrap {
    th, td {
      white-space: nowrap;
    }
  }

  &.compact {

    thead th,
    thead td {
      padding: 4px 17px 4px 4px;
    }

    tfoot th,
    tfoot td {
      padding: 4px;
    }

    tbody th,
    tbody td {
      padding: 4px;
    }
  }

  // Typography
  th.dt-left,
  td.dt-left {
    text-align: left;
  }

  th.dt-center,
  td.dt-center,
  td.dataTables_empty {
    text-align: center;
  }

  th.dt-right,
  td.dt-right {
    text-align: right;
  }

  th.dt-justify,
  td.dt-justify {
    text-align: justify;
  }

  th.dt-nowrap,
  td.dt-nowrap {
    white-space: nowrap;
  }

  thead,
  tfoot {

    th.dt-head-left,
    td.dt-head-left {
      text-align: left;
    }

    th.dt-head-center,
    td.dt-head-center {
      text-align: center;
    }

    th.dt-head-right,
    td.dt-head-right {
      text-align: right;
    }

    th.dt-head-justify,
    td.dt-head-justify {
      text-align: justify;
    }

    th.dt-head-nowrap,
    td.dt-head-nowrap {
      white-space: nowrap;
    }
  }

  tbody {

    th.dt-body-left,
    td.dt-body-left {
      text-align: left;
    }

    th.dt-body-center,
    td.dt-body-center {
      text-align: center;
    }

    th.dt-body-right,
    td.dt-body-right {
      text-align: right;
    }

    th.dt-body-justify,
    td.dt-body-justify {
      text-align: justify;
    }

    th.dt-body-nowrap,
    td.dt-body-nowrap {
      white-space: nowrap;
    }
  }
}

// Its not uncommon to use * {border-box} now, but it messes up the column width
// calculations, so use content-box for the table and cells
table.dataTable,
table.dataTable th,
table.dataTable td {
  box-sizing: content-box;
}


.dataTables_filter {
  width: 250px;
  float: left;
  position: relative;
}

.dataTables_filter label {
  position: relative;
}

/*.dataTables_filter input {
  padding: 1px 25px 1px 5px;
}*/
.dataTables_filter i {
  position: relative;
  left: 205px;
  /*padding: 7px 0px 0px 38px;*/
}

/*
.table-responsive {
  overflow:initial;
}*/
.dt-buttons-override {
  display: inline-block;
  float: none;
  margin: 0;
  padding: 0;
}

.dt-buttons-override button.dt-button, div.dt-button, a.dt-button {
  padding: 0px !important;
  margin: 0px !important;
  font-size: inherit !important;
  line-height: inherit !important;
}

.dt-buttons-override div.dt-button-collection {
  width: auto !important;
}

.dt-buttons-override .dt-button {
  background-image: none !important;
  background-color: transparent !important;
  border: none !important;
}

.dt-buttons-override .dt-button:hover {
  color: #0099DA;
}

.dt-buttons-override .dt-button-background {}

.dt-buttons-override div.dt-button-collection {
  z-index: 2007 !important;
}

.dt-buttons-override div.dt-buttons {
  float: none;
}

#report-data {
  table-layout: fixed;
}

.table-responsive {
  border: none;
}

.table-responsive table tfoot select {
  max-width: 100%;
}