BOOTSTRAP TABLE

<h10>Class Chart</h10>
 <div class="fresh-table full-color-red">
  <!--
    Available colors for the full background: full-color-blue, full-color-azure, full-color-green, full-color-red, full-color-orange
    Available colors only for the toolbar: toolbar-color-blue, toolbar-color-azure, toolbar-color-green, toolbar-color-red, toolbar-color-orange
  -->

  <div class="toolbar">
    <button id="alertBtn" class="btn btn-default">Alert</button>
  </div>

  <table id="fresh-table" class="table">
    <thead>
      <th data-field="name">Class Name</th>
      <th data-field="section">Section</th>
   
      <th data-field="actions" data-formatter="operateFormatter" data-events="operateEvents">Actions</th>
    </thead>
    <tbody>
      <% @mystreams.each do |mystream| %>
      <tr>
        <td><%=mystream.name%></td>
        <td><%=mystream.dept%></td>
        <td><%= link_to 'Edit', edit_mystream_path(mystream) %></td>
      </tr>
     <% end %>
    </tbody>
  </table>
</div>

<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.4.1/js/bootstrap.min.js"></script>
<script src="https://unpkg.com/bootstrap-table/dist/bootstrap-table.min.js"></script>

<script type="text/javascript">
  var $table = $('#fresh-table')
  var $alertBtn = $('#alertBtn')

  window.operateEvents = {
    'click .like': function (e, value, row, index) {
      alert('You click like icon, row: ' + JSON.stringify(row))
      console.log(value, row, index)
    },
    'click .edit': function (e, value, row, index) {
      alert('You click edit icon, row: ' + JSON.stringify(row))
      console.log(value, row, index)
    },
    'click .remove': function (e, value, row, index) {
      $table.bootstrapTable('remove', {
        field: 'id',
        values: [row.id]
      })
    }
  }

  function operateFormatter(value, row, index) {
    return [
      '<a rel="tooltip" title="Like" class="table-action like" href="javascript:void(0)" title="Like">',
        '<i class="fa fa-heart"></i>',
      '</a>',
      '<a rel="tooltip" title="Edit" class="table-action edit" href="javascript:void(0)" title="Edit">',
        '<i class="fa fa-edit"></i>',
      '</a>',
      '<a rel="tooltip" title="Remove" class="table-action remove" href="javascript:void(0)" title="Remove">',
        '<i class="fa fa-remove"></i>',
      '</a>'
    ].join('')
  }

  $(function () {
    $table.bootstrapTable({
      classes: 'table table-hover table-striped',
      toolbar: '.toolbar',

      search: true,
      showRefresh: true,
      showToggle: true,
      showColumns: true,
      pagination: true,
      striped: true,
      sortable: true,
      pageSize: 8,
      pageList: [6, 8, 10, 25, 50, 100],

      formatShowingRows: function (pageFrom, pageTo, totalRows) {
        return ''
      },
      formatRecordsPerPage: function (pageNumber) {
        return pageNumber + ' rows visible'
      }
    })
  })

</script>

<style type="text/css">
  body{
    background: blue; /* Old browsers */
    background: url('../img/bg.jpg');
    background-size: cover;
    height: 100vh;

    background-attachment: fixed;
    background-size: 100% 100%;

}

.fresh-table{
    margin-top: 45px;
    box-shadow: -15px 27px 69px rgba(0,0,0,.30);
    margin-bottom: 50px;
}
.fresh-table.full-screen-table{
    margin-top: 0;
}

.description{
    margin-top: 60px;
    text-align: center;
}
.description-footer{
    margin-bottom: 20px;
}

.ct-heart{
    color: #F74933;
}
.description-footer p{
    text-align: center;
    color: #eeeeee;
    margin-top: 100px;
}
.description-footer a{
    color: #FFFFFF;
}

.description-footer .social-area{
    margin: 0 auto;
}
.description-footer > div{
    display: inline-block;
}

h2{
    font-size: 28px;
}
h1{
    font-size: 38px;
}
h1 small{
   color: #EEE;
}
/*          For demo purpose         */


.fixed-plugin{
    position: absolute;
    top: 150px;
    right: 0;
    width: 64px;
    background: rgba(0,0,0,.3);
    z-index: 1031;
    border-radius: 8px 0 0 8px;
    text-align: center;
}
.fixed-plugin .fa-cog{
    color: #FFFFFF;
    padding: 10px;
    border-radius: 0 0 6px 6px;
}
.fixed-plugin .dropdown-menu{
    right: 80px;
    left: auto;
    width: 260px;
    border-radius: 10px;
}
.fixed-plugin .dropdown-menu:after, .fixed-plugin .dropdown-menu:before{
    right: 10px;
    margin-left: auto;
    left: auto;
}
.fixed-plugin .fa-circle-thin{
    color: #FFFFFF;
}
.fixed-plugin .active .fa-circle-thin{
    color: #00bbff;
}

.footer-dropdown{
  top: -120px !important;
}

.footer-dropdown:before, .footer-dropdown:after{
  top: 300px !important;
}

.fixed-plugin .dropdown-menu > .active > a,
.fixed-plugin .dropdown-menu > .active > a:hover,
.fixed-plugin .dropdown-menu > .active > a:focus{
    color: #777777;
    text-align: center;
}

.fixed-plugin img{
    border-radius: 6px;
    width: 230px;
    max-height: 175px;
    margin: 0 auto;
}

.fixed-plugin .btn:hover{
    color: #FFFFFF;
}
.fixed-plugin .badge{
    border: 3px solid #FFFFFF;
    border-radius: 50%;
    cursor: pointer;
    display: inline-block;
    height: 23px;
    margin-right: 5px;
    position: relative;
    width: 23px;
}
.fixed-plugin .badge.active,
.fixed-plugin .badge:hover{
    border-color: #00bbff;
}


.fixed-plugin h5{
    font-size: 14px;
    margin: 10px;
}
.fixed-plugin .dropdown-menu li{
    display: block;
    padding: 5px 10px;
}

.fixed-plugin li.adjustments-line,
.fixed-plugin li.header-title{
    width: 100%;
    height: 50px;
    min-height: inherit;
}

.fixed-plugin li.header-title{
    height: 30px;
    line-height: 40px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    padding: 0 15px;
}

.fixed-plugin .adjustments-line p{
    float: left;
    display: inline-block;
    margin-bottom: 0;
    font-size: 1em;
}
.fixed-plugin .adjustments-line .switch{
    float: right;
}
.fixed-plugin .dropdown-menu > li.adjustments-line > a{
      padding-right: 0;
      padding-left: 0;
      border-bottom: 1px solid #ddd;
      margin-left: 10px;
      margin-right: 10px;
}
.fixed-plugin .dropdown-menu > li > a.img-holder{
      font-size: 16px;
      text-align: center;
      border-radius: 10px;
      background-color: #FFF;
      border: 1px solid #e4e4e4;
      padding-left: 0;
      padding-right: 0;
      opacity: 1;
      cursor: pointer;
}

.fixed-plugin .dropdown-menu > li > a.switch-trigger:hover,
.fixed-plugin .dropdown-menu > li > a.switch-trigger:focus{
    background-color: transparent;
}
.fixed-plugin .dropdown-menu > .active > a.img-holder,
.fixed-plugin .dropdown-menu > .active > a.img-holder{
    border-color: #00bbff;
    background-color: #FFFFFF;
}

.fixed-plugin .dropdown-menu > li > a img{
    margin-top: auto;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus{
    opacity: 1;
}


/* ============================================================
 * bootstrapSwitch v1.3 by Larentis Mattia @spiritualGuru
 * http://www.larentis.eu/switch/
 * ============================================================
 * Licensed under the Apache License, Version 2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 * ============================================================ */

.has-switch {
  border-radius: 30px;
  cursor: pointer;
  display: inline-block;
  line-height: 1.72222;
  overflow: hidden;
  position: relative;
  text-align: left;
  width: 60px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  /*   this code is for fixing safari bug with hidden overflow for border-radius   */
  -webkit-mask: url("../img/mask.png") 0 0 no-repeat;
  -webkit-mask-size: 60px 24px;
  mask: url("../img/mask.png") 0 0 no-repeat;
}

.has-switch.deactivate {
  opacity: 0.5;
  filter: alpha(opacity=50);
  cursor: default !important;
}

.has-switch.deactivate label,
.has-switch.deactivate span {
  cursor: default !important;
}

.has-switch > div {
  position: relative;
  top: 0;
  width: 100px;
}

.has-switch > div.switch-animate {
  -webkit-transition: left 0.25s ease-out;
  transition: left 0.25s ease-out;
}

.has-switch > div.switch-off {
  left: -35px;
}

.has-switch > div.switch-on {
  left: 0;
}

.has-switch > div label {
  background-color: #FFFFFF;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #f1f1f2));
  background: -webkit-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -o-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: -ms-linear-gradient(top, white 0%, #f1f1f2 100%);
  background: linear-gradient(to bottom, white 0%, #f1f1f2 100%);
  box-shadow: 0 1px 1px #FFFFFF inset, 0 1px 1px rgba(0, 0, 0, 0.25);
  cursor: pointer;
}

.has-switch input[type=checkbox] {
  display: none;
}

.has-switch span {
  /*     box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset; */
  cursor: pointer;
  float: left;
  font-size: 11px;
  font-weight: bold;
  height: 24px;
  line-height: 15px;
  margin: 0;
  padding-bottom: 6px;
  padding-top: 5px;
  position: relative;
  text-align: center;
  text-indent: -10px;
  width: 50%;
  z-index: 1;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.has-switch span.switch-left {
  background-color: #2CA8FF;
  border-left: 1px solid transparent;
  border-radius: 30px 0 0 30px;
  color: #FFFFFF;
}

.has-switch .switch-off span.switch-left {
  background-color: #DDDDDD;
}

.has-switch span.switch-right {
  border-radius: 0 30px 30px 0;
  background-color: #2CA8FF;
  color: #ffffff;
  text-indent: 1px;
}

.has-switch .switch-off span.switch-right {
  background-color: #DDDDDD;
}

.has-switch label {
  border-radius: 12px;
  float: left;
  height: 22px;
  margin: 1px -13px;
  padding: 0;
  position: relative;
  transition: all 0.25s ease-out 0s;
  vertical-align: middle;
  width: 22px;
  z-index: 100;
  -webkit-transition: 0.25s ease-out;
  transition: 0.25s ease-out;
}

.has-switch .switch-on .fa-check:before {
  margin-left: 10px;
}

.has-switch:hover .switch-on label {
  margin: 1px -17px;
  width: 26px;
}

.has-switch:hover .switch-off label {
  margin: 1px -13px;
  width: 26px;
}


.logo-container{
    left: 50px;
    position: absolute;
    top: 20px;
     z-index: 3;
}
.logo-container.full-screen-table-demo{
    left: 13px;
    top: 10px;
}

.logo-container .logo{
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #333333;
    width: 60px;
    float: left;
}
.logo-container .brand{
    font-size: 18px;
    color: #FFFFFF;
    line-height: 20px;
    font-family: "Helvetica Neue",Helvetica,Arial, sans-serif;
    float: left;
    margin-left: 10px;
    margin-top: 10px;
    width: 60px
}



@media (min-width: 768px){
    .fixed-plugin .dropdown .dropdown-menu{
         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);
         opacity: 0;

         transform-origin: 0 0;
    }
    .fixed-plugin .dropdown.open .dropdown-menu{
         opacity: 1;

         -webkit-transform: translateY(-50%);
         -moz-transform: translateY(-50%);
         -o-transform: translateY(-50%);
         -ms-transform: translateY(-50%);
         transform: translateY(-50%);

         transform-origin: 0 0;
    }

    .fixed-plugin .dropdown-menu:before,
    .fixed-plugin .dropdown-menu:after{
        content: "";
        display: inline-block;
        position: absolute;
        top: 50%;
        width: 16px;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);

    }
    .fixed-plugin .dropdown-menu:before{
        border-bottom: 16px solid rgba(0, 0, 0, 0);
        border-left: 16px solid rgba(0,0,0,0.2);
        border-top: 16px solid rgba(0,0,0,0);
        right: -16px;
    }

    .fixed-plugin .dropdown-menu:after{
        border-bottom: 16px solid rgba(0, 0, 0, 0);
        border-left: 16px solid #FFFFFF;
        border-top: 16px solid rgba(0,0,0,0);
        right: -15px;
    }

}

@media (max-width: 767px){
    .fixed-plugin .dropdown-menu{
        right: 60px;
        width: 220px;
    }
    .fixed-plugin .dropdown-menu li{
        width: 100%;
    }
    .fixed-plugin .adjustments-line .switch{
        float: left;
        margin: 0 10px;
    }
    .fixed-plugin li.adjustments-line{
        height: 80px;
    }
    .fixed-plugin .dropdown .dropdown-menu{
        top: -100px;
    }
    .fixed-plugin{
        top: 80px;
        right: 0px;
    }

    fixed-plugin img {
        max-width: 190px
    }

    .description {
        margin-top: 130px;
    }
}
@charset "UTF-8";
/*
    Fresh Bootstrap Table redesign by Creative Tim
    http://www.creative-tim.com
    @CreativeTim

*/
.bootstrap-table .fixed-table-toolbar::after {
  content: "";
  display: block;
  clear: both;
}
.bootstrap-table .fixed-table-toolbar .bs-bars,
.bootstrap-table .fixed-table-toolbar .search,
.bootstrap-table .fixed-table-toolbar .columns {
  position: relative;
  margin-top: 10px;
  margin-bottom: 10px;
}
.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group {
  display: inline-block;
  margin-left: -1px !important;
}
.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group > .btn {
  border-radius: 0;
}
.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:first-child > .btn {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bootstrap-table .fixed-table-toolbar .columns .btn-group > .btn-group:last-child > .btn {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bootstrap-table .fixed-table-toolbar .columns .dropdown-menu {
  text-align: left;
  max-height: 300px;
  overflow: auto;
  -ms-overflow-style: scrollbar;
  z-index: 1001;
}
.bootstrap-table .fixed-table-toolbar .columns label {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.428571429;
}
.bootstrap-table .fixed-table-toolbar .columns-left {
  margin-right: 5px;
}
.bootstrap-table .fixed-table-toolbar .columns-right {
  margin-left: 5px;
}
.bootstrap-table .fixed-table-toolbar .pull-right .dropdown-menu {
  right: 0;
  left: auto;
}
.bootstrap-table .fixed-table-container {
  position: relative;
  clear: both;
}
.bootstrap-table .fixed-table-container .table {
  width: 100%;
  margin-bottom: 0 !important;
}
.bootstrap-table .fixed-table-container .table th,
.bootstrap-table .fixed-table-container .table td {
  vertical-align: middle;
  box-sizing: border-box;
}
.bootstrap-table .fixed-table-container .table thead th {
  vertical-align: bottom;
  padding: 0;
  margin: 0;
}
.bootstrap-table .fixed-table-container .table thead th:focus {
  outline: 0 solid transparent;
}
.bootstrap-table .fixed-table-container .table thead th.detail {
  width: 30px;
}
.bootstrap-table .fixed-table-container .table thead th .th-inner {
  padding: 0.75rem;
  vertical-align: bottom;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.bootstrap-table .fixed-table-container .table thead th .sortable {
  cursor: pointer;
  background-position: right;
  background-repeat: no-repeat;
  padding-right: 30px;
}
.bootstrap-table .fixed-table-container .table thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAAkElEQVQoz7X QMQ5AQBCF4dWQSJxC5wwax1Cq1e7BAdxD5SL+Tq/QCM1oNiJidwox0355mXnG/DrEtIQ6azioNZQxI0ykPhTQIwhCR+BmBYtlK7kLJYwWCcJA9M4qdrZrd8pPjZWPtOqdRQy320YSV17OatFC4euts6z39GYMKRPCTKY9UnPQ6P+GtMRfGtPnBCiqhAeJPmkqAAAAAElFTkSuQmCC");
}
.bootstrap-table .fixed-table-container .table thead th .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZ0lEQVQ4y2NgGLKgquEuFxBPAGI2ahhWCsS/gDibUoO0gPgxEP8H4ttArEyuQYxAPBdqEAxPBImTY5gjEL9DM+wTENuQahAvEO9DMwiGdwAxOymGJQLxTyD+jgWDxCMZRsEoGAVoAADeemwtPcZI2wAAAABJRU5ErkJggg==");
}
.bootstrap-table .fixed-table-container .table thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAAZUlEQVQ4y2NgGAWjYBSggaqGu5FA/BOIv2PBIPFEUgxjB+IdQPwfC94HxLykus4GiD+hGfQOiB3J8SojEE9EM2wuSJzcsFMG4ttQgx4DsRalkZENxL+AuJQaMcsGxBOAmGvopk8AVz1sLZgg0bsAAAAASUVORK5CYII= ");
}
.bootstrap-table .fixed-table-container .table tbody tr.selected td {
  background-color: rgba(0, 0, 0, 0.075);
}
.bootstrap-table .fixed-table-container .table tbody tr.no-records-found {
  text-align: center;
}
.bootstrap-table .fixed-table-container .table tbody tr .card-view {
  display: flex;
}
.bootstrap-table .fixed-table-container .table tbody tr .card-view .card-view-title {
  font-weight: bold;
  display: inline-block;
  min-width: 30%;
  text-align: left !important;
}
.bootstrap-table .fixed-table-container .table .bs-checkbox {
  text-align: center;
}
.bootstrap-table .fixed-table-container .table .bs-checkbox label {
  margin-bottom: 0;
}
.bootstrap-table .fixed-table-container .table input[type=radio],
.bootstrap-table .fixed-table-container .table input[type=checkbox] {
  margin: 0 auto !important;
}
.bootstrap-table .fixed-table-container .table.table-sm .th-inner {
  padding: 0.3rem;
}
.bootstrap-table .fixed-table-container.fixed-height:not(.has-footer) {
  border-bottom: 1px solid #dee2e6;
}
.bootstrap-table .fixed-table-container.fixed-height.has-card-view {
  border-top: 1px solid #dee2e6;
  border-bottom: 1px solid #dee2e6;
}
.bootstrap-table .fixed-table-container.fixed-height .fixed-table-border {
  border-left: 1px solid #dee2e6;
  border-right: 1px solid #dee2e6;
}
.bootstrap-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: 1px solid #dee2e6;
}
.bootstrap-table .fixed-table-container.fixed-height .table-dark thead th {
  border-bottom: 1px solid #32383e;
}
.bootstrap-table .fixed-table-container .fixed-table-header {
  overflow: hidden;
}
.bootstrap-table .fixed-table-container .fixed-table-body {
  overflow-x: auto;
  overflow-y: auto;
  height: 100%;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading {
  align-items: center;
  background: #fff;
  display: none;
  justify-content: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap {
  align-items: baseline;
  display: flex;
  justify-content: center;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .loading-text {
  font-size: 2rem;
  margin-right: 6px;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap {
  align-items: center;
  display: flex;
  justify-content: center;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::before {
  content: "";
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-name: LOADING;
  background: #212529;
  border-radius: 50%;
  display: block;
  height: 5px;
  margin: 0 4px;
  opacity: 0;
  width: 5px;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-dot {
  animation-delay: 0.3s;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading .loading-wrap .animation-wrap::after {
  animation-delay: 0.6s;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark {
  background: #212529;
}
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-dot,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::after,
.bootstrap-table .fixed-table-container .fixed-table-body .fixed-table-loading.table-dark .animation-wrap::before {
  background: #fff;
}
.bootstrap-table .fixed-table-container .fixed-table-footer {
  overflow: hidden;
}
.bootstrap-table .fixed-table-pagination::after {
  content: "";
  display: block;
  clear: both;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail,
.bootstrap-table .fixed-table-pagination > .pagination {
  margin-top: 10px;
  margin-bottom: 10px;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail .pagination-info {
  line-height: 34px;
  margin-right: 5px;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list {
  display: inline-block;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.bootstrap-table .fixed-table-pagination > .pagination-detail .page-list .btn-group .dropdown-menu {
  margin-bottom: 0;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination {
  margin: 0;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination a {
  padding: 6px 12px;
  line-height: 1.428571429;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a {
  color: #c8c8c8;
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::before {
  content: "⬅";
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.page-intermediate a::after {
  content: "➡";
}
.bootstrap-table .fixed-table-pagination > .pagination ul.pagination li.disabled a {
  pointer-events: none;
  cursor: default;
}
.bootstrap-table.fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1050;
  width: 100% !important;
  background: #fff;
  height: calc(100vh);
  overflow-y: scroll;
}

/* calculate scrollbar width */
div.fixed-table-scroll-inner {
  width: 100%;
  height: 200px;
}

div.fixed-table-scroll-outer {
  top: 0;
  left: 0;
  visibility: hidden;
  width: 200px;
  height: 150px;
  overflow: hidden;
}

@keyframes LOADING {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/*           Font Smoothing      */
body {
  font-family: "Roboto", "Helvetica Neue", "Open Sans", Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, .navbar, .brand, .btn, a, .td-name, td, .form-control, label {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "Roboto", "Helvetica Neue", "Open Sans", Arial, sans-serif;
}

h1, .h1, h2, .h2, h3, .h3, h4, .h4 {
  font-weight: 400;
  margin: 30px 0 15px;
}

h1, .h1 {
  font-size: 52px;
}

h2, .h2 {
  font-size: 36px;
}

h3, .h3 {
  font-size: 28px;
  margin: 20px 0 10px;
}

h4, .h4 {
  font-size: 22px;
  line-height: 30px;
}

h5, .h5 {
  font-size: 18px;
  margin-bottom: 15px;
}

h6, .h6 {
  font-size: 14px;
  font-weight: 600;
  text-transform: uppercase;
}

p {
  font-size: 16px;
  line-height: 1.5;
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
  color: #9A9A9A;
  font-weight: 300;
  line-height: 1.5;
}

h1 small, h2 small, h3 small, h1 .small, h2 .small, h3 .small {
  font-size: 60%;
}

h1 .subtitle {
  display: block;
  font-family: "Grand Hotel", cursive;
  margin: 0 0 30px;
}

.text-primary, .text-primary:hover {
  color: #1D62F0 !important;
}

.text-info, .text-info:hover {
  color: #109CFF !important;
}

.text-success, .text-success:hover {
  color: #0C9C14 !important;
}

.text-warning, .text-warning:hover {
  color: #ED8D00 !important;
}

.text-danger, .text-danger:hover {
  color: #EE2D20 !important;
}

/*     General overwrite     */
.freshbt-unique-ct {
  display: block;
  padding: 10px;
  margin-top: auto;
}

a {
  color: #2CA8FF;
}
a:hover, a:focus {
  color: #109CFF;
  text-decoration: none;
}

a:focus, a:active,
button::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
select::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
  outline: 0 !important;
}

.ui-slider-handle:focus,
.navbar-toggle {
  outline: 0 !important;
}

/*           Animations              */
.form-control,
.input-group-addon,
.tagsinput,
.navbar,
.navbar .alert {
  -webkit-transition: all 300ms linear;
  -moz-transition: all 300ms linear;
  -o-transition: all 300ms linear;
  -ms-transition: all 300ms linear;
  transition: all 300ms linear;
}

.tagsinput .tag,
.tagsinput-remove-link,
.filter,
.btn-hover,
[data-toggle=collapse] i,
.btn,
.pagination > li > a,
.pagination > li > span {
  -webkit-transition: all 100ms linear;
  -moz-transition: all 100ms linear;
  -o-transition: all 100ms linear;
  -ms-transition: all 100ms linear;
  transition: all 100ms linear;
}

.btn-morphing .fa,
.btn-morphing .circle,
.gsdk-collapse {
  -webkit-transition: all 370ms linear;
  -moz-transition: all 370ms linear;
  -o-transition: all 370ms linear;
  -ms-transition: all 370ms linear;
  transition: all 370ms linear;
}

.fa {
  text-align: center;
}

.margin-top {
  margin-top: 50px;
}

.btn {
  border-width: 2px;
  background-color: transparent;
  font-weight: 600;
  opacity: 0.7;
  filter: alpha(opacity=70);
  padding: 8px 16px;
  border-color: #AAAAAA;
  color: #AAAAAA;
}
.btn:hover, .btn:focus, .btn:active, .btn.active, .open > .btn.dropdown-toggle {
  background-color: transparent;
  color: #898989;
  border-color: #898989;
}
.btn.disabled, .btn.disabled:hover, .btn.disabled:focus, .btn.disabled.focus, .btn.disabled:active, .btn.disabled.active, .btn:disabled, .btn:disabled:hover, .btn:disabled:focus, .btn:disabled.focus, .btn:disabled:active, .btn:disabled.active, .btn[disabled], .btn[disabled]:hover, .btn[disabled]:focus, .btn[disabled].focus, .btn[disabled]:active, .btn[disabled].active, fieldset[disabled] .btn, fieldset[disabled] .btn:hover, fieldset[disabled] .btn:focus, fieldset[disabled] .btn.focus, fieldset[disabled] .btn:active, fieldset[disabled] .btn.active {
  background-color: transparent;
  border-color: #AAAAAA;
}
.btn.btn-fill {
  color: #FFFFFF;
  background-color: #AAAAAA;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn.btn-fill:hover, .btn.btn-fill:focus, .btn.btn-fill:active, .btn.btn-fill.active, .open > .btn.btn-fill.dropdown-toggle {
  background-color: #898989;
  color: #FFFFFF;
}
.btn.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn .caret {
  border-top-color: #AAAAAA;
}
.btn:hover, .btn:focus {
  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;
}
.btn:active, .btn.active, .open > .btn.dropdown-toggle {
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0 !important;
}
.btn.btn-icon {
  padding: 8px;
}

.btn-primary {
  border-color: #3472F7;
  color: #3472F7;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .btn-primary.dropdown-toggle {
  background-color: transparent;
  color: #1D62F0;
  border-color: #1D62F0;
}
.btn-primary.disabled, .btn-primary.disabled:hover, .btn-primary.disabled:focus, .btn-primary.disabled.focus, .btn-primary.disabled:active, .btn-primary.disabled.active, .btn-primary:disabled, .btn-primary:disabled:hover, .btn-primary:disabled:focus, .btn-primary:disabled.focus, .btn-primary:disabled:active, .btn-primary:disabled.active, .btn-primary[disabled], .btn-primary[disabled]:hover, .btn-primary[disabled]:focus, .btn-primary[disabled].focus, .btn-primary[disabled]:active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary, fieldset[disabled] .btn-primary:hover, fieldset[disabled] .btn-primary:focus, fieldset[disabled] .btn-primary.focus, fieldset[disabled] .btn-primary:active, fieldset[disabled] .btn-primary.active {
  background-color: transparent;
  border-color: #3472F7;
}
.btn-primary.btn-fill {
  color: #FFFFFF;
  background-color: #3472F7;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-primary.btn-fill:hover, .btn-primary.btn-fill:focus, .btn-primary.btn-fill:active, .btn-primary.btn-fill.active, .open > .btn-primary.btn-fill.dropdown-toggle {
  background-color: #1D62F0;
  color: #FFFFFF;
}
.btn-primary.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-primary .caret {
  border-top-color: #3472F7;
}

.btn-success {
  border-color: #05AE0E;
  color: #05AE0E;
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open > .btn-success.dropdown-toggle {
  background-color: transparent;
  color: #049F0C;
  border-color: #049F0C;
}
.btn-success.disabled, .btn-success.disabled:hover, .btn-success.disabled:focus, .btn-success.disabled.focus, .btn-success.disabled:active, .btn-success.disabled.active, .btn-success:disabled, .btn-success:disabled:hover, .btn-success:disabled:focus, .btn-success:disabled.focus, .btn-success:disabled:active, .btn-success:disabled.active, .btn-success[disabled], .btn-success[disabled]:hover, .btn-success[disabled]:focus, .btn-success[disabled].focus, .btn-success[disabled]:active, .btn-success[disabled].active, fieldset[disabled] .btn-success, fieldset[disabled] .btn-success:hover, fieldset[disabled] .btn-success:focus, fieldset[disabled] .btn-success.focus, fieldset[disabled] .btn-success:active, fieldset[disabled] .btn-success.active {
  background-color: transparent;
  border-color: #05AE0E;
}
.btn-success.btn-fill {
  color: #FFFFFF;
  background-color: #05AE0E;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-success.btn-fill:hover, .btn-success.btn-fill:focus, .btn-success.btn-fill:active, .btn-success.btn-fill.active, .open > .btn-success.btn-fill.dropdown-toggle {
  background-color: #049F0C;
  color: #FFFFFF;
}
.btn-success.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-success .caret {
  border-top-color: #05AE0E;
}

.btn-info {
  border-color: #2CA8FF;
  color: #2CA8FF;
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open > .btn-info.dropdown-toggle {
  background-color: transparent;
  color: #109CFF;
  border-color: #109CFF;
}
.btn-info.disabled, .btn-info.disabled:hover, .btn-info.disabled:focus, .btn-info.disabled.focus, .btn-info.disabled:active, .btn-info.disabled.active, .btn-info:disabled, .btn-info:disabled:hover, .btn-info:disabled:focus, .btn-info:disabled.focus, .btn-info:disabled:active, .btn-info:disabled.active, .btn-info[disabled], .btn-info[disabled]:hover, .btn-info[disabled]:focus, .btn-info[disabled].focus, .btn-info[disabled]:active, .btn-info[disabled].active, fieldset[disabled] .btn-info, fieldset[disabled] .btn-info:hover, fieldset[disabled] .btn-info:focus, fieldset[disabled] .btn-info.focus, fieldset[disabled] .btn-info:active, fieldset[disabled] .btn-info.active {
  background-color: transparent;
  border-color: #2CA8FF;
}
.btn-info.btn-fill {
  color: #FFFFFF;
  background-color: #2CA8FF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-info.btn-fill:hover, .btn-info.btn-fill:focus, .btn-info.btn-fill:active, .btn-info.btn-fill.active, .open > .btn-info.btn-fill.dropdown-toggle {
  background-color: #109CFF;
  color: #FFFFFF;
}
.btn-info.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-info .caret {
  border-top-color: #2CA8FF;
}

.btn-warning {
  border-color: #FF9500;
  color: #FF9500;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open > .btn-warning.dropdown-toggle {
  background-color: transparent;
  color: #ED8D00;
  border-color: #ED8D00;
}
.btn-warning.disabled, .btn-warning.disabled:hover, .btn-warning.disabled:focus, .btn-warning.disabled.focus, .btn-warning.disabled:active, .btn-warning.disabled.active, .btn-warning:disabled, .btn-warning:disabled:hover, .btn-warning:disabled:focus, .btn-warning:disabled.focus, .btn-warning:disabled:active, .btn-warning:disabled.active, .btn-warning[disabled], .btn-warning[disabled]:hover, .btn-warning[disabled]:focus, .btn-warning[disabled].focus, .btn-warning[disabled]:active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning, fieldset[disabled] .btn-warning:hover, fieldset[disabled] .btn-warning:focus, fieldset[disabled] .btn-warning.focus, fieldset[disabled] .btn-warning:active, fieldset[disabled] .btn-warning.active {
  background-color: transparent;
  border-color: #FF9500;
}
.btn-warning.btn-fill {
  color: #FFFFFF;
  background-color: #FF9500;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-warning.btn-fill:hover, .btn-warning.btn-fill:focus, .btn-warning.btn-fill:active, .btn-warning.btn-fill.active, .open > .btn-warning.btn-fill.dropdown-toggle {
  background-color: #ED8D00;
  color: #FFFFFF;
}
.btn-warning.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-warning .caret {
  border-top-color: #FF9500;
}

.btn-danger {
  border-color: #FF3B30;
  color: #FF3B30;
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open > .btn-danger.dropdown-toggle {
  background-color: transparent;
  color: #EE2D20;
  border-color: #EE2D20;
}
.btn-danger.disabled, .btn-danger.disabled:hover, .btn-danger.disabled:focus, .btn-danger.disabled.focus, .btn-danger.disabled:active, .btn-danger.disabled.active, .btn-danger:disabled, .btn-danger:disabled:hover, .btn-danger:disabled:focus, .btn-danger:disabled.focus, .btn-danger:disabled:active, .btn-danger:disabled.active, .btn-danger[disabled], .btn-danger[disabled]:hover, .btn-danger[disabled]:focus, .btn-danger[disabled].focus, .btn-danger[disabled]:active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger, fieldset[disabled] .btn-danger:hover, fieldset[disabled] .btn-danger:focus, fieldset[disabled] .btn-danger.focus, fieldset[disabled] .btn-danger:active, fieldset[disabled] .btn-danger.active {
  background-color: transparent;
  border-color: #FF3B30;
}
.btn-danger.btn-fill {
  color: #FFFFFF;
  background-color: #FF3B30;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-danger.btn-fill:hover, .btn-danger.btn-fill:focus, .btn-danger.btn-fill:active, .btn-danger.btn-fill.active, .open > .btn-danger.btn-fill.dropdown-toggle {
  background-color: #EE2D20;
  color: #FFFFFF;
}
.btn-danger.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-danger .caret {
  border-top-color: #FF3B30;
}

.btn-neutral {
  border-color: #FFFFFF;
  color: #FFFFFF;
}
.btn-neutral:hover, .btn-neutral:focus, .btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.btn-neutral.disabled, .btn-neutral.disabled:hover, .btn-neutral.disabled:focus, .btn-neutral.disabled.focus, .btn-neutral.disabled:active, .btn-neutral.disabled.active, .btn-neutral:disabled, .btn-neutral:disabled:hover, .btn-neutral:disabled:focus, .btn-neutral:disabled.focus, .btn-neutral:disabled:active, .btn-neutral:disabled.active, .btn-neutral[disabled], .btn-neutral[disabled]:hover, .btn-neutral[disabled]:focus, .btn-neutral[disabled].focus, .btn-neutral[disabled]:active, .btn-neutral[disabled].active, fieldset[disabled] .btn-neutral, fieldset[disabled] .btn-neutral:hover, fieldset[disabled] .btn-neutral:focus, fieldset[disabled] .btn-neutral.focus, fieldset[disabled] .btn-neutral:active, fieldset[disabled] .btn-neutral.active {
  background-color: transparent;
  border-color: #FFFFFF;
}
.btn-neutral.btn-fill {
  color: #FFFFFF;
  background-color: #FFFFFF;
  opacity: 1;
  filter: alpha(opacity=100);
}
.btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus, .btn-neutral.btn-fill:active, .btn-neutral.btn-fill.active, .open > .btn-neutral.btn-fill.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.btn-neutral.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.btn-neutral .caret {
  border-top-color: #FFFFFF;
}
.btn-neutral:active, .btn-neutral.active, .open > .btn-neutral.dropdown-toggle {
  background-color: #FFFFFF;
  color: #AAAAAA;
}
.btn-neutral.btn-fill, .btn-neutral.btn-fill:hover, .btn-neutral.btn-fill:focus {
  color: #AAAAAA;
}
.btn-neutral.btn-simple:active, .btn-neutral.btn-simple.active {
  background-color: transparent;
}

.btn:disabled, .btn[disabled], .btn.disabled {
  opacity: 0.5;
  filter: alpha(opacity=50);
}

.btn-round {
  border-width: 1px;
  border-radius: 30px !important;
  padding: 9px 18px;
}
.btn-round.btn-icon {
  padding: 9px;
}

.btn-simple {
  border: 0;
  font-size: 16px;
  padding: 8px 16px;
}
.btn-simple.btn-icon {
  padding: 8px;
}

.btn-lg {
  font-size: 18px;
  border-radius: 6px;
  padding: 14px 30px;
  font-weight: 400;
}
.btn-lg.btn-round {
  padding: 15px 30px;
}
.btn-lg.btn-simple {
  padding: 16px 30px;
}

.btn-sm {
  font-size: 12px;
  border-radius: 3px;
  padding: 5px 10px;
}
.btn-sm.btn-round {
  padding: 6px 10px;
}
.btn-sm.btn-simple {
  padding: 7px 10px;
}

.btn-xs {
  font-size: 12px;
  border-radius: 3px;
  padding: 1px 5px;
}
.btn-xs.btn-round {
  padding: 2px 5px;
}
.btn-xs.btn-simple {
  padding: 3px 5px;
}

.btn-wd {
  min-width: 140px;
}

.btn-group.select {
  width: 100%;
}

.btn-group.select .btn {
  text-align: left;
}

.btn-group.select .caret {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  right: 8px;
}

.btn-social {
  opacity: 0.85;
  padding: 8px 9px;
  min-width: 100px;
  margin: 20px 2px 0;
}

.form-control::-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-moz-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control::-webkit-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control:-ms-input-placeholder {
  color: #DDDDDD;
  opacity: 1;
  filter: alpha(opacity=100);
}

.form-control {
  background-color: #FFFFFF;
  border: 2px solid #AAAAAA;
  border-radius: 30px;
  font-weight: 600;
  color: #666666;
  padding: 8px 16px;
  height: 40px;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.form-control:focus {
  border-color: #9A9A9A;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
  filter: alpha(opacity=100);
  outline: 0 !important;
}
.has-success .form-control, .has-error .form-control, .has-success .form-control:focus, .has-error .form-control:focus {
  border-color: #E3E3E3;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.has-success .form-control {
  color: #05AE0E;
}
.has-success .form-control:focus {
  border-color: #05AE0E;
}
.has-error .form-control {
  color: #FF3B30;
}
.has-error .form-control:focus {
  border-color: #FF3B30;
}
.form-control + .form-control-feedback {
  border-radius: 6px;
  font-size: 14px;
  margin-top: -7px;
  position: absolute;
  right: 10px;
  top: 50%;
  vertical-align: middle;
}
.open .form-control {
  border-radius: 4px 4px 0 0;
  border-bottom-color: transparent;
}

.input-lg {
  height: 55px;
  padding: 14px 30px;
}

.has-error .form-control-feedback {
  color: #FF3B30;
}

.has-success .form-control-feedback {
  color: #05AE0E;
}

.input-group-addon {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
  border-radius: 4px;
}
.has-success .input-group-addon, .has-error .input-group-addon {
  background-color: #FFFFFF;
  border: 1px solid #E3E3E3;
}
.has-error .form-control:focus + .input-group-addon {
  border-color: #FF3B30;
  color: #FF3B30;
}
.has-success .form-control:focus + .input-group-addon {
  border-color: #05AE0E;
  color: #05AE0E;
}
.form-control:focus + .input-group-addon, .form-control:focus ~ .input-group-addon {
  background-color: #FFFFFF;
  border-color: #9A9A9A;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #E3E3E3;
  color: #AAAAAA;
  cursor: not-allowed;
}

.input-group-btn .btn {
  border-width: 1px;
  padding: 9px 16px;
}

.input-group-btn .btn-default:not(.btn-fill) {
  border-color: #DDDDDD;
}

.input-group-btn:last-child > .btn {
  margin-left: 0;
}

.input-group-focus .input-group-addon {
  border-color: #9A9A9A;
}

.fresh-table .dropdown-menu {
  visibility: hidden;
  margin: 0;
  padding: 0;
  border-radius: 10px;
  display: block;
  z-index: 9000;
  position: absolute;
  border: none;
  background-color: rgba(23, 23, 23, 0.82);
  margin-top: 10px;
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -o-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -moz-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -o-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  -ms-transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
  transition: all 370ms cubic-bezier(0.34, 1.61, 0.7, 1);
}
.fresh-table .dropdown-menu > li > a {
  padding: 8px 16px;
  color: #FFFFFF;
}
.fresh-table .dropdown-menu > li > a img {
  margin-top: -3px;
}
.fresh-table .dropdown-menu > li > a:focus {
  outline: 0 !important;
}
.fresh-table .dropdown-menu > li:first-child > a {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
.fresh-table .dropdown-menu > li:last-child > a {
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
}
.fresh-table .dropdown-menu > li > a:hover,
.fresh-table .dropdown-menu > li > a:focus {
  background-color: rgba(0, 0, 0, 0.35);
  color: #FFFFFF;
  opacity: 1;
  text-decoration: none;
}
.fresh-table .dropdown-menu > li.active > a,
.fresh-table .dropdown-menu > li.active > a:hover,
.fresh-table .dropdown-menu > li.active > a:focus {
  background-color: rgba(0, 0, 0, 0.6);
}
.fresh-table .dropdown-menu:after {
  border-bottom: 11px solid rgba(23, 23, 23, 0.73);
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  content: "";
  display: inline-block;
  position: absolute;
  right: 12px;
  top: -11px;
}
.fresh-table .dropup .dropdown-menu:after {
  border-top: 11px solid rgba(23, 23, 23, 0.73);
  border-left: 11px solid rgba(0, 0, 0, 0);
  border-right: 11px solid rgba(0, 0, 0, 0);
  border-bottom: none;
  content: "";
  display: inline-block;
  position: absolute;
  left: 12px;
  right: auto;
  top: auto;
  bottom: -11px;
}
.fresh-table .open .dropdown-menu {
  opacity: 1;
  filter: alpha(opacity=100);
  visibility: visible;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: 29px -50px;
  -moz-transform-origin: 29px -50px;
  -o-transform-origin: 29px -50px;
  -ms-transform-origin: 29px -50px;
  transform-origin: 29px -50px;
}

.fresh-table {
  background-color: #FFFFFF;
  border-radius: 10px;
  color: #666666;
}
.fresh-table .btn {
  border-radius: 30px !important;
}
.fresh-table a {
  color: #AAAAAA;
}
.fresh-table a:hover, .fresh-table a:focus {
  color: #898989;
}
.fresh-table input[type=radio],
.fresh-table input[type=checkbox] {
  margin: 4px 5px 0 0;
}
.fresh-table .fixed-table-toolbar {
  border-radius: 10px 10px 0 0;
  padding: 10px 10px;
  color: #666666;
}
.fresh-table .fixed-table-toolbar .dropdown-menu {
  overflow: visible;
}
.fresh-table .fixed-table-toolbar .pull-right .btn {
  margin-right: 5px;
}
.fresh-table .fixed-table-toolbar .pull-left .btn {
  margin-left: 5px;
}
.fresh-table .fixed-table-toolbar .search.input-group .form-control:last-child {
  border-top-left-radius: 30px !important;
  border-bottom-left-radius: 30px !important;
}
.fresh-table .fixed-table-toolbar .search.input-group .form-control:first-child {
  border-top-right-radius: 30px !important;
  border-bottom-right-radius: 30px !important;
}
.fresh-table .fixed-table-toolbar .columns label {
  padding: 4px 15px;
  padding: 4px 15px;
  color: #FFF;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 12px;
}
.fresh-table .fixed-table-toolbar .columns ul > li:first-child label {
  padding-top: 10px;
}
.fresh-table .fixed-table-toolbar .columns ul > li:last-child label {
  padding-bottom: 10px;
}
.fresh-table .fixed-table-toolbar:after {
  display: table;
  content: "";
  clear: both;
}



.fresh-table.toolbar-color-red .fixed-table-toolbar {
  background: #ED362C;
  background: -moz-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #C51E1B), color-stop(100%, #ED362C));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #C51E1B 0%, #ED362C 100%);
  /* W3C */
  background-size: 250% 250%;
}
.fresh-table .fixed-table-pagination {
  margin: 0 10px;
}
.fresh-table .fixed-table-pagination:after {
  display: table;
  content: "";
  clear: both;
}
.fresh-table .fixed-table-pagination .dropup .dropdown-menu {
  margin-top: auto;
  margin-bottom: 10px !important;
}
.fresh-table .fixed-table-pagination div.pagination,
.fresh-table .fixed-table-pagination .pagination-detail {
  margin-top: 15px;
  margin-bottom: 15px;
}
.fresh-table .bootstrap-table .table tbody > tr > td:first-child {
  padding-left: 18px !important;
}
.fresh-table .bootstrap-table .table thead > tr > th:first-child {
  padding-left: 10px !important;
}
.fresh-table .table > thead > tr > th,
.fresh-table .table > tbody > tr > th,
.fresh-table .table > tfoot > tr > th {
  border-color: #E3E3E3;
}
.fresh-table .table > thead > tr > td,
.fresh-table .table > tbody > tr > td,
.fresh-table .table > tfoot > tr > td {
  border-color: rgba(220, 220, 220, 0.15);
}
.fresh-table .table.table-striped > thead > tr > td, .fresh-table .table.table-striped > tbody > tr > td, .fresh-table .table.table-striped > tfoot > tr > td {
  border: none;
}
.fresh-table .pagination > li > a,
.fresh-table .pagination > li > span,
.fresh-table .pagination > li:first-child > a,
.fresh-table .pagination > li:first-child > span,
.fresh-table .pagination > li:last-child > a,
.fresh-table .pagination > li:last-child > span {
  border-radius: 20px;
  margin: 0 2px;
  background-color: transparent;
  min-width: 36px;
  height: 36px;
  font-weight: bold;
  text-align: center;
  line-height: 20px;
  border-width: 2px;
  color: #AAAAAA;
  border-color: transparent;
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.fresh-table .pagination > li > a:hover,
.fresh-table .pagination > li > span:hover,
.fresh-table .pagination > li:first-child > a:hover,
.fresh-table .pagination > li:first-child > span:hover,
.fresh-table .pagination > li:last-child > a:hover,
.fresh-table .pagination > li:last-child > span:hover {
  color: #898989;
  border-color: #898989;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table .pagination > li.active > a,
.fresh-table .pagination > li.active > span,
.fresh-table .pagination > li.active > a:hover,
.fresh-table .pagination > li.active > span:hover,
.fresh-table .pagination > li.active > a:focus,
.fresh-table .pagination > li.active > span:focus {
  color: #898989;
  border-color: #AAAAAA;
  background-color: transparent;
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .table-hover > tbody > tr:hover, .fresh-table[class*=toolbar-color-] .table-hover > tbody > tr:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn {
  border-color: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn:hover, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.active, .open > .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.dropdown-toggle, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:hover, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.active, .open > .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.dropdown-toggle {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled:hover, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled:focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled.focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled:active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.disabled.active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled:hover, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled:focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled.focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled:active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:disabled.active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled], .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled]:hover, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled]:focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled].focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled]:active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn[disabled].active, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:hover, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:focus, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.focus, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn:active, fieldset[disabled] .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled:hover, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled:focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled.focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled:active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.disabled.active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled:hover, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled:focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled.focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled:active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:disabled.active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled], .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled]:hover, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled]:focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled].focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled]:active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn[disabled].active, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:hover, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:focus, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.focus, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn:active, fieldset[disabled] .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.active {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill:hover, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill:focus, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill:active, .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill.active, .open > .fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill.dropdown-toggle, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill:hover, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill:focus, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill:active, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill.active, .open > .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn.btn-fill .caret, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.fresh-table[class*=full-color-] .fixed-table-toolbar .btn .caret, .fresh-table[class*=toolbar-color-] .fixed-table-toolbar .btn .caret {
  border-top-color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .form-control, .fresh-table[class*=toolbar-color-] .form-control {
  border-color: rgba(255, 255, 255, 0.8);
  background-color: transparent;
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .form-control:focus, .fresh-table[class*=toolbar-color-] .form-control:focus {
  border-color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.15);
}
.fresh-table[class*=full-color-] .form-control::-moz-placeholder, .fresh-table[class*=toolbar-color-] .form-control::-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .form-control:-moz-placeholder, .fresh-table[class*=toolbar-color-] .form-control:-moz-placeholder {
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .form-control::-webkit-input-placeholder, .fresh-table[class*=toolbar-color-] .form-control::-webkit-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .form-control:-ms-input-placeholder, .fresh-table[class*=toolbar-color-] .form-control:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .table td a {
  color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .table td a:hover, .fresh-table[class*=full-color-] .table td a:focus {
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .btn {
  border-color: rgba(255, 255, 255, 0.8);
  color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .btn:hover, .fresh-table[class*=full-color-] .btn:focus, .fresh-table[class*=full-color-] .btn:active, .fresh-table[class*=full-color-] .btn.active, .open > .fresh-table[class*=full-color-] .btn.dropdown-toggle {
  background-color: transparent;
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.fresh-table[class*=full-color-] .btn.disabled, .fresh-table[class*=full-color-] .btn.disabled:hover, .fresh-table[class*=full-color-] .btn.disabled:focus, .fresh-table[class*=full-color-] .btn.disabled.focus, .fresh-table[class*=full-color-] .btn.disabled:active, .fresh-table[class*=full-color-] .btn.disabled.active, .fresh-table[class*=full-color-] .btn:disabled, .fresh-table[class*=full-color-] .btn:disabled:hover, .fresh-table[class*=full-color-] .btn:disabled:focus, .fresh-table[class*=full-color-] .btn:disabled.focus, .fresh-table[class*=full-color-] .btn:disabled:active, .fresh-table[class*=full-color-] .btn:disabled.active, .fresh-table[class*=full-color-] .btn[disabled], .fresh-table[class*=full-color-] .btn[disabled]:hover, .fresh-table[class*=full-color-] .btn[disabled]:focus, .fresh-table[class*=full-color-] .btn[disabled].focus, .fresh-table[class*=full-color-] .btn[disabled]:active, .fresh-table[class*=full-color-] .btn[disabled].active, fieldset[disabled] .fresh-table[class*=full-color-] .btn, fieldset[disabled] .fresh-table[class*=full-color-] .btn:hover, fieldset[disabled] .fresh-table[class*=full-color-] .btn:focus, fieldset[disabled] .fresh-table[class*=full-color-] .btn.focus, fieldset[disabled] .fresh-table[class*=full-color-] .btn:active, fieldset[disabled] .fresh-table[class*=full-color-] .btn.active {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .btn.btn-fill {
  color: #FFFFFF;
  background-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .btn.btn-fill:hover, .fresh-table[class*=full-color-] .btn.btn-fill:focus, .fresh-table[class*=full-color-] .btn.btn-fill:active, .fresh-table[class*=full-color-] .btn.btn-fill.active, .open > .fresh-table[class*=full-color-] .btn.btn-fill.dropdown-toggle {
  background-color: #FFFFFF;
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .btn.btn-fill .caret {
  border-top-color: #FFFFFF;
}
.fresh-table[class*=full-color-] .btn .caret {
  border-top-color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .fixed-table-toolbar {
  background: none !important;
  border-color: rgba(255, 255, 255, 0.15);
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .fixed-table-header,
.fresh-table[class*=full-color-] .fixed-table-body {
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: rgba(255, 255, 255, 0.15);
}
.fresh-table[class*=full-color-] .table-striped > tbody > tr:nth-of-type(odd):hover {
  background-color: rgba(255, 255, 255, 0.25);
}
.fresh-table[class*=full-color-] .table > thead > tr > th,
.fresh-table[class*=full-color-] .table > tbody > tr > th,
.fresh-table[class*=full-color-] .table > tfoot > tr > th {
  border-color: rgba(255, 255, 255, 0.15);
}
.fresh-table[class*=full-color-] .fixed-table-pagination {
  color: #FFFFFF;
}
.fresh-table[class*=full-color-] .pagination > li > a,
.fresh-table[class*=full-color-] .pagination > li > span,
.fresh-table[class*=full-color-] .pagination > li:first-child > a,
.fresh-table[class*=full-color-] .pagination > li:first-child > span,
.fresh-table[class*=full-color-] .pagination > li:last-child > a,
.fresh-table[class*=full-color-] .pagination > li:last-child > span {
  color: rgba(255, 255, 255, 0.8);
}
.fresh-table[class*=full-color-] .pagination > li > a:hover,
.fresh-table[class*=full-color-] .pagination > li > span:hover,
.fresh-table[class*=full-color-] .pagination > li:first-child > a:hover,
.fresh-table[class*=full-color-] .pagination > li:first-child > span:hover,
.fresh-table[class*=full-color-] .pagination > li:last-child > a:hover,
.fresh-table[class*=full-color-] .pagination > li:last-child > span:hover {
  color: #FFFFFF;
  border-color: rgba(255, 255, 255, 0.8);
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table[class*=full-color-] .pagination > li.active > a,
.fresh-table[class*=full-color-] .pagination > li.active > span,
.fresh-table[class*=full-color-] .pagination > li.active > a:hover,
.fresh-table[class*=full-color-] .pagination > li.active > span:hover,
.fresh-table[class*=full-color-] .pagination > li.active > a:focus,
.fresh-table[class*=full-color-] .pagination > li.active > span:focus {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.fresh-table[class*=full-color-] .fixed-table-container thead th .both {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAQAAADYWf5HAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAACgSURBVHjarNI7CoQwEIDhCIrewMIDCB7Bxs7KM6T0DBbewcZOEFZhjvnvFoZFlmSyCzvTpPgYMg/zNN+k+ZldQY4lvd4aGzjpI4yKFWGhVBgJI4IgWJIwa9gc26kDjILZIUGYyPys4+DxzoNW6fQe/mrtR7XOzzKm299milCnNbtDG402N+vYqMzNGEoWhJUqttOekyG++hRLrrA/nOVrAL+bXF6R95QBAAAAAElFTkSuQmCC");
}
.fresh-table[class*=full-color-] .fixed-table-container thead th .asc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAAB4SURBVHja7NIhEoJQAEXRT8AZh0WQXILBTdioVHeh3WVY3IbNTCAwENzJsUBhKB8Zh0C45YWTXkBYqvBvbI8r0iWwCzqUv2IHvPHBC/lcLMG9h4Zu/R6NnVCNsBrHWCzDcwQNPbCLwQq0aCZqcV7FzzZsw1aFfQcAV9hQiaeilqsAAAAASUVORK5CYII=");
}
.fresh-table[class*=full-color-] .fixed-table-container thead th .desc {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATCAYAAAByUDbMAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA+swAAIT6AAB5gQAA/RMAADBtAAASKQ0eJk4AAAB5SURBVHja7NKhDYNgEAbQv4ImDUOgGKGiS9TV1rIFeMbAsAYOXVHRUNFNHgZFMFAMBPGZEy+5uy8grJVwYAe2F+yODp+JdHjMwc6o8JtIjXjumle8R9ALtyU3O6EYYeUwX/SABM0AtUj//eYTX2RrVCNCjst2S9sPAPIfUIl4VAv0AAAAAElFTkSuQmCC");
}
.fresh-table .fixed-table-container {
  border: none !important;
}
.fresh-table .fixed-table-container thead th {
  border-left: 0;
}
.fresh-table .fixed-table-container thead th .th-inner {
  padding: 20px 8px 0;
}
.fresh-table .fixed-table-container tbody td {
  border-left: 0;
}
.fresh-table .fixed-table-container.fixed-height .table thead th {
  border-bottom: 1px solid rgba(220, 220, 220, 0.15) !important;
}


.fresh-table.full-color-red {
  background: #ED362C;
  background: -moz-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* FF3.6+ */
  background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, #C51E1B), color-stop(100%, #ED362C));
  /* Chrome,Safari4+ */
  background: -webkit-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* Opera 12+ */
  background: -ms-radial-gradient(center, ellipse cover, #C51E1B 0%, #ED362C 100%);
  /* IE10+ */
  background: radial-gradient(ellipse at center, #C51E1B 0%, #ED362C 100%);
  /* W3C */
  background-size: 250% 250%;
}
.fresh-table .table-action {
  padding: 0 3px;
}
.fresh-table .bootstrap-table .table > thead > tr > th {
  border-bottom-width: 1px;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
}
.fresh-table .bootstrap-table .table .radio,
.fresh-table .bootstrap-table .table .checkbox {
  margin-top: 0;
  margin-bottom: 0;
  padding: 0;
  width: 15px;
}
.fresh-table .bootstrap-table .table > tfoot > tr > th,
.fresh-table .bootstrap-table .table > thead > tr > th,
.fresh-table .bootstrap-table .table > tbody > tr > td,
.fresh-table .bootstrap-table .table > tfoot > tr > td {
  padding: 12px 8px !important;
  vertical-align: middle;
}
.fresh-table .bootstrap-table .table > tbody > tr {
  position: relative;
}
.fresh-table .bootstrap-table .table > tbody > tr:hover .td-actions .btn {
  opacity: 1;
  filter: alpha(opacity=100);
}
.fresh-table.full-screen-table {
  border-radius: 0;
}
.fresh-table.full-screen-table .fixed-table-toolbar {
  border-radius: 0;
}
.fresh-table .fa {
  min-width: 18px;
}

/*# sourceMappingURL=fresh-bootstrap-table.css.map */
</style>