html {
  height: 100%;
}

html body {
  height: 100%;
  font-family: "Inter", sans-serif;
}

html body:has(.wideo-play) {
  background-color: #555555;
}

html body:has(.wideo-play) #site header nav {
  background-color: #676767 !important;
}

html body #site {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: relative;
  height: 100%;
  top: -24px;
}

html body #site:has(.login-card) nav {
  display: none;
}

html body #site .wideo-play {
  height: 450px;
  max-width: 100%;
  border-radius: 12px;
}

@media screen and (min-width: 992px) {
  html body #site .wideo-play {
    box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
  }
}

html body #site .video-empty {
  text-align: center;
}

html body #site .video-empty h1 {
  color: red;
  text-align: center;
}

html body #site .video-empty a {
  color: white;
  margin-top: 15px;
}

html body #site .card {
  border: none;
  border-radius: 5px;
  box-shadow: 0px 20px 50px -10px rgba(0, 0, 0, 0.2);
}

html body #site table {
  box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
  border-radius: 4px;
}

html body #site header {
  position: absolute;
}

html body #site header nav {
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;
}

html body #site header nav .container-fluid:has(.navbar-toggler) .desktop .dropdown {
  width: calc(100% - 165px);
}

html body #site header nav .container-fluid .logo {
  height: 45px;
  border-radius: 4px;
}

@media screen and (min-width: 992px) {
  html body #site header nav .container-fluid .logo {
    margin-right: 15px;
  }
}

html body #site header nav .container-fluid .navbar-toggler {
  z-index: 2;
}

@media screen and (min-width: 992px) {
  html body #site header nav .container-fluid .desktop {
    display: none;
  }
}

html body #site header nav .container-fluid #navbarContent {
  justify-content: flex-end;
}

html body #site header nav .container-fluid .dropdown .dropdown-toggle {
  cursor: pointer;
}

@media screen and (max-width: 992px) {
  html body #site header nav .container-fluid .dropdown .dropdown-toggle {
    font-size: 12px;
  }
}

html body #site header nav .container-fluid .dropdown .dropdown-menu {
  min-width: -moz-max-content;
  min-width: max-content;
  padding: 0;
  right: 12px;
  left: auto;
  border: none;
}

html body #site header nav .container-fluid .dropdown .dropdown-menu .dropdown-item {
  padding: 5px 10px;
  box-shadow: rgba(0, 0, 0, 0.45) 0px -23px 25px 0px inset, rgba(0, 0, 0, 0.32) 0px -36px 30px 0px inset, rgba(0, 0, 0, 0.1) 0px -79px 40px 0px inset, rgba(0, 0, 0, 0.06) 0px 2px 1px, rgba(0, 0, 0, 0.09) 0px 4px 2px, rgba(0, 0, 0, 0.09) 0px 8px 4px, rgba(0, 0, 0, 0.09) 0px 16px 8px, rgba(0, 0, 0, 0.09) 0px 32px 16px;
  color: #f0f0f0;
}

html body #site header nav .container-fluid .dropdown .dropdown-menu .dropdown-item:active {
  background-color: transparent;
}

@media screen and (max-width: 991px) {
  html body #site header nav .container-fluid .dropdown .dropdown-menu {
    right: auto;
  }
}

@media screen and (max-width: 991px) {
  html body #site header nav .container-fluid .dropdown {
    position: absolute;
    top: 13px;
    left: 95px;
    z-index: 14;
    width: calc(100% + 28px);
    display: flex;
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  html body #site header nav .navbar-collapse .navbar-text {
    display: none;
  }
}

html body #site main {
  margin-top: 115px;
}

html body #site main .priviligies {
  display: flex;
  max-height: 30px;
}

html body #site main .table thead {
  font-size: 13px;
}

html body #site main .table thead tr th {
  max-width: 8.3333% !important;
}

@media screen and (max-width: 991px) {
  html body #site main .table thead .center-text {
    text-align: center;
  }
}

html body #site main .table tbody td {
  vertical-align: middle;
  font-size: 13px;
  word-break: break-word;
}

html body #site main .paginator-box #go-to-page {
  width: 65px;
  height: 31px;
}

html body #site main #search_list {
  padding: 10px;
  border-radius: 3px;
  background-color: #f2f2f2;
}

html body #site main #search_list .search-pagination {
  width: 100%;
}

html body #site main #search_list .search-pagination .label-search {
  width: -moz-max-content;
  width: max-content;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

html body #site main #search_list .search-pagination .search-item {
  max-height: 31px;
  width: 100%;
}

html body #site main #search_list .search-pagination .search-item input.search-form {
  max-height: 31px;
  border-radius: 0;
  width: 100%;
  border: 1px solid #fff;
}

html body #site main #search_list .search-pagination .search-item input.search-form:focus {
  outline: none;
  box-shadow: none;
  border-color: #676767;
}

html body #site main #search_list .search-pagination .clears-group-btn {
  width: 100%;
  max-width: 25px;
  height: 100%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

html body #site main #search_list .search-list-action {
  color: #ffffff;
  background-color: #ffb526;
}