@import url('https://fonts.googleapis.com/css2?family=Anek+Bangla:wght@100..800&family=Noto+Sans+Bengali:wght@100..900&display=swap');
@import url('https://rsms.me/inter/inter.css');

:root {
	--tblr-font-sans-serif: 'Inter Var', -apple-system, BlinkMacSystemFont, San Francisco, Segoe UI, Roboto, Helvetica Neue, sans-serif;
  }
  body {
	font-feature-settings: "cv03", "cv04", "cv11";
  }
  /*
  body {
    background: url("../img/login-bg.png") no-repeat center center fixed;
    background-size: cover;
}
*/
  .btn-green {
	--tblr-btn-border-color: transparent;
	--tblr-btn-hover-border-color: transparent;
	--tblr-btn-active-border-color: transparent;
	--tblr-btn-color: #000;
	--tblr-btn-bg: #d0f23b;
	--tblr-btn-hover-color: #fff;
	--tblr-btn-hover-bg: #97b31b;
	--tblr-btn-active-color: var(--tblr-primary-fg);
	--tblr-btn-active-bg: rgba(var(--tblr-primary-rgb), .8);
	--tblr-btn-disabled-bg: var(--tblr-primary);
	--tblr-btn-disabled-color: var(--tblr-primary-fg);
	--tblr-btn-box-shadow: var(--tblr-shadow-button), var(--tblr-shadow-button-inset);
}
.ls3{
	letter-spacing: 3px;
}
.ls2{
	letter-spacing: 2px;
}
.ls1{
	letter-spacing: 1px;
}
.dot_bottom {
	border-bottom: 2px dotted #2fb344;
}

.anek-bangla {
  font-family: "Anek Bangla", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}


.noto-sans-bengali {
  font-family: "Noto Sans Bengali", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

#postCheck, .form-select option {
    font-family: 'Anek Bangla', 'Segoe UI', sans-serif;
}
.form-select:disabled {
    background-color: #f4f6fa; /* Tabler muted background */
    opacity: 0.6;
    cursor: not-allowed;
    border-style: dashed; /* Optional: makes it look clearly locked */
}
.readonly-field {
    background-color: #effcb7;   /* light green */
	color: #000;
    cursor: not-allowed;         /* shows disabled-style cursor */
}

#submitBtn:disabled {
    cursor: not-allowed;
    opacity: 0.6;
    filter: grayscale(1);
}
/* Container for the image inside the modal */
/*
.img-container {
    max-height: 50vh; /* Limit height to 50% of the screen *//*
    width: 100%;
    margin-bottom: 10px;
    background-color: #f7f7f7;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
*/
#cropperImage {
    display: block;
    max-width: 100%; /* Prevents horizontal overflow */
    max-height: 100%; /* Prevents vertical overflow */
}

/* Make the modal header more compact */
.modal-header {
    padding: 0.5rem 1rem;
}
/* Constrain the cropper area so it never pushes the footer off-screen */
.img-container {
    height: 50vh; /* Uses 45% of the screen height */
    min-height: 250px;
    width: 100%;
}

/* Ensure the modal doesn't get too wide on desktops */
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 500px;
    }
}

/* Fix for Cropper.js box styling */
.cropper-view-box,
.cropper-face {
    border-radius: 0;
}