@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800&display=swap');
@import "sidebar.css";
@import "progress.css";
@import "dropdownmenu.css";
.d-none{
  display: none;
}

body {
    background: #9ed392;
    font-size: 14px;
    font-family: 'Poppins', sans-serif !important;
    background-image: url(/backend/images/download.svg);
    background-size: auto; /* Adjusts the image size to fit within the container */
    background-position: center; /* Centers the image */
    background-repeat: no-repeat;
    background-attachment: fixed; /* Makes the background stay fixed while scrolling */
}

h1,h2,h3,h4,h5,h6,button,input,textarea{
  font-family: 'Poppins', sans-serif !important;
}
.center-screen {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 85vh;
}

.center-screen2 {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

p{
  font-size: 14px;
  font-family: 'Poppins', sans-serif !important;
}
a {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  font-family: 'Poppins', sans-serif !important;
}
a:hover {
  color: inherit;
  text-decoration: none;
  cursor: pointer;
}

.swal2-styled:focus{
  box-shadow: none !important;
}

.mediumnavigation {
    background:rgba(121, 198, 101) !important;
    box-shadow:0 2px 2px -2px rgba(0,0,0,.15) !important;;
}

.side-bar-item.active {
    background-color: #007bff; /* Change to your preferred highlight color */
    color: white;
    font-weight: bold;
}

td.description-col {
    white-space: normal !important;
    word-wrap: break-word;
    max-width: 400px;
}


 .iti {
     width: 100%;
 }
.iti input[type="tel"] {
    padding-left: 80px !important; /* Ensure no overlap with flag and dial code */
}

/* #qr_holder{
    height:calc(100%);
} */
#qr-reader{
    width:calc(100%);
}
@media (max-width: 720px){
    #qr-reader{
        width:calc(100%);
        /* height:calc(85%); */
    }
    /* #qr-reader__scan_region{
        height:calc(70%) !important;

    }*/
    #qr-reader__scan_region video{
        /* height: 60% !important; */
        object-fit: cover !important;
    }
}

.password-wrapper {
    position: relative;
}
.toggle-password {
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 2;
    color: #6c757d;
}


.profile-card {
  max-width: 100%;
  padding: 2.5rem 2rem 3rem;
  border-radius: 1rem;
  background-color: #fff;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.12);
  text-align: center;
  cursor: default;
  user-select: none;
}
#profileImage {
    width: 160px;
    height: 160px;
    object-fit: cover;
    border-radius: 50%;
    border: 5px solid #0d6efd;
    box-shadow: 0 8px 20px rgba(13, 110, 253, 0.3);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
    cursor: pointer;
    margin-bottom: 1.25rem;
    display: inline-block;
}
#profileImage:hover,
#profileImage:focus {
    box-shadow: 0 0 28px #0d6efdaa;
    transform: scale(1.05);
    outline: none;
}
.profile-name {
    font-size: 1.75rem;
    font-weight: 700;
    color: #212529;
    margin-bottom: 0.25rem;
}
.profile-description {
    font-size: 1.05rem;
    color: #6c757d;
}
#imageUpload {
    display: none;
}
.upload-hint {
    font-size: 0.875rem;
    color: #6c757d;
    margin-top: 0.5rem;
    user-select: none;
}
#imageChangedIndicator {
    font-size: 0.9rem;
    font-weight: 600;
    color: #198754; /* Bootstrap success color */
    user-select: none;
    display: none;
    margin-bottom: 1rem;
}