@import url("../boot/font/bootstrap-icons.min.css");

@font-face {
  font-family: 'kardust';
  src: local('kardust'), url('../font/kardust.ttf') format('truetype');
}

.font-kardust {
  font-family: 'kardust' !important;
}

body {
  background-color: #000 !important;
  margin: 0;
}


small {
  color: #e51837;
}

.hoveritem:hover,
.hoveritem:focus,
.hoveritem:active,
.hoveritem:target {
  background-color: rgba(92, 88, 88, 0.164) !important;
}

.staert {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.intv {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23FFFFFF'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M21 6h-7.59l3.29-3.29L16 2l-4 4-4-4-.71.71L10.59 6H3c-1.1 0-2 .89-2 2v12c0 1.1.9 2 2 2h18c1.1 0 2-.9 2-2V8c0-1.11-.9-2-2-2zm0 14H3V8h18v12zM9 10v8l7-4z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 35px;
}



.bg-travdark {
  --bs-bg-opacity: .7;

}


.tabimg {
  filter: grayscale(1) contrast(1.2) opacity(1.4);
}

iframe {
  position: fixed;
  width: 100%;
  height: 100%;
  bottom: 0px;
  padding-top: 55px;
}




.staert2 {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  width:
    /*190px*/
    71%;
}