.table thead.bg-dark th {
  color: white;
}
.diacritic {
  padding: 3px;
  background: antiquewhite;
  width: 30px;
  height: 30px;
  text-align: center;
  border-radius: 50%;
  color: #ed3c00;
  font-weight: 900;
}
.diacritic img {
  width: 14px;
  margin: auto;
  height: auto;
}
.obj-cover {
  object-fit: cover !important;
}
.obj-contain {
  object-fit: contain !important;
}
.audio {
  height: 30px; 
  width: 100%; 
  left: 0; 
  bottom: 0
}
.btn-combine-fixed-width {
  width: 89px;
  margin-bottom: 5px;
}

.btn-combine-fixed-width-50 {
  width: 42px;
  margin-bottom: 5px;
}
.btn-del-absolute {
  position: absolute;
  left: 0;
  top: 0;
}

.bg-menu-theme .menu-inner > .menu-item.active > .menu-link {
  /* background-image: linear-gradient(to bottom right, #ff4c4d, #fdab96); */
  background-image: linear-gradient(to bottom right, #ff9f0c, #00cf70);
}

.bg-menu-theme .menu-inner > .menu-item.active:before {
  background-image: linear-gradient(to bottom right, #ff9f0c, #00cf70);
}

.btn-gradient-main {
  background-image: linear-gradient(to bottom right, #ff9f0c, #00cf70);
  background-color: #ff9f0c;
  border-color: #00cf70;
  box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 119, 6, 0.4);
}

.btn-gradient-main:hover {
  background-image: linear-gradient(to bottom right, #ff9f0c, #00cf70);
    border-color: #00cf70 !important;
}
select#per_page {
  max-width: 40px;
}
.bx {
  font-size: 1.05rem;
}
.color-main {
  color: #ff6b6c;
}
.ellipsis{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.no-event {
  pointer-events: none;
}
.cursor-pointer {
  cursor: pointer !important;
}

/* preloader */
.preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #0000001f;
    z-index: 998;
    display: none;
}
.status {
    height: 80px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -40px 0 0 -40px;
}
.spinner > div {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #fff;
    border: 2px solid #5970a4;
    border-radius: 50%;
    animation: circle-loader 1s infinite ease-in-out both;
    margin: 0px 7px;
}
.spinner .circle1 {
    animation-delay: -0.32s;
}
.spinner .circle2 {
    animation-delay: -0.16s;
}
@keyframes circle-loader {
    0%, 80%, 100% {
        transform: scale(0.4);
   }
    40% {
        transform: scale(1);
   }
}


/* record audio */
.pulse-ring {
  content: '';
  width: 30px;
  height: 30px;
  /* background: #189bff59; */
  border: 8px solid #2a303440;
  border-radius: 50%;
  position: absolute;
  top: -3px;
  left: -3px;
  animation: pulsate infinite 1.5s;
}

.pulse-ring.delay{
animation-delay: 1s;
}

@-webkit-keyframes pulsate {
0% {
  -webkit-transform: scale(1, 1);
  opacity: 1;
}
100% {
  -webkit-transform: scale(1.3, 1.3);
  opacity: 0;
}
}


.btn-recording {
  border: none;
  padding: 0;
  border-radius: 100%;
  width: 25px;
  height: 25px;
  padding: 0;
  margin: 0;
  position: relative;
  z-index: 999;
  /* display: inline-block; */
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
}

#btns {
  display:none;
}
input[data-file]::after {
      content: attr(data-file);
}


/* css app name */
#web-name .text-orange {
  color: #f9aa39;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}
#web-name .text-red {
  color: #ef4130;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}
#web-name .text-green {
  color: #3e9c55;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}
#web-name .text-red-word {
  color: #ef4130;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}
#web-name .text-orange-word {
  color: #f9aa39;
  text-shadow: 2px 1px 1px rgba(0, 0, 0, 0.5);
}


#web-name.bs-white .text-orange{
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
#web-name.bs-white .text-red{
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
#web-name.bs-white .text-green{
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
/* #web-name.bs-white .text-red-word {
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
}
#web-name.bs-white .text-orange-word {
  text-shadow: 1px 1px 1px rgb(255, 255, 255);
} */