html {
 
  font-size: 15px; }
body {
  font-family: 'Roboto', sans-serif;
}
.modal-dialog-slideout {
  min-height: 80%;
  margin: 20 auto;
  background: #fff;
  min-width:90%;
}


.modal.fade.show .modal-dialog.modal-dialog-slideout {
  display: flex;
  align-items: stretch;
  -webkit-box-align: stretch;
  height: 90%;
}

.modal.fade.show .modal-dialog.modal-dialog-slideout .modal-body {
  overflow-y: auto;
  overflow-x: hidden;
}

.modal-dialog-slideout .modal-content {
  border: 0;
}

.modal-dialog-slideout .modal-header,
.modal-dialog-slideout .modal-footer {
  height: 69px;
  /*display: block;*/
}

.modal-dialog-slideout .modal-header h5 {
  float: left;
}

.modal-header-info {
  color:#fff;
  border-bottom:1px solid #eee;
  background-color: #5bc0de;
}

.modal-header-warning {
  color:#fff;
  border-bottom:1px solid #eee;
  background-color: #ffc107;
}

.table-hover-cell>tbody>tr>td:hover, .table-hover-cell>tbody>tr>td:hover{
  background-color: #f5f5f5!important; 
  cursor:pointer;
}
.cell-highlighted {
  background-color: #f2f2ff!important;
  cursor:pointer;
}

.bootstrap-table {
  height: 80vh;
}

.fixed-table-body {
  height: 65vh !important;
}

thead th {
  position: sticky;
  top: 0;
  background: #e9ecef;
  border-color: #dee2e6;
}
.table td {
  /*smaller table rows */
  padding: .25rem;
  vertical-align: middle;
  box-sizing: border-box;
}
.btn span.glyphicon {    			
  opacity: 0;				
}
.btn.active span.glyphicon {				
  opacity: 1;				
}