.grayout {
    opacity: 0.4; /* Real browsers */
    filter: alpha(opacity = 40); /* MSIE */
    transform: scale(0.8);
}

.popover {
  max-width: 800px;
  z-index: 1010 !important;
}

@media (max-width: 575px) {
  .dropdown-menu {
    max-height: 110px;
    overflow: scroll;
  }
}

.hide{
  display: none;
}

table thead .sorting_asc:before {
  font-family: "FontAwesome";
  content: "\F160";
  padding-right: 0.3rem;
  font-size: 0.7rem;
  left: 0;
  top: 0.9rem;
}

table thead .sorting_desc:before {
  font-family: "FontAwesome";
  content: "\F161";
  padding-right: 0.3rem;
  font-size: 0.7rem;
  left: 0;
  top: 0.9rem;
}

table thead .sorting_desc_inactive:before {
  font-family: "FontAwesome";
  content: "\F161";
  padding-right: 0.3rem;
  font-size: 0.7rem;
  left: 0;
  top: 0.9rem;
  opacity: 0.4; /* Real browsers */
  filter: alpha(opacity = 40); /* MSIE */
  transform: scale(0.8);
}

.modal-body {
  max-height: calc(100vh - 160px);
  overflow-y: auto;
}

.blink {
  animation: blink 2s ease-in infinite;
}


@keyframes blink {
  from, to { opacity: 1 }
  50% { opacity: 0 }
}

.main-menu .navigation li.has-sub > a > span.badge.vip-access-badge {
  margin-right: 1.25rem;
}

body.vertical-layout.vertical-menu-modern.menu-expanded .main-menu .navigation > li > a > span.badge.vip-access-badge,
body.vertical-layout.vertical-menu-modern.menu-collapsed .main-menu.expanded .navigation > li > a > span.badge.vip-access-badge {
  right: 44px;
  margin-right: 0;
}

.main-menu .navigation li.vip-section-locked > a,
.main-menu .navigation li.vip-access-disabled > a,
.main-menu .navigation li > a.vip-access-disabled {
  opacity: .65;
}

.main-menu .navigation li.vip-access-disabled > a,
.main-menu .navigation li > a.vip-access-disabled,
.dropdown-item.vip-access-disabled,
.btn.vip-access-disabled {
  cursor: not-allowed;
}

.dropdown-item.vip-access-disabled,
.btn.vip-access-disabled {
  opacity: .65;
  pointer-events: auto;
}

/* Alert text needs contrast against the existing translucent theme backgrounds. */
.alert.alert-warning {
    color: #b45309 !important;
}

.alert.alert-success {
    color: #166534 !important;
}

.alert.alert-info {
    color: #155e75 !important;
}

.alert.alert-danger {
    color: #b91c1c !important;
}

.alert.alert-primary {
    color: #5143b5 !important;
}

.alert.alert-secondary,
.alert.alert-light {
    color: #475569 !important;
}

body.dark-layout .alert.alert-warning {
    color: #fed7aa !important;
}

body.dark-layout .alert.alert-success {
    color: #86efac !important;
}

body.dark-layout .alert.alert-info {
    color: #67e8f9 !important;
}

body.dark-layout .alert.alert-danger {
    color: #fca5a5 !important;
}

body.dark-layout .alert.alert-primary {
    color: #c4b5fd !important;
}

body.dark-layout .alert.alert-secondary,
body.dark-layout .alert.alert-light,
body.dark-layout .alert.alert-dark {
    color: #cbd5e1 !important;
}

.alert .alert-heading,
.alert a.alert-link,
.alert a:not(.btn):not(.badge) {
    color: inherit !important;
}

.alert a:not(.btn):not(.badge) {
    text-decoration: underline;
}