@import './utilities/_custom-color.css';

html {
  font-size: 14px;
  position: relative;
  min-height: 100%;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

body {
  -webkit-print-color-adjust: exact !important;
  print-color-adjust: exact !important;
}

::-webkit-scrollbar {
  height: 6px;
  width: 6px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.15);
  border-radius: 10px;
  -webkit-border-radius: 10px;
}

.nav-brand {
  width: max-content;
  text-decoration: none;
  display: flex;
  align-items: center;
}

.nav-logo > img {
  width: auto;
  height: 40px;
}

.dropdown-menu li:hover {
  background-color: #f0f0f0;
}

.navbar-nav > .dropdown:hover {
  background-color: #f0f0f0 !important;
}

.btn-act:active {
  transform: scale(95%);
}

.validation-summary-errors ul {
  margin-bottom: 0;
}

.custom-tooltip {
  --bs-tooltip-bg: rgba(68, 68, 68, 0.85);
  --bs-tooltip-zindex: 5;
}

.user-dropdown {
  max-width: 500px;
}

footer {
  padding-left: 120px;
  padding-right: 120px;
}

footer a {
  color: var(--custom-gray) !important;
  -webkit-text-decoration: none;
  text-decoration: none;
}

footer a:hover {
  -webkit-text-decoration: underline;
  text-decoration: underline;
}

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

.text-jusify {
  text-align: justify;
}

.hover-pointer:hover {
  cursor: pointer;
}

@media (max-width: 575px) {
  footer {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .container-xl {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }

  .user-dropdown {
    max-width: 150px;
  }
}

@media (min-width: 576px) and (max-width: 767px) {
  footer {
    padding-left: 2rem;
    padding-right: 2rem;
  }
}

@media (min-width: 576px) and (max-width: 991px) {
  .container-xl {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }

  .user-dropdown {
    max-width: 300px;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  footer {
    padding-left: 3rem;
    padding-right: 3rem;
  }

  .user-dropdown {
    max-width: 250px;
  }
}