html, body {
	width: 100%;
	height: 100%;
}

body {
  margin: 0;
  /* padding-top: 56px!important; */
  background: #f8f9fa;
  font-size: 0.95rem;
}

.btn-icon {
  line-height: 0!important;
  padding: 3px!important;
  margin-top: 2px!important;
}

.navbar {
  box-shadow: 0 2px 4px -1px rgba(0,0,0,0.25);
}

.navbar-toggler, .navbar-toggler:focus, .navbar-toggler:hover, .navbar-toggler:active,
.back-to-top, .back-to-top:focus, .back-to-top:hover, .back-to-top:active {
  border: none;
  outline: none;
}

.container-fluid {
  padding-top: 1rem!important;
}

.fullscreen {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.fullscreen::after {
  content: "";
  background:
    linear-gradient(
      rgba(0, 0, 0, 0.5),
      rgba(0, 0, 0, 0.5)
    ),
    url(/assets/img/bg.png);
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;
  background-size:cover
}

.back-to-top {
  background: none;
  margin: 0;
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  width: 40px;
  height: 40px;
  z-index: 100;
  display: none;
  border-radius: .25rem;
  text-decoration: none;
  color: #ffffff;
  background-color: #dc3545;
}

.back-to-top:hover {
  background-color: #bf1525;
}

.back-to-top i {
  font-size: 30px;
}

.table-log {
  table-layout: fixed;
  width: 100%;
  white-space: nowrap;
}
.table-log td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}