@font-face {
  font-family: 'Roboto';
  font-weight: 400;
  src: url('assets/fonts/roboto-regular-webfont.woff2') format('woff2'),
       url('assets/fonts/roboto-regular-webfont.woff') format('woff');
}
.container-color {
  background-color: #edeef0; 
  padding: 0 !important;
}
  

body {
  font-family: 'Roboto',sans-serif;
  min-height: 100vh;
}

#clear {
  opacity: 0.5
}

.footer {
  font-family: 'Roboto',sans-serif;
  position: sticky;
  top: 100%
}

#overlay {
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  display: none;
  background: rgba(0, 0, 0, 0.6);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.spinner {
  width: 40px;
  height: 40px;
  border: 4px #ddd solid;
  border-top: 4px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
  100% {
    transform: rotate(360deg);
  }
}

.is-hide {
  display: none;
}

ul#menu li {
  display:inline;
}

#menu li {
  padding: 10px;
  border-radius: 5px;
  transition: all 0.5s ease-in-out;
}
#menu li:hover, .active {
  background: #e0e0e058;
}

#menu a {
  font-size: 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  gap: 2rem
}

td.hidden {display: none;}

.customer-label {
  margin-left: 15px;
}
/* Custom CSS to style   
 the tabs */
 .nav-tabs .nav-link {
  background-color: #f8f9fa; /* Light gray background */
  border-color: #dee2e6; /* Light gray border */
  color: #343a40; /* Dark gray text */
  border-bottom: none; /* Remove bottom border */
}

.nav-tabs .nav-link.active {
  background-color: #007bff; /* Blue background for active tab */
  color: #fff; /* White text for active tab */
  border-color: #007bff; /* Blue border for active tab */
  border-bottom: none; /* Remove bottom border for active tab as well */
}

.tab-content {
  border: 1px solid #dee2e6; /* Light gray border around content */
  padding: 20px; /* Add padding to the content area */
}