html {
  height: 100%;
  font-size: 0.9rem;
  color: #031633;
  font-family: "Biryani, Biryani ExtraBold", sans-serif !important;
}

@media (min-width: 768px) {
  html {
    font-size: 1rem;
  }
}
html {
  position: relative;
}

body {
  min-height: 100%;
  overflow: clip;
  /*background-color: $white;*/
  font-family: "Biryani ExtraBold", sans-serif !important;
}

main {
  overflow: auto;
}

input[type=checkbox] {
  accent-color: #FF9F03 !important;
  color: white !important;
}

a[disabled] {
  pointer-events: none;
  background-color: gray !important;
}

a i {
  color: #045f7d;
}

a {
  color: #FF9F03 !important;
  text-decoration: none !important;
}

.text-blue {
  color: #002147 !important;
}

.text-orange {
  color: #FF9F03 !important;
}

.nav-link {
  font-family: "Biryani ExtraBold", sans-serif !important;
  font-weight: 600 !important;
  margin-right: 1rem;
  margin-top: 0.5rem;
  text-decoration-color: rgb(74, 74, 66) !important;
  color: #005E7C !important;
}
.nav-link:hover {
  color: #fff !important;
  background: #1d6f8a !important;
  transition: all 0.2s ease-in-out 0s !important;
}
.nav-link:hover i {
  color: #fff !important;
}
.nav-link.active {
  background: #b9bfc4 !important;
}

.navbar {
  box-shadow: 0px 2px 5px #777;
}

.navbar-header {
  padding: 27px 39px 28px 35px;
}

.navbar-collapse {
  margin-top: 1.2rem;
}

.ds-tooltip {
  --bs-tooltip-bg: #045f7d !important;
}

.float-right {
  float: right;
}

.footer {
  bottom: 0;
  width: 100%;
  white-space: nowrap;
  background-color: white;
}

.mb-footer {
  margin-bottom: 10vh !important;
}

@media (min-width: 992px) {
  .footer-sticky {
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 3;
    background-color: white;
    position: absolute;
  }
}
@media (max-width: 991.98px) {
  .footer-sticky {
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    line-height: 1.5;
    background-color: lightslategrey;
    position: absolute;
    max-height: 10vh;
  }
}
footer .social {
  align-items: center;
  display: flex;
  float: right;
}
footer .social img {
  padding: 0 4px;
}

tr[aria-expanded=true] .fa-chevron-up {
  display: none;
}

tr[aria-expanded=false] .fa-chevron-down {
  display: none;
}

button.accordion-button[aria-expanded=false] .fa-arrow-rotate-right {
  display: none;
}

button.accordion-button[aria-expanded=true] .fa-arrow-rotate-left {
  display: none;
}

.mt-6 {
  margin-top: 6rem !important;
}

.mt-7 {
  margin-top: 7rem !important;
}

.mt-8-5 {
  margin-top: 8.5rem !important;
}

.padding-licenses-page {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
  padding-top: 3rem;
}

@media (max-width: 1199.98px) {
  .padding-licenses-page {
    padding: 1rem !important;
  }
}
.bg-profilo {
  background-image: url(/images/Img_MNT_Profilo.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-profilo-50vh {
  background-image: url(/images/Img_MNT_Profilo.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  background-attachment: fixed;
}

.bg-spectral-50vh {
  background-image: url(/images/Slider_Spectral1900x700.jpg);
  height: 50vh;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-spectral-100vh {
  background-image: url(/images/Slider_Spectral1900x700.jpg);
  height: 100vh;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-spectral {
  background-image: url(/images/Slider_Spectral1900x700.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}

.bg-ds-gris {
  background-color: #494942 !important;
}

.bg-ds-gris-moyen {
  background-color: #6D6D6D !important;
}

.bg-ds-bleu-gradient {
  background: linear-gradient(to bottom, #005E7C, #002147);
}

.bg-ds-bleu {
  background-color: #005E7C !important;
}

.bg-sapphire-700 {
  background-color: #045f7d !important;
}

.bg-sapphire-500 {
  background-color: #2e82a6 !important;
}

.bg-ds-white-transparent {
  background-color: rgba(255, 255, 255, 0.85) !important;
}

.bg-dsYellow {
  background-color: #fbbc01 !important;
}

.bg-white-transparent {
  background-color: rgba(255, 255, 255, 0.3) !important;
}

.bg-ds-very-light-blue {
  background-color: #d9e5ea !important;
}

.bg-ds-light-grey {
  background-color: #eee !important;
}

.bg-ds-status-approved {
  background-color: #c5e0d4 !important;
}

.bg-ds-status-pending {
  background-color: #d0e3ff !important;
}

.bg-ds-status-onhold {
  background-color: #ffe7d3 !important;
}

.bg-ds-status-revoked {
  background-color: #f8d7da !important;
}

.color-sapphire-700 {
  color: #045f7d;
}

.color-ds-gris-moyen {
  color: #6D6D6D !important;
}

.color-ds-vert {
  color: #2A8E03;
}

.color-ds-rouge {
  color: #D10000;
}

.color-ds-jaune {
  color: #FF9F03;
}

.fg-ds-status-approved {
  color: #427e62 !important;
}

.fg-ds-status-pending {
  color: #6ca5fd !important;
}

.fg-ds-status-onhold {
  color: #fdaf6f !important;
}

.fg-ds-status-revoked {
  color: #f0acb2 !important;
}

.btn-ds-yellow {
  background: linear-gradient(to left, #FAC400, #FF9F03);
  color: white !important;
  opacity: 100% !important;
  font-weight: 550 !important;
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}

.btn-ds-yellow:hover {
  background: linear-gradient(to left, #FF9F03, #FAC400);
  color: white !important;
}

.btn-ds-yellow[disabled] {
  background: #6D6D6D !important;
  color: darkgrey !important;
}

.btn-ds-red {
  background-color: #D10000 !important;
  color: white !important;
  opacity: 100% !important;
  /* font-weight: 550 !important;*/
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}
.btn-ds-red :hover {
  background-color: red !important;
  color: black !important;
}

.btn-duck-green {
  --bs-btn-color: red;
  --bs-btn-bg: #045f7d;
  --bs-btn-border-color: #fbbc01;
  --bs-btn-hover-color: #000;
  --bs-btn-hover-bg: #2e82a6;
  --bs-btn-hover-border-color: #fbc31a;
  --bs-btn-focus-shadow-rgb: 252, 160, 1;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #367f97;
  --bs-btn-active-border-color: #fbc31a;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #045f7d;
  --bs-btn-disabled-border-color: #fbbc01;
  background-color: #045f7d !important;
  color: white !important;
  opacity: 100% !important;
  border-color: #2e82a6 !important;
  font-family: Verdana, Geneva, Tahoma, sans-serif !important;
}
.btn-duck-green :hover {
  background-color: #2e82a6 !important;
  color: white !important;
}

.btn-duck-green[disabled] {
  background: #6D6D6D !important;
  color: darkgrey !important;
}

.handCursor {
  cursor: pointer;
}

.table {
  font-size: medium;
  background-color: none;
}

.border-strong {
  border-bottom-color: #6D6D6D !important;
  border-top-color: #6D6D6D !important;
  border-top-width: inherit;
  border-bottom-width: inherit;
}

body {
  background-color: #fbfbfb;
}

@media (min-width: 991.98px) {
  mainAdmin {
    padding-left: 240px;
  }
}
/* Sidebar */
.sidebar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  padding: 58px 0 0; /* Height of navbar */
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05), 0 2px 10px 0 rgba(0, 0, 0, 0.05);
  width: 240px;
  z-index: 600;
}

@media (max-width: 991.98px) {
  .sidebar {
    width: 100%;
  }
}
.sidebar .active {
  border-radius: 5px;
  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
}

.sidebar-sticky {
  position: relative;
  top: 0;
  height: calc(100vh - 48px);
  padding-top: 0.5rem;
  overflow-x: hidden;
  overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
}

#wrapper {
  height: 100%;
}

#sidebar-wrapper {
  min-height: 100vh;
  -webkit-transition: margin 0.25s ease-out;
  -moz-transition: margin 0.25s ease-out;
  -o-transition: margin 0.25s ease-out;
  transition: margin 0.25s ease-out;
  background-color: #ced4da !important;
}

#sidebar-wrapper .sidebar-heading {
  padding: 1.15rem 0.5rem 0rem 0.5rem;
}

#sidebar-wrapper .list-group {
  background-color: transparent !important;
}

#sidebar-wrapper .list-group-item {
  background-color: transparent !important;
  color: white !important;
}

#sidebar-wrapper .list-group-item:hover {
  background-color: #045f7d !important;
  color: whitesmoke !important;
}

#wrapper.toggled #sidebar-wrapper {
  margin-left: 0;
}

@media (min-width: 768px) {
  #sidebar-wrapper {
    margin-left: 0;
  }
  #page-content-wrapper {
    min-width: 0;
    width: 100%;
  }
  #wrapper.toggled #sidebar-wrapper {
    margin-left: -15rem;
  }
}
.border-separator {
  border-bottom-width: 2px !important;
  border-bottom-color: darkgray;
}

.zoom {
  padding: 50px;
  background-color: green;
  transition: transform 0.2s; /* Animation */
  width: 200px;
  height: 200px;
  margin: 0 auto;
}
.zoom:hover {
  transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.blur-box {
  position: relative;
  display: inline-block;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blur-box::after {
  content: "";
  border-radius: 5px;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
  transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
}
.blur-box:hover {
  -webkit-transform: scale(1, 1);
  transform: scale(1, 1);
}
.blur-box:hover::after {
  opacity: 1;
}

.icon-box {
  text-align: center;
  padding: 20px;
  transition: all ease-in-out 0.3s;
  background: #fff;
}
.icon-box .icon {
  margin: 0 auto;
  width: 100px;
  height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: ease-in-out 0.3s;
  position: relative;
}
.icon-box .icon i {
  font-size: 36px;
  transition: 0.5s;
  position: absolute;
}
.icon-box .icon svg {
  position: absolute;
  top: 0;
  left: 0;
}

.iconbox-red svg {
  fill: #f5f5f5;
}
.iconbox-red i {
  color: #fa6b00;
}
.iconbox-red :hover svg {
  fill: #fa6b00;
}
.iconbox-red :hover i {
  color: #f5f5f5;
}

.iconbox-green svg {
  fill: #f5f5f5;
}
.iconbox-green i {
  color: #0f0;
}
.iconbox-green :hover svg {
  fill: #0f0;
}
.iconbox-green :hover i {
  color: #f5f5f5;
}

.iconbox-blue svg {
  fill: #f5f5f5;
}
.iconbox-blue i {
  color: #8dc3e1;
}
.iconbox-blue :hover svg {
  fill: #8dc3e1;
}
.iconbox-blue :hover i {
  color: #f5f5f5;
}

.iconbox-duck svg {
  fill: #f5f5f5;
}
.iconbox-duck i {
  color: #045f7d;
}
.iconbox-duck :hover svg {
  fill: #045f7d;
}
.iconbox-duck :hover i {
  color: #f5f5f5;
}

.iconbox-yellow svg {
  fill: #f5f5f5;
}
.iconbox-yellow i {
  color: #fbbc01;
}
.iconbox-yellow :hover svg {
  fill: #fbbc01;
}
.iconbox-yellow :hover i {
  color: #f5f5f5;
}

.ddl-qty {
  width: fit-content !important;
  margin-right: 1rem;
}

.modal-xl {
  --bs-modal-width: 1650px !important;
}

.text-area-limit {
  resize: vertical;
  max-height: 200px;
}

.validation-summary-errors ul {
  list-style: none;
  padding-left: 0px;
}

.field-validation-error {
  color: #dc3545;
}